Шаблон витрины товаров. Создание «витрины» товаров. Как это все будет выглядеть

Для вставки такой витрины товаров в содержимое любой страницы или записи вам нужно использовать специальный конструктор витрин, который подключается к редактору контента WordPress в момент активации плагина WP Shop

Обратите внимание!

Этим инструментом можно выводить не только товарные витрины но и вообще сетку любых записей в WordPress , новости, статьи и т.д.

При нажатии на эту кнопку вы увидите панель настроек витрины. Часть настроек работают во всех версиях плагина WP Shop, а другая часть работает только в PRO-версии плагина магазина WP Shop, которую вы можете .

  1. Ссылка на эту инструкцию
В бесплатной версии плагина магазина WP Shop витрина выводится простой таблицей , с минимумом настроек.
Если WordPress-тема, которую вы используете на своем сайте, имеет адаптивную верстку и вы хотите так же ставить витрину товаров с адаптивной версткой , мы предлагаем Вам , которая позволит вам вставлять адаптивные витрины товаров на свой сайт. Инструкция по настройке конфигуратора витрин в PRO-версии магазина .

Для вставки адаптивной витрины товаров в содержимое любой страницы или записи вам нужно использовать специальный конструктор витрин, который подключается к редактору контента WordPress в момент активации плагина WP Shop. Кроме того, чтобы витрина адаптировалась под разные размеры экрана, требуется добавить в папку вашей темы специальный файл, который предоставляется нами при .

При нажатии на эту кнопку вы увидите панель настроек витрины. Если у вас установлена (которую вы можете ), то вам доступен весь набор настроек конфигуратора витрины.

  1. Ссылка на эту инструкцию
  2. При выборе данного варианта в блоке 5 показывается список рубрик, из которых можно выбрать одну или несколько для вывода на витрине
  3. При выборе данного варианта в блоке 5 показывается список меток (тегов) из которых можно выбрать один или несколько для вывода на витрине
  4. При нажатии на эту кнопку произойдет возврат к выбору конфигуратора: витрин или прайс-листов
  5. Список рубрик или меток для выбора одной или нескольких, для отображения на витрине
  6. Количество колонок для вывода на витрине
  7. Количество строк для вывода в витрине на 1 странице
  8. Высота блока 1 товара в витрине
  9. Длина описания товара, выводимая в витрине, в символах
  10. В этом параметре можно указать имя произвольного поля, по которому вы хотите произвести фильтрацию товаров в витрине. Пример: у вас в товаре есть произвольное поле new, которое означает что указанный товар это новинка. Установив new в данном параметре вы получите витрину новинок в рамках тех рубрик, которые будут выбраны в поле 5.
  11. В этом параметре задается минимальная ширина 1 товарного блока в витрине, в пикселях. Если нужно сделать блок по-уже или наоборот по-шире, используйте этот параметр
  12. Вы можете задать свой CSS-класс для управления внешним видом витрины
  13. Вы можете управлять текстом на кнопке «купить». Обычно пишут: купить, заказать, оформить, в корзину … и т.д.
  14. Этот параметр позволяет управлять закруглением углов кнопки «купить»
  15. В этом параметре вы можете задать высоту картинки в витрине. Можно использовать, когда необходимо вывести картинки товара в витрине более крупно. Картинки берутся по следующему принципу: из миниатюры товарной записи, если там нет — то из произвольного поля Thumbnail
  16. Управление цветом текста на кнопке «купить»
  17. Управление цветом текста на кнопке «купить» при наведении мыши
  18. Управление цветом фона кнопки «купить»
  19. Управление цветом фона на кнопке «купить» при наведении мыши
  20. Управление цветом рамки товара в витрине, если она включена в пункте 30
  21. Управление выравниванием текста в витрине: слева, по-центру, справа
  22. Возможность скрыть картинку товара в витрине
  23. Возможность скрыть заголовок товара в витрине
  24. Возможность скрыть описание товара в витрине, обычно используется если на странице мало места для витрины
  25. Возможность скрыть кнопку «купить»
  26. Возможность скрыть поле для указания количества единиц товара для помещения в корзину
  27. Возможность скрывать товары которых временно нет в продаже. В плагине WP Shop товар, которого нет на складе, отмечается произвольным полем sklad_1 = 0
  28. Возможность скрыть вариации товара в блоке витрины. В некоторых случаях вариации товара вытягивают витрину по высоте.
  29. При включении этого параметра появляется постраничная навигация сверху и снизу витрины
  30. Возможность показать и скрыть рамку блока товара
  31. Возможность выводить рейтинг товара, при включенном плагине , пример

