просьба по каталогу товаров
#1
Отправлено 20 Январь 2011 - 16:22
Огромная просьба. не могу разобраться, читала на форумах, но...
мне нужно, чтобы товары в каталоге в шаблоне "Сияние" выводились по 2 штуки в ряд или оставить так же в одну лентой,но сразу была кнопка в корзину и подробнее, и есть ли этот товар в наличии. Чтобы сразу клиент мог видеть картинку, есть товар или нет, и положить его в корзину, а кому надо посмотрят подробнее. Просто многим это не нужно и они готовы сразу положить товар в корзину. А так для них слишком много телодвижений. Клиенты это не любят.
примерно так http://www.eldorado.ru/cat/1551531/
#2
Отправлено 20 Январь 2011 - 17:12
MariG (20 Январь 2011 - 16:22) писал:
Огромная просьба. не могу разобраться, читала на форумах, но...
мне нужно, чтобы товары в каталоге в шаблоне "Сияние" выводились по 2 штуки в ряд или оставить так же в одну лентой,но сразу была кнопка в корзину и подробнее, и есть ли этот товар в наличии. Чтобы сразу клиент мог видеть картинку, есть товар или нет, и положить его в корзину, а кому надо посмотрят подробнее. Просто многим это не нужно и они готовы сразу положить товар в корзину. А так для них слишком много телодвижений. Клиенты это не любят.
примерно так http://www.eldorado.ru/cat/1551531/
Код кнопки "В корзину" не сложен, и добавляется в списке товаров по разному для различных форматов данных.
для выдачи отдельно каждой модификации товара
Кнопка "В корзину"
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.mods.ID}" /> <input type="submit" value="В корзину" /> </div> </form>Эта форма должна располагаться в массивах goods и mods.
Наличие
Информация по наличию содержится так же в массиве модификаций mods в переменной {goods.mods.REST_VALUE}.
Используется примерно так:
{goods.mods.REST_VALUE} {goods.mods.MEASURE_NAME}Результат:
2 шт.
Код выдачи товаров в виде таблицы был здесь:
http://forum.storela...indpost__p__998
В случае выдачи списка товаров без модификаций
Кнопка "В корзину"
Обычно в этом случае используется кнопка самой низкой цены. Код добавления самой дешёвой модификации товара в корзину будет выглядеть так:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <input type="submit" value="В корзину" /> </div> </form>Если нужна кнопка добавления самой дорогой модификации, то переменная вместо
{goods.MIN_PRICE_NOW_ID}будет
{goods.MAX_PRICE_NOW_ID}.
Наличие
Информацию по наличию для самой дешёвой модификации товара в списке товаров выдаётся вот этой переменной:
{goods.MIN_REST_VALUE}, для самой дорогой модификации соответственно
{goods.MAX_REST_VALUE}
#3
Отправлено 20 Январь 2011 - 23:26
А вы не можете помочь сделать, пожалуйста? Я лично, не могу разобраться.
мне нужно просто, чтобы было: в корзину, подробнее (как оно и есть), и товар есть в наличии или товара нет в наличии. И все
Заранее спасибо.
#4
Отправлено 20 Январь 2011 - 23:40
MariG (20 Январь 2011 - 23:26) писал:
А вы не можете помочь сделать, пожалуйста? Я лично, не могу разобраться.
мне нужно просто, чтобы было: в корзину, подробнее (как оно и есть), и товар есть в наличии или товара нет в наличии. И все
Заранее спасибо.
<a class="readmore" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Добавить в корзину">В корзину</a>
Вместо старого кода:
<!-- Список товаров. Список --> {% FOR goods %} <div class="listing"> <div class="imagem"><a href="{goods.URL}"><img {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a></div> <div class="contm"> <h3><a href="{goods.URL}">{goods.NAME}</a></h3> <p> {goods.DESCRIPTION_SHORT} </p> <p> Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br /> {% IF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} Старая цена: <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </p> <p> <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a> </p> </div> <div class="clr"></div> </div> {% ENDFOR goods %}
получится вот такой:
<!-- Список товаров. Список --> {% FOR goods %} <div class="listing"> <div class="imagem"><a href="{goods.URL}"><img {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a></div> <div class="contm"> <h3><a href="{goods.URL}">{goods.NAME}</a></h3> <p> {goods.DESCRIPTION_SHORT} </p> <p> Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br /> {% IF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} Старая цена: <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </p> <p> <a class="readmore" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Добавить в корзину">В корзину</a><br /> <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a> </p> </div> <div class="clr"></div> </div> {% ENDFOR goods %}
Вот результат операции:
#5
Отправлено 21 Январь 2011 - 02:02
а наличие, есть в наличии или нет
#6
Отправлено 21 Январь 2011 - 13:14
MariG (21 Январь 2011 - 02:02) писал:
а наличие, есть в наличии или нет
Там по аналогии, вставкой кода:
{% IF goods.MIN_REST_VALUE %}Есть в наличии{% ELSE %}Нет в наличии{% ENDIF %}
Итоговый код получается такой:
<!-- Список товаров. Список --> {% FOR goods %} <div class="listing"> <div class="imagem"><a href="{goods.URL}"><img {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a></div> <div class="contm"> <h3><a href="{goods.URL}">{goods.NAME}</a></h3> <p> {goods.DESCRIPTION_SHORT} </p> <p> Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br /> {% IF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} Старая цена: <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </p> <p> {% IF goods.MIN_REST_VALUE %}Есть в наличии{% ELSE %}Нет в наличии{% ENDIF %} </p> <p> <a class="readmore" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Добавить в корзину">В корзину</a><br /> <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a> </p> </div> <div class="clr"></div> </div> {% ENDFOR goods %} <!-- /Список товаров. Список -->
Результат такой:
#7
Отправлено 25 Январь 2011 - 11:54
Сделала, чтобы товар показывался либо "Таблица", либо "Список", но когда на сайте, когда стоит режим "таблица", то очень странно выводится, очень маленькие картинки. Пробовала менять в основных настройках размер изображения с 20 на 185, как на другом сайте (просто еще один сайт у Вас открыли), но у меня тогда вообще исчезает либо сайт, либо товар. Посмотрите, что ч этим можно сделать.
Вот ссылка http://3grushki.ru/c...g/Квадроциклы-1
#8
Отправлено 25 Январь 2011 - 13:03
#9
Отправлено 25 Январь 2011 - 16:27
еще вопрос по теме.
А как теперь сделать так, чтобы все ячейки в режиме "таблица" были одного размера, а то теперь ячейки, где картинка, цена и название товара, подстраиваются под размер картинки и получается хаос, смотрится некрасиво?
#10
Отправлено 25 Январь 2011 - 18:06
http://mir-sigaret.r...x&mod_id=416344
Вот код для одной такой фотографии:
<table style="width:100;height:100px;"> <tr> <td style="border:1px solid #cccccc;vertical-align:middle;text-align:center;"> <a href="#" title="{goods.NAME}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a> </td> </tr> </table>
Здесь картинка будет отцентрована по вертикали и горизонтали. Используется в случае использования квадратного блока изображений.
В случае когда есть возможность закачивать вообще что угодно, но изображение должно быть горизональным или вертикальным, требуется отрезать лишнюю часть по горизонтали и вертикали. Это особенно удачно смотрится, на сайтах с большим количеством визуального контента и когда он не прыгает это особенно выгодно смотрится, пример такого сайта: http://www.drive2.ru/
- все картинки урезаны, правда не html методами, а на уровне сервера, у нас же такой возможности нет, поэтому будем урезать изображения средствами html.
Сделаем это на примере ссылки у которой фоном укажем изображение. Для этого укажем у этой ссылки формат отображения - блок, строгие размеры по ширине и высоте и вставим фоновый рисунок, который будет отцентрован строго по центру, а лишние края не будут отображаться. Результат получится примерно как здесь:
http://silvialingerie.kz/
Вот код:
<a href="{goods.URL}" title="{goods.NAME}" style="display: block;height: 260px;width: 197px;background:url('{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}') no-repeat center center;" ></a>
У этой ссылки указаны следующие параметры:
Размеры по ширине:
width: 197px;По высоте:
height: 260px;Стиль отображения - блок, чтобы случайно не ужималось ничего:
display: block;Фоновое изображение, которое находится строго по центру:
background:url('{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}') no-repeat center center;"
Это позволяет создавать блоки которые никогда не поедут, что с ними не делай и выглядят они очень подогнано, не зависимо от того какие фотографии Вы закачали.
#11
Отправлено 25 Январь 2011 - 18:38
Просто сайт, который новый зарегистрировали, у Вас там, все нормально и автоматически, какую картинку не влей, ячейки остаются одного размера, не смотря на то, что картинки в них разного размера
вот ссылка
http://volt-el.store...og/Cерия-Suno-1
а у меня ячейки прыгают
http://3grushki.ru/catalog/BanBao-1
#12
Отправлено 25 Январь 2011 - 23:20
отдельное спасибо за Ваше терпение, нам неграмотным все разъяснять
#13
Отправлено 25 Январь 2011 - 23:41
#14
Отправлено 26 Январь 2011 - 00:41
Могли бы Вы на примере показать что требуется сделать?
#15
Отправлено 26 Январь 2011 - 09:53
например, так у меня на сайте только поставьте в режиме таблицы
http://3grushki.ru/c...log/Авторалли-1
все ячейки с товарами разных размеров и все смещено
а вот , как хочется
http://volt-el.store...og/Cерия-Suno-1
все ячейки одинаковые, не смотря на то, что картинки разного размера, текст идет центрированно и картинка тоже. красиво и правильно
#16
Отправлено 26 Январь 2011 - 12:12
теперь возникла, еще одна проблема.
Не могу объединить два кода.
Вообщем нужно, чтобы в коде Товары было следующее, чтобы каталог товаров показывал картинки категорий , а не товар целиком списком.Как обсуждалось в топике http://forum.storela...p__727#entry727
И чтобы было все остальное , что Вы мне писали Выше 1) чтобы в списке товаров была, кнопка подробнее , в корзину, и есть в наличии или нет. И чтобы можно было делать вид страницы Табличный вариант (2 -3 позиции в строке ) и списком.
Пыталась сделать все сама, но добавляя один элемент, у меня все исчезает, я понимаю, что я где-то забываю вставить какие-то операнды или не там вставляю.
Но не могу. Помогите, пожалуйста. Ну, и соответственно, остается проблема, представления товара в табличном варианте. то что ячейки неравномерные.
Заранее очень Вам благодарна.
#17
Отправлено 26 Январь 2011 - 17:37
у меня стало что-то непонятное происходить, когда нажать на каталог товаров? почему? я вроде ничего не делала больше. Если нажать на каталог каталог товаров в боковом меню, то боковое меню исчезнет, а товары в два столбца расползаются по всему экрану. Help. Заранее спасибо.
#18
Отправлено 26 Январь 2011 - 17:37
MariG (26 Январь 2011 - 12:12) писал:
теперь возникла, еще одна проблема.
Не могу объединить два кода.
Вообщем нужно, чтобы в коде Товары было следующее, чтобы каталог товаров показывал картинки категорий , а не товар целиком списком.Как обсуждалось в топике http://forum.storela...p__727#entry727
И чтобы было все остальное , что Вы мне писали Выше 1) чтобы в списке товаров была, кнопка подробнее , в корзину, и есть в наличии или нет. И чтобы можно было делать вид страницы Табличный вариант (2 -3 позиции в строке ) и списком.
Пыталась сделать все сама, но добавляя один элемент, у меня все исчезает, я понимаю, что я где-то забываю вставить какие-то операнды или не там вставляю.
Но не могу. Помогите, пожалуйста. Ну, и соответственно, остается проблема, представления товара в табличном варианте. то что ячейки неравномерные.
Заранее очень Вам благодарна.
Совмещаем:
- Отображение в каталоге товаров только категорий, без товаров
- Кнопку купить при отображении товаров списком
- Возможно менять вид с вариантов "список" на "таблицу" и обратно. По умолчанию отображаем списком.
Совмещённый вариант кода, шаблон "товары" целиком.
<div class="page-headline"> <h1>{CATEGORY_NAME}</h1> </div> <div class="pad-box"> <!-- Строка пути --> <div id="site-path"> <p> <a href="http://{NET_DOMAIN}/">Главная</a> <!-- Если отображаем полный каталог товаров, без указания категории --> {% IF IS_FULL_CATALOG %} » <span class="current">Каталог товаров</span> <!-- Если отображаем товары в категории --> {% ELSE %} » <a href="{CATALOG_URL}" >Каталог товаров</a> {% FOR upper_navigation %} {% IF upper_navigation.CURRENT %} » <span class="current">{upper_navigation.NAME}</span>{% ELSEIF upper_navigation.CURRENT_PARENT %} » <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %} {% ENDFOR %} {% ENDIF %} </p> </div> <!-- end Строка пути --> {% IF IS_FULL_CATALOG %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </li> {% ENDFOR %} </ul> <br clear="all"/> {% ELSE %} <!-- Короткое SEO описание категории --> {% IF CATEGORY_SEO_DESCRIPTION_SHORT %} <div style="padding-bottom:1em;">{CATEGORY_SEO_DESCRIPTION_SHORT}</div> {% ENDIF %} <!-- Фильтры показываются только если есть товары в категории --> {% IFNOT goods_empty %} <!-- Блок выбора параметра по которому производится сортировка списка товаров и возможность изменения лимитов выдачи --> <form action=""> <table class="goodsListingTopNavigation"> <tr> <td> <!-- Список фильтров, которые сейчас действуют на результаты поиска --> {% FOR goods_filters %} <input type="hidden" name="{goods_filters.NAME}" value="{goods_filters.VALUE}" /> {% ENDFOR %} <!-- Поле выбора сортировки --> {% IF goods_show_order_fields %} Сортировать по: <select name="goods_search_field_id" onchange="this.form.submit();"> {% FOR goods_order_fields %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option> {% ENDFOR %} </select> {% ENDIF %} </td> <td class="alignCenter viewSelector"> <!-- Переключатель режима просмотра --> {% IF GOODS_VIEW_TYPE=2 %} <strong title="Список товаров сейчас отображается в виде таблицы, по 2 товара на строку">Таблица</strong> <a href="?goods_view_type=1" title="Отображать список товаров в виде списка">Список</a> {% ELSE %} <a href="?goods_view_type=2" title="Отображать список товаров в виде таблицы с 2мя товарами на одну строку">Таблица</a> <strong title="Список товаров сейчас отображается в виде списка, где один товар занимает одну строку">Список</strong> {% ENDIF %} <!-- /Переключатель режима просмотра --> </td> <td class="alignRight"> <!-- Поле выбора лимитов --> {% IF goods_show_per_page %} Показывать по: <select name="per_page" onchange="this.form.submit();"> {% FOR goods_per_page_list %} <option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option> {% ENDFOR %} </select> {% ENDIF %} </td> </tr> </table> </form> <!-- END Блок выбора параметра по которому производится сортировка списка товаров --> {% ENDIF %} <!-- END Фильтры показываются только если есть товары в категории --> <!-- Goods list --> {% IF goods_empty %} <!-- Если не применено ни одного фильтра, значит в категории нет товаров --> {% IF goods_filters_empty %} <!-- Если в категории нет товаров, но есть категории, то отобразим их --> {%IFNOT nested_categories_list_empty %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </li> {% ENDFOR %} </ul> <br clear="all"/> <!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет --> {% ELSE %} <h3>Нет товаров в категории</h3> {% ENDIF %} <!-- Если производили фильтрацию товаров в категории --> {% ELSE %} <h3>Нет товаров для выбранных условий</h3> {% ENDIF %} {% ELSE %} {% IF GOODS_VIEW_TYPE=1 %} <!-- Список товаров. Список --> {% FOR goods %} <div class="listing"> <div class="imagem"><a href="{goods.URL}"><img {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a></div> <div class="contm"> <h3><a href="{goods.URL}">{goods.NAME}</a></h3> <p> {goods.DESCRIPTION_SHORT} </p> <p> Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br /> {% IF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} Старая цена: <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </p> <p> {% IF goods.MIN_REST_VALUE %}Есть в наличии{% ELSE %}Нет в наличии{% ENDIF %} </p> <p> <a class="readmore" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Добавить в корзину">В корзину</a><br /> <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a> </p> </div> <div class="clr"></div> </div> {% ENDFOR goods %} <!-- /Список товаров. Список --> {% ELSE %} <!-- Список товаров. Таблица --> <table> {% FOR goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <table class="goodsListItemImage"> <tr> <td> <a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a> </td> </tr> </table> <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3> <div class="goodsListItemPriceNew"> <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td> {goods.index | is_divided("3","</tr><tr>","")} {% ENDFOR goods %} </table> <!-- /Список товаров. Таблица --> {% ENDIF %} {% ENDIF %} <!-- end Goods list --> <!-- Pages --> {% IF show_pages %} <div class="pagination"> <span class="pp-title">Страницы:</span> {% FOR goods_pages %} {% IF goods_pages.CURRENT %} <span class="pp-page pp-current">{goods_pages.PAGE}</span> {% ELSE %} <a class="pp-page" href="{GOODS_PAGINATE_URL}&page={goods_pages.PAGE}">{goods_pages.PAGE}</a> {% ENDIF %} {% ENDFOR %} </div> {% ENDIF %} <!-- end Pages --> <!-- Описание категории --> {% IF CATEGORY_DESCRIPTION %} <div> {CATEGORY_DESCRIPTION} </div> {% ENDIF %} <!-- Полное SEO описание категории --> {% IF CATEGORY_SEO_DESCRIPTION_LARGE %} <div> {CATEGORY_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} {% ENDIF %} </div>
P.S. Не забываем изменять в настройках магазина (Настройки -> Основные) значение поля "Максимальный размер по высоте/ширине в пикселях для используемых пользователем изображений" на 185 пикселей.
Поскольку в старых шаблонах не было описания стилей для таблицы, возможно их потребуется вставить, чтобы не ехала вёрстка. Для этого добавьте в файл main.csstemplate следующие стили:
/* Список товаров в виде таблицы. Ячейки с товаром */ .goodsListItem {text-align:center;vertical-align:top;width:195px;overflow:hidden;padding:0px;} /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/ .goodsListItemBlock {height:300px;width:210px;margin:5px;overflow:hidden;} .goodsListItemBlock a {} .goodsListItemImage {height:185px;width:100%;margin-top:1em;border-collapse: collapse;border-spacing: 0;} .goodsListItemImage td {text-align:center;vertical-align:middle;} .goodsListItemName {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;max-height:3.6em;overflow:hidden;} .goodsListItemName a {font-size:15px;line-height:1.2em;padding:0px;margin:0px;}
Вот результат:
#19
Отправлено 26 Январь 2011 - 18:04
но...что-то все таки, не получается . как у вас на 3-ей картинке. Код целиком вставила такой, размеры изображений в настройках еще вчера поменяла 185.
но картинки в табличном представлении все равно не центрируются, и ячейки разных размеров. почему?
может где-то в другом месте поменять надо, еще что-нибудь
http://3grushki.ru/c...ods_view_type=2
вот посмотрите, и названия не по центру и картинка, и сами блоки-ячеки - разные.
#20
Отправлено 26 Январь 2011 - 18:10
/* Список товаров в виде таблицы. Ячейки с товаром */ .goodsListItem {text-align:center;vertical-align:top;width:195px;overflow:hidden;padding:0px;} /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/ .goodsListItemBlock {height:300px;width:210px;margin:5px;overflow:hidden;} .goodsListItemBlock a {} .goodsListItemImage {height:185px;width:100%;margin-top:1em;border-collapse: collapse;border-spacing: 0;} .goodsListItemImage td {text-align:center;vertical-align:middle;} .goodsListItemName {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;max-height:3.6em;overflow:hidden;} .goodsListItemName a {font-size:15px;line-height:1.2em;padding:0px;margin:0px;}
Предудущий ответ обновил...
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных