Що стосується створення інтернет-магазину, WooCommerce-це plugin . Смішно просто створити інтернет -магазин і почати продавати свою продукцію, як тільки ви закінчите. Avada надає всебічну підтримку та інтеграцію дизайну для WooCommerce, дозволяючи створювати магазин своєї мрії, а також гарантувати, що він виглядатиме саме в тій рамці, яку ви маєте на увазі.
Avada - це можливість дати вам можливість налаштувати зовнішній вигляд вашого веб -сайту, що нічим не відрізняється від інтеграції WooCommerce. Використовуючи нашу популярну мережу розширених параметрів, ви можете вибирати з широкого спектру налаштувань для різноманітних можливостей дизайну, включаючи:
- WooCommerce має власну панель глобальних параметрів Avada, окрему від основної панелі глобальних параметрів Avada.
- Параметри сторінки Avada доступні для кожного продукту.
- Avada Builder дозволяє створювати дизайни сторінок продуктів шляхом перетягування елементів.
Створення вашого сайту електронної комерції за допомогою Avada.
По -перше, ми повинні встановити wooCommerce в Avada.
- Встановлення WooCommerce - покрокові інструкції
- Як призначити сторінку магазину своєму веб -сайту
- Створення ваших продуктів
- Створення ефекту масштабування продукту
- Регулювання параметрів розміру зображення продукту у WooCommerce.
Встановлення WooCommerce - покрокові інструкції
Перейдіть до Avada> Plugin s / Add-ons і знайдіть plugin WooCommerce , як показано на скріншоті нижче.
Крок 1 - Встановіть plugin WooCommerce .
Крок 2 – Виберіть «Встановити» зі спадного меню.
plugin буде встановлено та активовано автоматично.
Крок 3 – Після цього має відобразитися майстер налаштування WooCommerce. Якщо ви імпортуєте одну з наших демонстраційних моделей Woo, наприклад Modern Shop або Classic Shop, ви можете пропустити цей крок без ризику втратити свої дані. Щоб перейти вперед, виберіть у спадному меню "Не зараз". Якщо ви не імпортуєте одну з наших демонстраційних версій Woo, перейдіть до наступного кроку, натиснувши кнопку "Поїхали!" кнопку, щоб почати процес налаштування.
Крок 4. Дотримуйтесь підказок та інструкцій на екрані, щоб завершити процес і ввести необхідну інформацію про свій магазин. Натиснувши кнопку «Створити свій перший продукт», коли ви закінчите, ви зможете перейти до створення свого першого продукту. Крім того, ви можете повернутися до інформаційної панелі WordPress, натиснувши посилання під вікном налаштування.
Як призначити сторінку магазину своєму веб -сайту
У рамках звичайного процесу встановлення WooCommerce слід запустити майстра налаштування, який дозволить вам налаштувати свій магазин і призначити сторінки свого магазину клієнтам. Додаткову інформацію про сторінки, які створює майстер встановлення, можна знайти в цьому документі WooCommerce.
Крім того, якщо майстер налаштування не з'являється або ви з будь -якої причини скасуєте його, ви завжди можете повернутися до майстра налаштування, вибравши Майстер налаштування у меню Довідка на будь -якій сторінці WooCommerce, яку можна знайти у верхньому лівому куті вікна вікно.
Ви можете вручну налаштувати сторінку магазину, перейшовши на вкладку Продукти в налаштуваннях WooCommerce – WooCommerce > Налаштування > Продукти – і вибравши сторінку, яка буде головною сторінкою магазину, зі спадного меню. WooCommerce відобразить ваші продукти на цій сторінці в результаті ваших дій.
Решта сторінок можна налаштувати на вкладці «Додатково» в WooCommerce > Налаштування > Додатково .
Створення ваших продуктів
Крок 1 – На бічній панелі адміністратора WordPress перейдіть до вкладки Продукти > Додати продукт.
Крок 2 – У верхній частині сторінки введіть назву свого продукту.
Крок 3 – Заповніть поле вмісту публікації текстом з опису товару. Вся інформація про продукт буде відображена в цьому розділі.
Крок 4 – Заповніть поле « Дані про продукт» всією інформацією про продукт. Наприклад , ціна, артикул та доставка – усі можливі варіанти amp
Крок 5 – У полі « Короткий опис продукту » введіть стислий опис вашого продукту, який з’явиться поруч із основними зображеннями.
Крок 6 – Основне представлене зображення має бути розміщене під Зображення продукту » з правого боку сторінки; Це потрібно заповнити для кожного продукту.
Крок 7 – Додайте більше зображень до поля « Галерея продуктів », якщо ви хочете використовувати галерею зображень замість одного зображення.
Крок 8 – У полі « Категорії продуктів » введіть категорії, які стосуються ваших продуктів. Далі заповніть пропуски відповідними тегами для вашого продукту в полі « Теги продукту ».
Крок 9 – Після того, як ви введете всю необхідну інформацію, натисніть кнопку « Опублікувати », і товар з’явиться на головній сторінці вітрини.
Створення ефекту масштабування продукту
Якщо ви використовуєте Avada Layouts, вам потрібно переконатися, що параметр WooCommerce Product Images Zoom увімкнено в Avada > Options > WooCommerce > General WooCommerce > WooCommerce Product Images Zoom , або на вкладці Woo Product Images Element General > Зображення продуктів Збільште масштаб , якщо ви використовуєте макети WooCommerce.
Ширина зображень продукту WooCommerce – ширина основного зображення (див. налаштування нижче) і фактичний розмір завантаженого зображення мають бути більше, ніж налаштування Avada > Параметри > WooCommerce > Загальні WooCommerce > WooCommerce Product Images Width або Max Width зображень продукту в елементі Woo Product Images. Ширина стовпця контейнера для однієї галереї продуктів буде визначатися вибраними вами налаштуваннями. Після того, як ви внесете необхідні налаштування, ви зможете встановити ширину основного зображення WooCommerce.
Ширина основного зображення WordPress – налаштування ширини основного зображення WooCommerce можна знайти в налаштуванні вашого веб-сайту WordPress. На інформаційній панелі WordPress перейдіть до Зовнішній вигляд > Налаштувати > WooCommerce > Зображення продуктів , де ви знайдете налаштування ширини основного зображення; Це визначить фактичний розмір зображення, відображеного в галереї.
Чим детальнішим буде ефект масштабування, тим більший розмір зображення ви встановили для свого зображення. Щоб уточнити, якщо розмір зображення в налаштуваннях WooCommerce відповідає ширині зображення в глобальних параметрах Avada, масштабування не буде видно, коли миша наводить зображення на сторінку. Крім того, розмір фактичного зображення, яке ви завантажуєте, має бути таким самим або більшим, ніж налаштування Основної ширини зображення у дизайні вашого веб -сайту.
Переконайтеся, що ви відновили свої ескізи після зміни розмірів зображення WooCommerce; Це застосує ваші нові розміри зображень до будь -яких зображень, які вже завантажені на ваш веб -сайт. Для цього можна скористатися plugin Regenerate Thumbnails.
Регулювання параметрів розміру зображення продукту у WooCommerce.
WooCommerce містить опції для регулювання розміру зображень товарів у розділах Каталог магазину та Зображення окремих товарів. Крім того, існують певні налаштування Avada, які працюють разом із розмірами зображень, що використовуються у вашому магазині WooCommerce. Під час налаштування цих параметрів розміру зображення важливо пам’ятати, що також слід враховувати глобальні параметри Avada. Пізніше ми розглянемо кожен з цих варіантів більш детально.
Припустимо, зображення, які ви завантажуєте для своїх продуктів, у джерелі менші за розміри зображень, зазначені у налаштуваннях WooCommerce. У цьому випадку ви можете помітити деякі розбіжності у візуальному макеті на зовнішній стороні сторінок вашого магазину; Це жодним чином не є помилкою. Це просто тому, що ваші зображення були занадто малі, щоб налаштування WooCommerce вплинули на них. Ви можете розглядати ці параметри як максимальну ширину та висоту для ваших зображень з точки зору розмірів зображення. Все, що падає нижче зазначеної межі, не буде змінено.
Налаштовуючи свій магазин, переконайтеся, що враховуються як налаштування розміру зображення WooCommerce, так і фактичний розмір ваших зображень. Таким чином, ваші зображення повинні мати такий самий розмір або більший, ніж налаштування розміру зображення у вашому магазині WooCommerce.
Будь -які зміни в налаштуваннях розміру зображення вимагатимуть відтворення ваших ескізів, щоб вони набули чинності для зображень, які вже завантажені на ваш сайт. Тому настійно рекомендується використовувати plugin Regenerate Thumbnails. Крім того, розміри зображення можна регулювати, виконуючи наведені нижче дії.
Крок 1 – На бічній панелі адміністратора перейдіть на вкладку « Зовнішній вигляд », а потім на вкладку « Налаштувати », щоб почати налаштовувати свій сайт.
Крок 2 – Перейдіть на вкладку « WooCommerce » у верхній частині сторінки.
Крок 3. Налаштування зображень для окремих зображень продукту можна знайти на вкладці « Зображення продуктів .
Крок 4 – Коли ви завантажуєте зображення на сторінки окремих продуктів, виберіть основний параметр ширини зображення. Ширина мініатюри – це ширина мініатюр ваших товарів у каталозі. Заповніть пропуски бажаним значенням ширини.
Крок 5 – Щоб відновити мініатюри після того, як ви змінили розміри зображень і зберегли їх, вам потрібно буде використовувати plugin , який можна знайти в розділі Plugin . Спочатку встановіть plugin , а потім перейдіть на WP Admin > Tools , де ви можете відновити ескізи зображень, створюючи нові розміри зображення.