Настройка витрин в плагине WP Shop до версии 3.9

Вывод витрины делается через вставку специального шорткода внутри страницы или записи:


Где:
  • cat=120 , которой объединены нужные товары;
  • 3 — количество столбцов (колонок) при выводе витрины, может быть любым: 1,2,3…10 — сколько вместится в вашу верстку;
  • 550 — высота блоков при выводе витрины, в пикселях.
  • 2 — количество строк (для 1 страницы) при выводе витрины.
  • 150 — длина текста в символах для каждого товара. Текст берется из доп.поля short_text , а при его отсутствии — из контента поста


pic = HTML-код картинки. Почему HTML а не просто линк на картинку? А для того, чтобы можно было применять всяческие спецэффекты к картинкам + можно вместо картинок использовать другие визуальные элементы — flash, видео, javascript и т.д. Решение это не бесспорное, но мы посчитали что так будет удобнее.

short_text = краткое текстовое описание товара. Сюда можно внести фрагмент описания товара, для вывода только в витрине.

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

Встроенные шорткоды — удобный инструмент для показа товаров, но, для того чтобы он стабильно работал на всех темах WordPress, он ограничен очень небольшим набором возможностей: вывод сетки товаров сделан таблицей (а не блоками), можно указать только 1 рубрику или тег.

С первых дней работы мы были приятно удивлены насколько быстро и качественно выполнялись поставленные задачи, корректировался материал и предлагались самые оптимальные решения. Особенно хочется отметить и искренне поблагодарить Евгения Коткова, который покорил нас своим вниманием, чутким отношением, профессионализмом и четкой работой.

Территориальная организация профсоюза городских организаций города Новоуральска

Интернет-магазин мебели "Стиль+"

Выражаем коллективу компании ООО "ТКС, в частности руководителю проекта Коткову Евгению, благодарность за профессиональное и ответственное отношение к работе. Мы настроены на дальнейшее сотрудничество.

ООО "ГостСтрой"

Мы приняли решение выбрать в качестве разработчика сайта нашей компании ООО Технологию. Консалтинг. Сервис, и остались довольны нашим плодотворным сотрудничеством. Работы по разработке сайта проведены в заявленные сроки и в соответствии с нашими пожеланиями.

Интернет-магазин секонд хенд и сток "SONA SHOP"

Профессиональный подход к работе с заказчиком! Вежливость, внимательность, обратная связь. Реальная, а не выдуманная оперативность исполнения заказа. Я доволен работой с компанией ооо "Технология, Консалтинг Сервис"в лице Коткова Евгения на всех этапах сотрудничества. И разумеется, доволен результатом по редизайну и продвижению.

ООО "Дольче Вита"

Выражаем благодарность компании ООО "Технология. Консалтинг. Сервис" за комплексную работу над нашим сайтом. Специалисты ООО "ТКС" не только разработали проект с самого начала, но и существенно повысили его популярность в сети Интернет. Наш сайт попал ТОП-10 выдачи поисковых систем.

Фотостудия "PHOTO KLASS"

Нам потребовалась разработка второго сайта для своего бизнеса. Первый свой сайт мы делали в компании "ТКС", остались очень довольны. Мы даже не сомневались, что сайт будет сделан быстро и качественно. Мелочи, которые хотелось изменить на последнем этапе дорабатывались мгновенно! Спасибо большое за Вашу работу, всем рекомендуем Вашу компанию!

Фонд "НЦРП"

Руководство Фонда "НЦРП" выражает искреннюю признательность и благодарность коллективу компании ООО "ТКС" за разработку корпоративного сайта Фонда. Все наши пожелания по функционалу сайта вовремя учитывались и воплощались.

Питомник бостон-терьеров "Vento Solare"

Сайт был сделан оперативно и на достойном уровне. Дизайн сайта выполнен сбалансированно и гармонично. Мы довольны сотрудничеством с Евгением Котковым. С начала нашего сотрудничества чувствуется ответственное отношение Евгения к нашему проекту.

Семейный фотограф Елена Клещевникова

Я работаю фотографом, а не программистом, все-таки каждый должен заниматься своим делом, и я решила обратиться в компанию "Технология. Консалтинг. Сервис". Мне переделали мой же сайт, сделали так, как меня устраивало на 100%, при чем быстро, легко и недорого. Я осталась довольна работой компании "ТКС" и рекомендую ее всем.

Студия подарка "Грильяж"

На пути создания сайта я часто сталкивалась с различными проблемами: непонимание, затягивание сроков, невероятно высокие цены. Когда в 2011 году я доверила свой сайт компании "ТКС", я наконец-то вздохнула с облегчением. Все работы выполняются точно в соответствии с техническим заданием и даже лучше! Всегда очень оперативно и по разумной цене.

ООО "Уралтэкс"

Сайт был сделан точно в оговоренные сроки и на качественном уровне, согласно всех пожеланий заказчика. Мы довольны сотрудничеством с разработчиками сайта. Мы будем обращаться в компанию ООО "Технология. Консалтинг. Сервис", а также готовы рекомендовать ее.

Закрытый клуб "UBoSS.ru"

От лица всех участников сайта - учащихся группы 31 потока МВА Академии народного хозяйства, Евгению Коткову выражаю благодарность за качественно выполненную работу точно в срок. Рекомендую Евгения как надежного разработчика качественных сайтов различной сложности и направлений.

Любимый павильон "ЧайОк"

Сайт создан в соответствии с нашими пожеланиями, вполне профессионально. Благодарим Евгения за оперативность и интерес к работе!

Внимание! На текущий момент, статья устарела. Поэтому рекомендую Вам следующие статьи по этой теме:

Как это все будет выглядеть?

Чтобы понять, как будет выглядеть ваш партнерский Интернет магазин под CPA, перейдите на сайт daitovar.ru . Ваш CPA сайт будет идентичным с точки зрения дизайна и техники.

Тем не менее, вы сможете брендировать вашу витрину, сделать ее более уникальной и узнаваемой. Вы сможете поменять логотип или полностью шапку сайта, вставив произвольный HTML код.

Как получить готовый партнерский Интернет магазин прямо сейчас

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

  • зарегистрироваться в качестве партнера
  • создать магазин
  • зарегистрировать домен
  • привязать домен к созданному магазину

Пошаговые инструкции и видео уроки

Вероятно, у вас возникнет множество вопросов, поэтому я рекомендую посмотреть подробные инструкции и видео уроки о создании и настройке витрины . Если вы не сможете найти ответ, то задайте вопрос о работе с инструментам вежливым ребятам в службу поддержки .

Преимущества и особенности

Готовые партнерские магазины и товарные витрины на основе White Label имеют свои преимущества и особенности, о которых вам следует знать:

  1. White Label позволяет получить готовый партнерский Интернет магазин абсолютно любому пользователю без знаний программирования и начать зарабатывать.
  2. Вам не нужно заботиться ни о хостинге, ни об обновлении товаров и других подобных проблемах. Все это уже решает система, вам же остается только привлечь целевой трафик. Рекомендую посмотреть уроки и подробную информацию о заработке с помощью это товарной витрины.
  3. Некоторые разделы витрины индексируются поисковыми системами, поэтому вы можете добывать трафик с помощью SEO. О полноценной работе с SEO пока рано говорить, но надеюсь, что в скором времени разработчики инструмента внедрят дополнительные полезные штуки.

Как привлекать пользователей

Привлекать пользователей на витрину товаров, которая работает на основе инструмента White Label можно самыми разнообразными способами и об этом подробно написано тут .

Привлечение поискового трафика

Но мне хочется заметить, что некоторое время назад основные разделы начали индексироваться, а это значит, что можно начинать работу с SEO и . Повторюсь, что пока рано говорить о полноценном SEO, но надеюсь, что разработчики сделают на этом бОльший упор.

Покупка трафика и контекстная реклама

Второй и, пожалуй, самый простой способ - это покупка трафика и контекстная реклама. Предположим, что какой-то Интернет магазин в сети Admitad запрещает лить трафик или использовать контекстную рекламу на бренд. В таком случае запрет можно обойти, если направлять пользователей не в Интернет магазин, а на свою витрину с теми же товарами. Ну, это только как пример для начинающих.

Трафик из социальных сетей

Получать трафик можно различными способами, все зависит от вашей фантазии и изобретательности.

Работа с White Label в партнерской сети Admitad

Работать с инструментом White Label можно из личного кабинета Admitad, что мне кажется очень удобным. Для этого достаточно подключить соответствующее приложение.

А если вы еще не знакомы с этой партнерской сетью, то рекомендую вам посмотреть мой или зарегистрироваться в Адмитад прямо сейчас.