Способи розберемо простіше і складніше - для естетів, а також покажу кілька кодів, спрямованих на логічну організацію зовнішнього вигляду магазину на базі плагіна woocommerce: (зауважте - тільки код - без плагінів поки: залишимо тяжким плагинам більш тонку функціональну роботу)
... перенесемо важелі управління кількістю відображуваного товару, послідовністю і т.п ... і, на мій погляд, важлива деталь - налаштуємо приберемо / додамо в формі замовлення поля для заповнення клієнтом, і - коли наша мета створення інтернет магазину на wordpress з нуля - то ...
... почнемо грати концерт:
Щоб магазин на вордпресс корисно функціонував, приступимо до стилістики ...
перенести css wooc в директорію свого шаблону правильно
Відразу кажу, - буде логічніше, коли ви вивчите попередню публікацію про налаштування магазину ... там я пояснював чому доцільніше ті чи інші організаційні адміністративні дії ...
Отже: приклад магазину на wordpress можна поглянути на моєму сайті. це, звичайно, не повноцінний в сенсі поняття магазин, створення магаза тут не було метою, але все ж для загальних ваших розумінь підійде ... та й ми розбираємо тему створення магазину на базі вордпресс, прикрученого до стороннього сайту: втім, принцип скрізь однаковий ...
Отже: спосіб - 1.
Щоб стилі woocommerce.css підхоплювалося з вашого шаблону, потрібно буде прописати наступні рядки в файл functions.php
Також, щоб стилі woocommerce-layout.css зчитувалися з вашого шаблону, потрібно буде прописати і нижченаведені рядки в файл функцій ...
... тільки що ми перенаправили відпрацювання основних стилів плагіна. Для початку, цього досить:
Якщо пояснити просто - в плагіні зроблено так, що woocommerce.css як би основною (там зосереджені настройки JS в тому числі), а woocommerce-layout.css допоміжний ...
Це коротко. - тепер можна грунтовно зайнятися підстроюванням, а в процесі покопаємо детальніше начинку ...
Для тих, яким не терпиться все виправити спочатку правильно ...
Взагалі, стилі, в плані легкості сайту, логічніше з'єднати воєдино - в один загальний файл, наприклад - style.css.
Як це робиться:
У файлі функцій потрібно організувати ще один цикл коду, який покликаний повністю відключити css-стилі плагіна, але забезпечити подгрузку із загального файлу стилів теми: (як розумієте, перші коди тільки перенаправляли шляху до файлів ...)
У кого-то запрацює такий код:
... кому-то, можливо, підійде такий: (все залежить від вдало обраної вами теми))
... інакше у вас в вихідному коді буде засміченість непотрібними мета-рядками, дивіться фото (картинки клікабельні):
Після того, як тільки ви забороните (код 2) відпрацювання стилів плагіна, стилі будуть довантажувати з шаблону, проте - перенаправлення ще буде відпрацьовуватися колишнім кодом: звідси і сміття неробочих мета ...
А найбільш неприємним буде повідомлення валідатора про помилку організації роботи css: буде щось типу «такий-то такий файл css вказано, але не знайдений ...» хоча сайт і буде працювати ... Проте - це помилка!
... словом, вимкніть «перенаправлення» якщо наважуєтеся користуватися другим варіантом!
Має вийти як на другий фотке: мета запитів стилів css woocommerce-layout.css і woocommerce.css повинні бути прибрані.
Чому я давав коди окремо.
А тому ... що деяким простіше попередньо налаштовувати стилістику магазину коли файли розділені ... а вже після остаточних редакцій і підсумуйте, благо, складнощів ніяких немає!
функціонально-візуальні налаштування магазину на WooCommerce
Ось деякі корисні коди для організації функціональної структури бухгалтерії магазину ...
Також установки на панелі управління плагіном (магазином) немає ... можливо більш тонке управління і з'явиться в майбутньому, але, як то кажуть - знання зайвими не бувають в сьогоденні.