как сделать список товаров по три штуки в ряд???
#21
Отправлено 27 Май 2011 - 19:40
#22
Отправлено 28 Май 2011 - 00:10
{goods.index | is_divided("3","</tr><tr>","")}
найти его можно в шаблонах "Товары" и "html"
Вам требуется найти выше указанную строчку и изменить чисто выводимых в строку товаров. В данном примере выводиться 3 товара в строку.
Цитата
Для того что бы расширить основной блок контента - придется менять шапку.
Для изменения ширины основного блока нужно изменить свойство "width" для класса ".container"
так же нужно будет изменять ширину в классе ".cont700"
Для изменения ширины блоков товара нужно менять свойство width в классах ".goodsListItemBlock" и ".goodsListItemBlock"
#23
Отправлено 26 Июль 2011 - 01:09
как убрать из товаров в таблице куски описаний и добавить цену товара ? выглядит дико уж очень...
При этом, тчобы ничего не поменялось, и товар шел таблицей по три в ряд с названием и ценой?
#24
Отправлено 26 Июль 2011 - 19:46
Попробуйте просто заменить блок в шаблоне "Товары" на соответствующий ему блок
По умолчанию он выглядит так:
<!-- Список товаров. Таблица --> <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_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF 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> <!-- /Список товаров. Таблица -->
#25
Отправлено 26 Июль 2011 - 22:14
у меня тут еще проблемка появилась - на главной странице я сделала товары таблицей "новинки", затем по аналогии "хиты продаж". Не знаю, как это делают нормальные люди, я в блокнот взяла образец и подменяла названия категории вручную... Вышло криво - товары идут не по три, а все подряд и сайт разносит в ширь, закрывая правое меню с каталогом товаров =( И Последняя категория - я ее боюсь уже трогать (
и такой вот косячок... подскажите, почему файл не грузится ?
#26
Отправлено 27 Июль 2011 - 20:59
А изображение у вас не загружается потому - что имя у него слишком длинное, да и лучше что бы название было написано латинскими буквами
#27
Отправлено 28 Июль 2011 - 18:16
что же делать ?
#28
Отправлено 28 Июль 2011 - 22:40
<!-- Список новинок на главной --> {% IFNOT index_page_new_goods_empty %} <div class="pad-box"> <h3><a href="{CATALOG_NEW_URL}" class="indexPage">Новинки</a></h3> {% FOR index_page_new_goods %} <div class="listing"> <div class="imagem"><a href="{index_page_new_goods.URL}"><img {% IF index_page_new_goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{index_page_new_goods.IMAGE_SMALL}"{% ENDIF %} alt="{index_page_new_goods.NAME}" /></a></div> <div class="contm"> <h3><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h3> <p> {index_page_new_goods.DESCRIPTION_SHORT} </p> <p> Цена сейчас: <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a><br /> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} Цена без учёта скидки: <a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} Старая цена: <a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </p> <p> <a class="readmore" title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL}">Подробнее</a> </p> </div> <div class="clr"></div> </div> {% ENDFOR index_page_new_goods %} </div> {% ENDIF %} <!-- end Список новинок на главной --> <!-- Список хитов продаж на главной --> {% IFNOT index_page_favorites_goods_empty %} <div class="pad-box"> <h3><a href="{CATALOG_TOP_SALES_URL}" class="indexPage">Хиты продаж</a></h3> {% FOR index_page_favorites_goods %} <div class="listing"> <div class="imagem"><a href="{index_page_favorites_goods.URL}"><img {% IF index_page_favorites_goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{index_page_favorites_goods.IMAGE_SMALL}"{% ENDIF %} alt="{index_page_favorites_goods.NAME}" /></a></div> <div class="contm"> <h3><a href="{index_page_favorites_goods.URL}">{index_page_favorites_goods.NAME}</a></h3> <p> {index_page_favorites_goods.DESCRIPTION_SHORT} </p> <p> Цена сейчас: <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a><br /> {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %} Цена без учёта скидки: <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %} Старая цена: <a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </p> <p> <a class="readmore" title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL}">Подробнее</a> </p> </div> <div class="clr"></div> </div> {% ENDFOR index_page_favorites_goods %} </div> {% ENDIF %} <!-- end Список хитов продаж на главной --> <!-- Список товаров на главной --> {% IFNOT index_page_goods_empty %} <div class="pad-box"> <h3>Интересные предложения</h3> {% FOR index_page_goods %} <div class="listing"> <div class="imagem"><a href="{index_page_goods.URL}"><img {% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{index_page_goods.IMAGE_SMALL}"{% ENDIF %} alt="{index_page_goods.NAME}" /></a></div> <div class="contm"> <h3><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3> <p> {index_page_goods.DESCRIPTION_SHORT} </p> <p> Цена сейчас: <a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a><br /> {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %} Цена без учёта скидки: <a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %} Старая цена: <a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </p> <p> <a class="readmore" title="{index_page_goods.NAME}" href="{index_page_goods.URL}">Подробнее</a> </p> </div> <div class="clr"></div> </div> {% ENDFOR index_page_goods %} </div> {% ENDIF %} <!-- end Список товаров на главной -->
на измененный этот блок
<!-- Список новинок на главной --> {% IFNOT index_page_new_goods_empty %} <div class="pad-box"> <h3><a href="{CATALOG_NEW_URL}" class="indexPage">Новинки</a></h3> <table> {% FOR index_page_new_goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <table class="goodsListItemImage"> <tr> <td> <a href="{index_page_new_goods.URL}"><img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_new_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a> </td> </tr> </table> <h3 class="goodsListItemName"><a href="{index_page_new_goods.URL}">{index_page_new_goods.NAME}</a></h3> <div class="goodsListItemPriceNew"> <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td> {index_page_new_goods.index | is_divided("3","</tr><tr>","")} {% ENDFOR index_page_new_goods %} </table> </div> {% ENDIF %} <!-- end Список новинок на главной --> <!-- Список хитов продаж на главной --> {% IFNOT index_page_favorites_goods_empty %} <div class="pad-box"> <h3><a href="{CATALOG_TOP_SALES_URL}" class="indexPage">Хиты продаж</a></h3> <table> {% FOR index_page_favorites_goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <table class="goodsListItemImage"> <tr> <td> <a href="{index_page_favorites_goods.URL}"><img src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_favorites_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a> </td> </tr> </table> <h3 class="goodsListItemName"><a href="{index_page_favorites_goods.URL}">{index_page_favorites_goods.NAME}</a></h3> <div class="goodsListItemPriceNew"> <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %} <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td> {index_page_favorites_goods.index | is_divided("3","</tr><tr>","")} {% ENDFOR index_page_favorites_goods %} </table> </div> {% ENDIF %} <!-- end Список хитов продаж на главной --> <!-- Список товаров на главной --> {% IFNOT index_page_goods_empty %} <div class="pad-box"> <h3>Интересные предложения</h3> <table> {% FOR index_page_goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <table class="goodsListItemImage"> <tr> <td> <a href="{index_page_goods.URL}"><img src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a> </td> </tr> </table> <h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3> <div class="goodsListItemPriceNew"> <a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %} <a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF index_page_goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td> {index_page_goods.index | is_divided("3","</tr><tr>","")} {% ENDFOR index_page_goods %} </table> </div> {% ENDIF %} <!-- end Список товаров на главной -->
#29
Отправлено 29 Июль 2011 - 10:19
#30
Отправлено 05 Август 2011 - 19:12
<!-- Список товаров. Таблица --> <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> {goods.DESCRIPTION_SHORT} </div> <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> <table class="goodsListItemButtonsTable"> <tr> <td> <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> </td> <td> <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a> </td> </tr> </table> </div> </td> {goods.index | is_divided("2","</tr><tr>","")} {% ENDFOR goods %} </table> <!-- /Список товаров. Таблица -->
Возможно ли при использовании этого кода и соответствующих стилей, кнопки "в корзину" и "подробней" расположить друг над другом справа?
Схематично как то так
#31
Отправлено 06 Август 2011 - 00:02
<!-- Список товаров. Таблица --> {% 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> Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br /> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} Цена без учёта скидки: <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF 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> </p> <p> <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a> </p> </div> <div class="clr"></div> <p> {goods.DESCRIPTION_SHORT} </p> </div> {% ENDFOR goods %} <!-- Список товаров. Таблица -->
по идее данный блок будет такой, нужно так же изменить ширину классов
.listing - width: 500px; .listing .contm - width: 250px;
данные классы находятся в файле стилей main.css
Вот только отображать на одной линии несколько товаров - будет проблематично. хотя и можно этого достичь. Например уменьшить шрифты (fint-size) а так же уменьшить размеры изображений.
#32
Отправлено 11 Август 2011 - 16:44
Интуитивно чувствую, что в теме уже есть ответ, но не могу его обнаружить Потыкал методом научного тыка, не выходит.
#34
Отправлено 16 Сентябрь 2011 - 07:26
#35
Отправлено 16 Сентябрь 2011 - 23:00
Цитата
Думаю вам поможет следующая тема форума
http://forum.storela...ch__1#entry5627
#36
Отправлено 17 Сентябрь 2011 - 12:59
Vaccina (16 Сентябрь 2011 - 23:00) писал:
К сожалению это немного не то... там сказано про отображение товаров, с этим я как раз таки разобрался.... А вот с отображением категорий в каталоге товаров - не ясно... они там отображаются по 4 штуки, причем этой самой цифры - 4, нигде в коде нет.... и почему 4 тоже не ясно... пытался менять css, чтобы уменьшить размер самих иконок, но результата это не дает... Иконки уменьшаются, а количество как было - 4 в ряд, так и остается...
Вот собственно ссыдка http://alpinarussia.ru/catalog
#37
Отправлено 17 Сентябрь 2011 - 13:16
Цитата
<!-- Блок навигации по категориям, вложенным в текущую категорию -->
<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 %}
И соответствено css класс imagem.... но какие либо манипуляции с ним тоже ни к чему не привели.... Или я не правильно думаю?
#38
Отправлено 17 Сентябрь 2011 - 23:05
.content_catalog_nested_categories li { background: none repeat scroll 0 0 transparent !important; float: left; height: 135px; list-style-type: none; margin: 0; overflow: hidden; padding: 1em; text-align: center; width: 135px; }
и уже в нем менять ширину, и другие необходимые свойства.
#39
Отправлено 19 Сентябрь 2011 - 14:34
Vaccina (17 Сентябрь 2011 - 23:05) писал:
.content_catalog_nested_categories li { background: none repeat scroll 0 0 transparent !important; float: left; height: 135px; list-style-type: none; margin: 0; overflow: hidden; padding: 1em; text-align: center; width: 135px; }
и уже в нем менять ширину, и другие необходимые свойства.
И что же с ним нужно сделать, чтобы категорий стало не 4 в строку, а пять? Различные манипуляции с размерами и прочими параметрами этого класса никаких результатов не дали... как было по 4 штуки, так и есть...
#40
Отправлено 19 Сентябрь 2011 - 23:58
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных