Когда речь идет о создании интернет - магазина, 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, вам нужно убедиться, что параметр «Масштаб изображений продуктов WooCommerce» включен в Avada > «Параметры» > «WooCommerce» > «Общие WooCommerce» > «Увеличение изображений продуктов WooCommerce » или на вкладке «Общие» элемента изображений продуктов Woo > Изображения продуктов увеличиваются , если вы используете макеты WooCommerce.
Ширина изображения продукта WooCommerce — ширина основного изображения (см. настройку ниже) и фактический размер загружаемого изображения должны быть больше, чем настройка Avada > Options > WooCommerce > General WooCommerce > Ширина изображений продукта WooCommerce или максимальная ширина изображений продукта. в элементе изображения продукта Woo. Ширина столбца контейнера для одной галереи продуктов будет определяться выбранными вами настройками. После внесения необходимых изменений вы будете готовы установить ширину основного изображения 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 , где вы можете регенерировать миниатюры изображений, создавая новые размеры изображений.
