поиск:
Режим показа товара «Витрина»
В версии плагина 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="".get_permalink($query->post->ID)."">".$query->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 .= " ";
Оставьте комментарий или отправьте сообщение
Загрузка плагина WP-SHOP
Демонстрационный магазин
при добавлении товара в корзину с витрины, страница обновляется, и перебрасывает в начало страницы( неудобно) из прайс листа такого не происходит, как бы это пфиксить?
В следующей версии эта ошибка будет исправлена
Если не трудно, выложите Ваш кусок кода настроек «витрины». Спасибо
Не очень понял что именно выложить? уточните
Код, который выложен выше и у которого первая строка #VitrinaStyle
Спрашиваю потому, что не совсем понятно как управлять шириной витрины, она вылазит за сайдбар. Видимо она где-то выставляется фиксированной ширины.
А, понял. Дело в том, что в файле стилей wp-shop (который вы выставляете в админке) есть класс для div-а, задающий в т.ч. ширину всплывающего блока.
Пример:
1. На странице demo.wp-shop.ru/vitrina/ используется этот файл стилей
2. За вывод всплывающего блока с опциями и ценами отвечает < div class="wpshop_buy" >
3. В файле стилей задана ширина:
.wpshop_buy
{
width:275px;
font-size:10px;
border:none;
position:absolute;
right:0;
top:0;
background:#252525;
}
Если поиграться с шириной width:275px то можно добиться, чтобы витрина имела оптимальную ширину и не налезала на сайдбар.
Спасибо за оперативную техническую поддержку!
Все прекрасно работает.
Пожалуйста
Не забудьте про DONATE 
У нас на сайте почему-то витрина перестала отображаться.
[ссылка]
Не подскажите в чем может быть дело.
Спасибо.
Желательно посмотреть в админке. Если вышлите доступ (через страницу контакты), я зайду посмотрю где трабла.
Совет по внешнему виду витрины.
Думаю, что внешний вид витрины-таблицы будет лучше, если названию, картинке, описанию и корзине отвести одинаковое для всех товаров этой витрины пространство по высоте.
Это как то можно реализовать уже сейчас, исправив wp-shop.php?
Может не совсем понятно написал…
Для примера — название одного из товаров занимает 3 строки, значит для всех товаров в этой витрине отводится 3 строки.
Далее фото товара (тут мы сами можем регулировать высоту, это понятно).
Далее краткое описание — если у одного из товаров оно максимально занимает 6 строк, то под все товары выделяется 6 строк.
Далее корзина.
Итого, все будет выглядеть более структурировано.
Пока писал, подумал, что это можно реализовать если каждый элемент вписывать в отдельную ячейку таблицы, тогда таблица сама все выровняет. Но как конкретно?
Желательно бы проиллюстрировать идею картинкой
Не очень понял что Вы имеете ввиду? Сделайте скриншот и нарисуйте там в фотошопе что именно Вы хотели бы исправить.
[ссылка]
Это расстояние видимо как раз в .php так как в .css ничего на этон е повлияло)
А, это в файле /views/vitrina.php строка 30
Почему-то никакой реакции. Обновлять кеш еще чот нибудь не надо? Рестарт денвера тоже не помог :/
Ну не знаю. Платите vip-донейт, давайте доступы, сделаю сам. Описывать подробно процесс тюнинга витрины в стилях и скриптах лень честно говоря. Народ как-то разбирается с этим самостоятельно. Сорри
В последних версиях плагина можно (или даже нужно) использовать именно [vitrina ...]