меня интересует 4 товара в строке на странице и расширить саму основную облать не трогая при этом размер меню. Подскажите, пожалуйста!
0
как сделать список товаров по три штуки в ряд???
Автор lubovr, 05 янв. 2011 18:59
Сообщений в теме: 104
#22
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 28 Май 2011 - 00:10
Для изменения кол-во отображения товара на одной строке используйте правило
найти его можно в шаблонах "Товары" и "html"
Вам требуется найти выше указанную строчку и изменить чисто выводимых в строку товаров. В данном примере выводиться 3 товара в строку.
Для того что бы расширить основной блок контента - придется менять шапку.
Для изменения ширины основного блока нужно изменить свойство "width" для класса ".container"
так же нужно будет изменять ширину в классе ".cont700"
Для изменения ширины блоков товара нужно менять свойство width в классах ".goodsListItemBlock" и ".goodsListItemBlock"
{goods.index | is_divided("3","</tr><tr>","")}
найти его можно в шаблонах "Товары" и "html"
Вам требуется найти выше указанную строчку и изменить чисто выводимых в строку товаров. В данном примере выводиться 3 товара в строку.
Цитата
и расширить саму основную облать не трогая при этом размер меню.
Для того что бы расширить основной блок контента - придется менять шапку.
Для изменения ширины основного блока нужно изменить свойство "width" для класса ".container"
так же нужно будет изменять ширину в классе ".cont700"
Для изменения ширины блоков товара нужно менять свойство width в классах ".goodsListItemBlock" и ".goodsListItemBlock"
#23
otravka
-
- Пользователи
-
- 16 сообщений
Пользователь
- ГородSPb
Отправлено 26 Июль 2011 - 01:09
http://krasota91.ru/...ного-действия-1
как убрать из товаров в таблице куски описаний и добавить цену товара ? выглядит дико уж очень...
При этом, тчобы ничего не поменялось, и товар шел таблицей по три в ряд с названием и ценой?
как убрать из товаров в таблице куски описаний и добавить цену товара ? выглядит дико уж очень...
При этом, тчобы ничего не поменялось, и товар шел таблицей по три в ряд с названием и ценой?
#24
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 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
otravka
-
- Пользователи
-
- 16 сообщений
Пользователь
- ГородSPb
Отправлено 26 Июль 2011 - 22:14
огромное спасибо!!!
у меня тут еще проблемка появилась - на главной странице я сделала товары таблицей "новинки", затем по аналогии "хиты продаж". Не знаю, как это делают нормальные люди, я в блокнот взяла образец и подменяла названия категории вручную... Вышло криво - товары идут не по три, а все подряд и сайт разносит в ширь, закрывая правое меню с каталогом товаров =( И Последняя категория - я ее боюсь уже трогать (
и такой вот косячок... подскажите, почему файл не грузится ?
у меня тут еще проблемка появилась - на главной странице я сделала товары таблицей "новинки", затем по аналогии "хиты продаж". Не знаю, как это делают нормальные люди, я в блокнот взяла образец и подменяла названия категории вручную... Вышло криво - товары идут не по три, а все подряд и сайт разносит в ширь, закрывая правое меню с каталогом товаров =( И Последняя категория - я ее боюсь уже трогать (
и такой вот косячок... подскажите, почему файл не грузится ?
#26
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 27 Июль 2011 - 20:59
Хм. для изменений товаров на главной почитайте данную тему http://forum.storela...ch__1#entry5067
А изображение у вас не загружается потому - что имя у него слишком длинное, да и лучше что бы название было написано латинскими буквами
А изображение у вас не загружается потому - что имя у него слишком длинное, да и лучше что бы название было написано латинскими буквами
#27
otravka
-
- Пользователи
-
- 16 сообщений
Пользователь
- ГородSPb
Отправлено 28 Июль 2011 - 18:16
тему почитала. по аналогии сделать не могу. невладею кодами. Как писала в прошлом сообщении - пыталась сделать по аналогии, но вышло некорректно.
что же делать ?
что же делать ?
#28
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 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
otravka
-
- Пользователи
-
- 16 сообщений
Пользователь
- ГородSPb
Отправлено 29 Июль 2011 - 10:19
спасибо большое
#30
medisan
-
- Пользователи
-
- 53 сообщений
Продвинутый пользователь
- ГородНовосибирск
Отправлено 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
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 06 Август 2011 - 00:02
Хм. то что вы изображаете больше всего похоже на режим отображения "Список" за одним исключением что описание находиться под картинкой
по идее данный блок будет такой, нужно так же изменить ширину классов
данные классы находятся в файле стилей main.css
Вот только отображать на одной линии несколько товаров - будет проблематично. хотя и можно этого достичь. Например уменьшить шрифты (fint-size) а так же уменьшить размеры изображений.
<!-- Список товаров. Таблица -->
{% 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
kingoff
-
- Пользователи
-
- 9 сообщений
Новичок
Отправлено 11 Август 2011 - 16:44
Подскажите пожалуйста как сделать, чтобы товары в каталоге по умолчанию были в виде таблице, а не списка.
Интуитивно чувствую, что в теме уже есть ответ, но не могу его обнаружить
Потыкал методом научного тыка, не выходит.
Интуитивно чувствую, что в теме уже есть ответ, но не могу его обнаружить
Потыкал методом научного тыка, не выходит.
#33
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
#34
the
-
- Пользователи
-
- 14 сообщений
Пользователь
Отправлено 16 Сентябрь 2011 - 07:26
Очень полезная тема! Огромное за нее спасибо)) но есть еще один маленький вопрос: сделал все согласно 11 посту данной темы, все работает отлично, как надо, но хотелось бы чтобы в каталоге товаров список корневый категорий отображался не по 4 позиции в ряд, а по 5... Возможно ли это осуществить?
#35
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 16 Сентябрь 2011 - 23:00
Цитата
как надо, но хотелось бы чтобы в каталоге товаров список корневый категорий отображался не по 4 позиции в ряд, а по 5... Возможно ли это осуществить?
Думаю вам поможет следующая тема форума
http://forum.storela...ch__1#entry5627
#36
the
-
- Пользователи
-
- 14 сообщений
Пользователь
Отправлено 17 Сентябрь 2011 - 12:59
Vaccina (16 Сентябрь 2011 - 23:00) писал:
К сожалению это немного не то... там сказано про отображение товаров, с этим я как раз таки разобрался.... А вот с отображением категорий в каталоге товаров - не ясно... они там отображаются по 4 штуки, причем этой самой цифры - 4, нигде в коде нет.... и почему 4 тоже не ясно... пытался менять css, чтобы уменьшить размер самих иконок, но результата это не дает... Иконки уменьшаются, а количество как было - 4 в ряд, так и остается...
Вот собственно ссыдка http://alpinarussia.ru/catalog
#37
the
-
- Пользователи
-
- 14 сообщений
Пользователь
Отправлено 17 Сентябрь 2011 - 13:16
Причем, если я правильно понял за отображение списка категорий в каталоге товара отвечает вот этот кусок кода в шаблоне товары:
И соответствено css класс imagem.... но какие либо манипуляции с ним тоже ни к чему не привели.... Или я не правильно думаю?
Цитата
{% 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 %}
<!-- Блок навигации по категориям, вложенным в текущую категорию -->
<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
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 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
the
-
- Пользователи
-
- 14 сообщений
Пользователь
Отправлено 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
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 19 Сентябрь 2011 - 23:58
Нужно менять свойство width - именно из-за него не хватает места для размещения 5 блоков. Попробуйте для визуального взгляда задать width равным 35px и вы сами увидите что блоков будет 5 на одной строке.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
