Режим показа товара «Витрина»

В версии плагина WP-Shop Simple 2.0 появилась новая фича, условно названная «витрина».  Взгляните как это выглядит (образец), на демо-сайте — http://tea.wp-shop.ru/vitrina/

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

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

<!--vitrina ярлык_метки колво_столбцов высота колво_строк длина_текста-->

Где:

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

В частности на витрине нашего демо-сайта вставлен комментарий:

<!--vitrina na-osnove-chernogo-chaya 3 420 2 100--> из которого следует, что:

  • показывать записи по тегу na-osnove-chernogo-chaya
  • 3 колонками
  • высота блока 420 px
  • количество строк на 1 странице 2
  • символов в кратком описании товара 100
Внимание!
Скриптом обрабатываются следующие поля:

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

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

Если Вас не устроит стиль вывода товарных блоков в витрине, то найдите в файле wp-shop.php этот фрагмент и отредактируйте его как Вам нужно:

#VitrinaStyle
$result .= "";
$result .="<div style="padding: 0px 20px 0px 0px; height: 100%; margin-top: 20px; margin-left: 20px;">";
$result .= "<div style="margin: 10px;"><a href="&quot;.get_permalink($query-&gt;post-&gt;ID).&quot;">".$query-&gt;post gt;post_title."</a></div>";
$result .= "{$image}";
$result .= "<div class="shopwindow_content">{$short_text}</div>";
$result .= "<div class="shopwindow_content" style="margin-top: 20px; text-align: right;">{$detail}</div>";
$result .= "<div>{$buy_block}</div>";
$result .= "</div>";
$result .= " ";
  1. Vinogradov:

    Здравствуйте. Обнаружил непонятную проблему: значение для длины описание ничего не урезает) Ставлю 10 букв, всё равно весь шорт_текст показывает в витрине. Почему такое случается?

    • Шорткод надо ставить не в визуальном режиме редактора, а в HTML-режиме

      • Vinogradov:

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

  2. Подскажите, плз, где править код, который выводит ячейку в таблице витрины.
    А если подскажите как эту штуку — [ссылка] прижать к низу — будет вобще айс :)

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

  3. Может подскажите в какую сторону рыть для отображения тумбнейлов или первой картинки записи в странице «корзина» и в «прайс-листе»?
    Наверное, нужно ее вытягивать по принципу того, как это реализовано в «витрине»?

  4. не отображает в витрине картинки =(
    Что делать? Я начинающий разработчик интернет-магазина и сайта в целом.

  5. Владимир У.:

    Подскажите, где редактируется размер блока товара на витрине ?
    Хочу подогнать витрину под поле ограниченное двумя сайдбарами, а то сейчас даже при условии показа витрины на две группы товары наезжают на правый сайдбар.
    Возможно ли реализовать например группировку по 4 колонкам (руководствуясь тем же принципом уменьшения размера одной товарной позиции) ?

Оставьте комментарий или отправьте сообщение

*