Отображение Товаров "Таблице" - На Главной Странице
#21
Отправлено 09 Ноябрь 2011 - 21:36
#22
Отправлено 10 Ноябрь 2011 - 07:51
вот код:
<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>И вот что получилось:
#23
Отправлено 10 Ноябрь 2011 - 18:44
#24
Отправлено 10 Ноябрь 2011 - 20:46
#25
Отправлено 22 Декабрь 2011 - 06:58
я пытаюсь отобразить каталог на главной:
вставила вот такой код, но тишина, товары на главной не появились.
<!-- Список товаров на главной -->
<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> <!-- end Список товаров на главной -->
#26
Отправлено 22 Декабрь 2011 - 18:30
#27
Отправлено 22 Декабрь 2011 - 22:11
#28
Отправлено 23 Декабрь 2011 - 17:50
{index_page_goods.index | is_divided("3","</tr><tr>","")}
так же можно поступить с другими аналогичными блоками найдя
is_divided("3","</tr><tr>","")и изменив число на необходимое.
#29
Отправлено 23 Декабрь 2011 - 17:56
Vaccina (23 Декабрь 2011 - 17:50) писал:
{index_page_goods.index | is_divided("3","</tr><tr>","")}
так же можно поступить с другими аналогичными блоками найдя
is_divided("3","</tr><tr>","")и изменив число на необходимое.
<br style="color: rgb(28, 40, 55); line-height: 19px; background-color: rgb(243, 249, 246); ">.goodsListItemBlock {
height: 300px;
margin: 5px;
overflow: hidden;
width: 210px;
}.goodsListItem {
overflow: hidden;
padding: 0;
text-align: center;
vertical-align: top;
width: 195px;
}<br style="color: rgb(28, 40, 55); line-height: 19px; background-color: rgb(243, 249, 246); ">
#30
Отправлено 24 Декабрь 2011 - 17:34
.goodsListItemBlock { height: 300px; margin: 5px; overflow: hidden; width: 210px; }
меняя значение свойства width
#31
Отправлено 25 Декабрь 2011 - 07:05
.goodsListItemBlock {
height: 120px;
margin: 5px;
overflow: hidden;
width: 140px;
}
а блоки как шли широкими так и идут..
#32
Отправлено 25 Декабрь 2011 - 16:12
Vaccina (08 Июль 2011 - 22:35) писал:
Открываем шабон "html", находим
{% 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 %}
далее просто заменяем на
<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>
Если потребуется изменить не только новинки, но и другие блоки - то все делается по аналогии, и сами блоки похожи, только меняются переменные шаблона
чёта помоему наоборот...
#33
Отправлено 27 Декабрь 2011 - 05:20
Цитата
.goodsListItemBlock {
height: 120px;
margin: 5px;
overflow: hidden;
width: 140px;
}
а блоки как шли широкими так и идут..
Данный класс был взят с вашего сайта. Как я понимаю вы не заменили стандартный а добавили новый - и он переопределяется старым классом.
Просто найдите дубликат и удалите его
.goodsListItemBlock { height: 300px; margin: 5px; overflow: hidden; width: 210px; }
Цитата
Не совсем понятен ваш вопрос. Пожалуйста, опишите его подробнее.
#34
Отправлено 30 Декабрь 2011 - 08:37
Еще вопрос:
получается у меня вся вот эта запись продублирована:
/* Список товаров в виде таблицы. Ячейки с товаром */.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;}
Откуда лучше удалять тогда?
#35
Отправлено 30 Декабрь 2011 - 13:23
.goodsListItem { overflow: hidden; padding: 0; text-align: center; vertical-align: top; width: 115px; }
main.css (строка 469)
#36
Отправлено 31 Декабрь 2011 - 00:53
#37
Отправлено 09 Январь 2012 - 11:36
#38
Отправлено 22 Январь 2012 - 21:12
#39
Отправлено 23 Январь 2012 - 19:56
#40
Отправлено 23 Январь 2012 - 21:12
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных