Light Shop

headЛегкая адаптивная тема «Light Shop» содержит две колонки, три меню (в шапке, в левой колонке, над контентом), три блока виждетов (в шапке, в левой колонке, в футере), стандартный и лендинг-шаблон страницы товара. Имеет возможность закрепления главного меню вверху страницы.

посмотреть тему в работеДля увеличения изображений товара можно использовать плагин «PWP Lytebox».

Скриншоты основных страниц сайта:
Главная страница
Главная страница
Раздел каталога
Раздел каталога
Страница товара
Страница товара
Альтернативный шаблон (лэндинг)
Альтернативный шаблон (лэндинг)
КАК СДЕЛАТЬ ПОКУПКУ

  1. Определитесь с версией, которую хотите приобрести и нажмите соответствующую кнопку
  2. Вы будете перенаправлены на популярный сервис приема электронных платежей Robokassa.ru, где сможете произвести оплату удобным для вас способом
  3. После совершения оплаты у вас будет номер заказа (он придет вам на e-mail который вы укажете в процессе оплаты, также он будет указан на странице подтверждения оплаты на нашем сайте)
  4. Пришлите нам письмо на pwpcode@gmail.com с номером оплаченного заказа и мы вышлем купленный товар ответным письмом.

Обращаем ваше внимание, что сервис Робокасса берёт комиссию с проводимых платежей. Размер комиссии зависит от способа оплаты, который вы выберете.

Тема «Light Shop» без плагина


1400 р.
Эта тема работает только с плагином.
Как с платной, так и с бесплатной его версиями


Настройка темы:

  1. Меню сайта
    После установки темы выберите в левом меню админки «Внешний вид / Меню» и создайте 3 меню – «Главное меню», «Меню каталога», «Меню информации». Главное меню и меню каталога могут иметь вложенные пункты (выпадающие при наведении), меню информации — одноуровневое.

    man01
    Создайте структуру верхнего меню, отметьте чекбокс «Главное меню» и нажмите на кнопку «Сохранить меню».
    man02
    По такому же принципу создайте «Меню каталога» и «Меню информации». Главное меню отобразится горизонтально после шапки сайта, меню каталога – вертикально в левой колонке сайта, меню информации — в шапке над формой поиска.

    Чтобы сделать левое меню с голубым заголовком (как на демо-сайте), не отмечайте для него чекбокс «Левое меню», а добавьте это меню в левую колонку с помощью виджета «Произвольное меню»

  2. Настройка темы
    Для изменения настроек темы выберите в левом меню админки «Внешний вид / Настроить».
    man-ls-01

    • В списке настроек «Название и описание сайта» можно изменить название, описание и логотип. Если логотип загружен, он отображается вместо названия и описания.
    • В списке настроек «Другие настройки темы» можно отключить фиксацию главного меню при прокрутке сайта.
  3. Виджеты
    Выберите в левом меню админки «Внешний вид / Виджеты». Здесь можно добавить виджеты в шапку сайта, в боковую колонку сайта и в подвал сайта.
  4. Настройка статической главной страницы
    Если в качестве главной вы установили статическую страницу, то для изменения ее содержания просто редактируйте контент назначенной страницы.

    Например, используя шорткод p_products, можно вывести на нее товары из разделов каталога.

    А для создания стилизованных заголовков, используйте:

    <h3 class="head-title">Заголовок</h3>
  5. Таблица характеристик товара
    man-ls-02
    Для добавления под блоком «купить» таблицы с характеристиками товара, разместите в любом месте описания следующий код:

    <div class="properties">
       <span>Заголовок блока</span>
       <ul>
       <li>содержание строки 1</li>
       <li>содержание строки 2</li>
       </ul>
    </div>
    
  6. Блок изображений
    man-ls-03
    Блок дополнительных изображений формируется автоматически в момент пакетной загрузки товаров и располагается под главным фото. При клике на миниатюры, происходит переключение главного изображения. Если вы добавляете фотографии вручную, убедитесь, что вы их размещаете в таком блоке (блок может находиться в любом месте описания):

    <div class="as_images">
       <div class="as_img">ЗДЕСЬ ИЗОБРАЖЕНИЕ</div>
       <div class="as_img">ЗДЕСЬ ИЗОБРАЖЕНИЕ</div>
       <div class="as_img">ЗДЕСЬ ИЗОБРАЖЕНИЕ</div>
    </div>