Як перенести в свій шаблон стилі css плагіна woocommerce

Як перенести в свій шаблон стилі css плагіна woocommerce

Способи розберемо простіше і складніше - для естетів, а також покажу кілька кодів, спрямованих на логічну організацію зовнішнього вигляду магазину на базі плагіна 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

Ось деякі корисні коди для організації функціональної структури бухгалтерії магазину ...

Також установки на панелі управління плагіном (магазином) немає ... можливо більш тонке управління і з'явиться в майбутньому, але, як то кажуть - знання зайвими не бувають в сьогоденні.

як змінити кількість товарів на вітрині магазину на WooCommerce