Скидка 30% на все шаблонные сайты до 20 января 2026

Страница интернет-магазина в Izumrud с WooCommerce

Если вы хотите улучшить дизайн и функциональность страницы магазина вашего веб-сайта, Izumrud предлагает мощное решение в виде дизайна карточек магазина. Эти варианты дизайна позволяют улучшить визуальную привлекательность страницы вашего магазина, одновременно повышая вовлеченность пользователей.

Прочтите следующие разделы этого документа для получения более подробной информации о дизайне карточки магазина.

Как настроить страницу магазина Izumrud WooCommerce

На странице магазина вашего веб-сайта мы представили функцию, которая позволяет вам улучшить дизайн карточек товаров с помощью темы Izumrud. Эти дизайны карточек магазина дают вам возможность сделать страницу вашего магазина более визуально привлекательной.

Чтобы получить доступ к этим настройкам, вы можете выполнить следующие шаги:

Перейдите на панель управления WordPress и выберите «Внешний вид».
В разделе «Внешний вид» нажмите «Настроить».
В меню настройки найдите и выберите «WooCommerce».
Затем нажмите «Каталог продукции».
Прокрутите вниз, пока не увидите раздел «Дизайн карты магазина». Здесь вы найдете три различных дизайна, которые улучшат общий вид страницы вашего магазина.

0:00

Что такое дизайн карточек магазина Izumrud

В настройках вашего веб-сайта вы можете увидеть три различных дизайна карточек магазинов. Каждый из этих дизайнов предлагает уникальные функции и визуальные улучшения для улучшения внешнего вида и функциональности страницы магазина вашего веб-сайта. Разберем каждую конструкцию подробно:

Дизайн 1. Это классический и стандартный макет, с которым вы уже знакомы. Он отображает название продукта, категории, цену и рейтинги чуть ниже изображения продукта.

Дизайн 2: это модифицированная версия классического дизайна, в которой при наведении курсора на изображение продукта вы увидите кнопку «Добавить в корзину».

Дизайн 3: предлагает одновременное изображение продукта и его детали, обеспечивая более просторное представление ваших продуктов.

Расширенное управление с помощью панели инструментов для макета магазина WooCommerce

В дополнение к дизайну карточек магазинов Izumrud разработал панель инструментов для страницы магазина, предоставляющую вам больший контроль над дизайном и функциональностью страницы вашего магазина.

Вот некоторые из ключевых особенностей этой панели инструментов:

Количество результатов

Включение этой опции отобразит общее количество товаров на странице магазина, помогая посетителям сайта понять размер вашего каталога товаров.

Фильтр

Опция «Фильтр» добавляет панель фильтров вверху страницы магазина, облегчая посетителям поиск определенных продуктов.

Сортировка

«Сортировка» позволяет пользователям вашего сайта упорядочивать товары по популярности, рейтингу, дате загрузки и цене, повышая удобство покупок.

Простой просмотр списка

Эта функция позволяет быстро переключаться между дизайнами карт для дополнительного удобства.

Складной фильтр

Он доступен в компоновке панели фильтра. Эта функция позволяет складывать секцию фильтра сверху, что экономит место и обеспечивает более аккуратный вид.

Как настроить страницу магазина Izumrud

Izumrud предлагает множество функций дизайна, которые повышают удобство использования страницы вашего магазина. Вот некоторые из ключевых вариантов дизайна, которые вы можете изучить:

Согласование содержания продукта

Вы можете получить доступ к этой функции, перейдя на вкладку «Дизайн» и прокрутив вниз до раздела «Стилизация карточки магазина». Это позволяет изменить выравнивание содержимого продукта.

0:00

Наполнение карточки продукта

Опция «Отступы карточек» позволяет добавлять отступы вокруг карточек товаров, обеспечивая визуально приятный и организованный макет.

0:00

Цвет фона содержимого продукта

Izumrud также позволяет изменять цвет фона содержимого продукта на каждой карточке.

Просто перейдите на вкладку «Дизайн», нажмите на селектор цвета рядом с опцией «Фон продукта» и выберите цвет, который соответствует стилю вашего веб-сайта.

0:00

С помощью этих настраиваемых параметров вы можете создать профессиональную, удобную и визуально привлекательную страницу магазина, отвечающую вашим конкретным потребностям.