#1
Отправлено 06 Февраль 2014 - 11:39
#2
Отправлено 07 Февраль 2014 - 03:29
http://forum.storela...аталогом-места/
#3
Отправлено 08 Февраль 2014 - 17:24
#4
Отправлено 08 Февраль 2014 - 19:24
pin (08 Февраль 2014 - 17:24) писал:
В шаблоне товары замените:
<!-- Список товаров --> <tr> <td colspan="2"> <table style="padding:0px;margin:0px;"> <tr> <!-- Если список товаров пуст --> {% IF goods_empty %} <td> <!-- Если не применено ни одного фильтра, значит в категории нет товаров --> {% IF goods_filters_empty %} <!-- Если в категории нет товаров, но есть категории, то отобразим их --> {%IFNOT nested_categories_list_empty %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="withBorder cornerAll" style="padding:1em"> <div><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"{% 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> </div> </li> {% ENDFOR %} </ul> <br clear="all"/> <!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет --> {% ELSE %} <h3>Нет товаров в категории</h3> {% ENDIF %} <!-- Если производили фильтрацию товаров в категории --> {% ELSE %} <h3>Нет товаров для выбранных условий</h3> {% ENDIF %} </td> <!-- Если есть товары --> {% ELSE %} {% FOR goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div> <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> {% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDFOR goods %} {% ENDIF %} </tr> </table> </td> </tr> <!-- END Список товаров -->
на
<!-- Список товаров --> <tr> <td colspan="2"> <table style="padding:0px;margin:0px;"> <tr> <!-- Если список товаров пуст --> {% IF goods_empty %} <td> <!-- Если не применено ни одного фильтра, значит в категории нет товаров --> {% IF goods_filters_empty %} <!-- Если в категории нет товаров, но есть категории, то отобразим их --> {%IFNOT nested_categories_list_empty %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="withBorder cornerAll" style="padding:1em"> <div><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"{% 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> </div> </li> {% ENDFOR %} </ul> <br clear="all"/> <!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет --> {% ELSE %} <h3>Нет товаров в категории</h3> {% ENDIF %} <!-- Если производили фильтрацию товаров в категории --> {% ELSE %} <h3>Нет товаров для выбранных условий</h3> {% ENDIF %} </td> <!-- Если есть товары --> {% ELSE %} {% FOR goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <h3 class="goodsListItemName"><a href="{goods.URL}" style="float: left;">{goods.NAME}</a></h3> <div class="goodsListItemImage"><a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div> <!-- <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3> --> <div class="goodsListItemPriceNew"> <p style="float: left;"> Цена: </p> <a href="{goods.URL_MIN_PRICE_NOW}" style= "margin-top: 10px; float: left;" >{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>--> <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <div style="padding-bottom:1em;"> <input type="button" class="button goodsDataCompareButton add" rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}top: 50px;margin-left: -135px;" /> <input type="button" class="button goodsDataCompareButton delete" rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" value="Убрать из сравнения" title="Убрать товарную модификацию из списка сравнения с другими товарами" style="{% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}top: 50px;margin-left: -135px;" /> </div> {% ENDIF %} <div class="goodsDataMainModificationAvailable" style="margin-left: -150px; margin-top: 18px; float: left;"> <div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;" {% ENDIF %}>Товар есть в наличии</div> <div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;{% ENDIF %}>Товара нет в наличии</div> </div> <input type="submit" value="Положить в корзину" style="left: 19px; top: 37px;" /> </div> </div> </td> {% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDFOR goods %} {% ENDIF %} </tr> </table> </td> </tr> <!-- END Список товаров -->в main.css добавьте:
.button.goodsDataCompareButton.add.ui-button.ui-widget.ui-state-default.ui-corner-all { width: 145px!important; font-size: 10px; float: left; } .ui-button.ui-widget.ui-state-default.ui-corner-all{ width: 145px!important; font-size: 10px; float: left; }и заменяем:
.goodsListItemBlock { height: 200px; margin: 5px; overflow: hidden; }на
.goodsListItemBlock { width: 320px; height: 230px; margin: 5px; overflow: hidden; }на скрине то, что должно получится
#5
Отправлено 08 Февраль 2014 - 19:37
@lina_va (08 Февраль 2014 - 19:24) писал:
В шаблоне товары замените:
<!-- Список товаров --> <tr> <td colspan="2"> <table style="padding:0px;margin:0px;"> <tr> <!-- Если список товаров пуст --> {% IF goods_empty %} <td> <!-- Если не применено ни одного фильтра, значит в категории нет товаров --> {% IF goods_filters_empty %} <!-- Если в категории нет товаров, но есть категории, то отобразим их --> {%IFNOT nested_categories_list_empty %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="withBorder cornerAll" style="padding:1em"> <div><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"{% 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> </div> </li> {% ENDFOR %} </ul> <br clear="all"/> <!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет --> {% ELSE %} <h3>Нет товаров в категории</h3> {% ENDIF %} <!-- Если производили фильтрацию товаров в категории --> {% ELSE %} <h3>Нет товаров для выбранных условий</h3> {% ENDIF %} </td> <!-- Если есть товары --> {% ELSE %} {% FOR goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div> <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> {% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDFOR goods %} {% ENDIF %} </tr> </table> </td> </tr> <!-- END Список товаров -->
на
<!-- Список товаров --> <tr> <td colspan="2"> <table style="padding:0px;margin:0px;"> <tr> <!-- Если список товаров пуст --> {% IF goods_empty %} <td> <!-- Если не применено ни одного фильтра, значит в категории нет товаров --> {% IF goods_filters_empty %} <!-- Если в категории нет товаров, но есть категории, то отобразим их --> {%IFNOT nested_categories_list_empty %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="withBorder cornerAll" style="padding:1em"> <div><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"{% 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> </div> </li> {% ENDFOR %} </ul> <br clear="all"/> <!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет --> {% ELSE %} <h3>Нет товаров в категории</h3> {% ENDIF %} <!-- Если производили фильтрацию товаров в категории --> {% ELSE %} <h3>Нет товаров для выбранных условий</h3> {% ENDIF %} </td> <!-- Если есть товары --> {% ELSE %} {% FOR goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <h3 class="goodsListItemName"><a href="{goods.URL}" style="float: left;">{goods.NAME}</a></h3> <div class="goodsListItemImage"><a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div> <!-- <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3> --> <div class="goodsListItemPriceNew"> <p style="float: left;"> Цена: </p> <a href="{goods.URL_MIN_PRICE_NOW}" style= "margin-top: 10px; float: left;" >{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>--> <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <div style="padding-bottom:1em;"> <input type="button" class="button goodsDataCompareButton add" rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}top: 50px;margin-left: -135px;" /> <input type="button" class="button goodsDataCompareButton delete" rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" value="Убрать из сравнения" title="Убрать товарную модификацию из списка сравнения с другими товарами" style="{% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}top: 50px;margin-left: -135px;" /> </div> {% ENDIF %} <div class="goodsDataMainModificationAvailable" style="margin-left: -150px; margin-top: 18px; float: left;"> <div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;" {% ENDIF %}>Товар есть в наличии</div> <div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;{% ENDIF %}>Товара нет в наличии</div> </div> <input type="submit" value="Положить в корзину" style="left: 19px; top: 37px;" /> </div> </div> </td> {% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDFOR goods %} {% ENDIF %} </tr> </table> </td> </tr> <!-- END Список товаров -->в main.css добавьте:
.button.goodsDataCompareButton.add.ui-button.ui-widget.ui-state-default.ui-corner-all { width: 145px!important; font-size: 10px; float: left; } .ui-button.ui-widget.ui-state-default.ui-corner-all{ width: 145px!important; font-size: 10px; float: left; }и заменяем:
.goodsListItemBlock { height: 200px; margin: 5px; overflow: hidden; }на
.goodsListItemBlock { width: 320px; height: 230px; margin: 5px; overflow: hidden; }на скрине то, что должно получится
Спасибо! у меня всё получилось, только не ровно. помогите мне выронить описания и уменьшать количество товаров по ширине страницы, в место 4 шт. надо 3.
#6
Отправлено 09 Февраль 2014 - 09:31
pin (08 Февраль 2014 - 19:37) писал:
2.Уменьшить колличество товаров в строке:
Найдите данный блок кода в шаблоне "Товары":
</div> </div> </td> {% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDFOR goods %} {% ENDIF %}
замените его на:
</div> </div> </td> {% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %} {% ENDFOR goods %} {% ENDIF %}
#7
Отправлено 17 Февраль 2014 - 13:42
#8
Отправлено 18 Февраль 2014 - 04:08
#9
Отправлено 20 Февраль 2014 - 22:33
т.е. чтобы сразу после
Цитата
шло описание, которое сейчас в самом низу
Цитата
Цитата
на странице "Товары" переносил код снизу
<!-- Описание категории --> {% IF CATEGORY_DESCRIPTION %} <div class="categoryDescriptionBlock"> <div class="htmlDataBlock"> {CATEGORY_DESCRIPTION} </div> </div> {% ENDIF %} <!-- Короткое SEO описание категории --> {% IF CATEGORY_SEO_DESCRIPTION_SHORT %} <div style="padding-bottom:1em;"> {CATEGORY_SEO_DESCRIPTION_SHORT} </div> {% ENDIF %} <!-- Полное SEO описание категории --> {% IF CATEGORY_SEO_DESCRIPTION_LARGE %} <div class="categoryDescriptionBlock"> <div class="htmlDataBlock"> {CATEGORY_SEO_DESCRIPTION_LARGE} </div> </div> {% ENDIF %}наверх до таблицы, всё вышло, но появилась ошибка JS
вернул всё назад...
#10
Отправлено 21 Февраль 2014 - 03:59
<h1>{CATEGORY_NAME}</h1>
ошибки возникнуть не должно
#11
Отправлено 21 Февраль 2014 - 20:22
1) Хочу что бы товары отображалось не таблицей а списком и при отображении товара в списке были видны характеристики как на скриншоте, а в самом описании товара чтобы они были не видны.
2) Как установить банер в правой части сайта что бы он отображался на всех страницах? и еще хотелось что бы от отпускался вниз за клиентом при перелесывание страниц. Я весь форум облазал ни где не нашел инструкции как установить банер с правой стороны.
3) Помогите мне выронить страницы, они у меня ушли в право.
За ранее огромное спасибо!!!
#12
Отправлено 22 Февраль 2014 - 04:01
{% FOR goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <h3 class="goodsListItemName"><a href="{goods.URL}" style="float: left;">{goods.NAME}</a></h3> <div class="goodsListItemImage"><a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div> <!-- <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3> --> <div class="goodsListItemPriceNew"> <p style="float: left;"> Цена: </p> <a href="{goods.URL_MIN_PRICE_NOW}" style= "margin-top: 10px; float: left;" >{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>--> <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <div style="padding-bottom:1em;"> <input type="button" class="button goodsDataCompareButton add" rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}top: 50px;margin-left: -135px;" /> <input type="button" class="button goodsDataCompareButton delete" rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" value="Убрать из сравнения" title="Убрать товарную модификацию из списка сравнения с другими товарами" style="{% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}top: 50px;margin-left: -135px;" /> </div> {% ENDIF %} <div class="goodsDataMainModificationAvailable" style="margin-left: -150px; margin-top: 18px; float: left;"> <div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;" {% ENDIF %}></div> <div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;{% ENDIF %}></div> </div> <input type="submit" value="Положить в корзину" style="left: 19px; top: 37px;" /> </div> </div> </td> {% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %} {% ENDFOR goods %}замените на:
{% FOR goods %} <div class="listing"> <div class="imagem"><a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><img class="goods-image-small" {% 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}" title="Перейти на страницу «{goods.NAME}»">{goods.NAME}</a></h3> <table class="charactir fnt12n txtalgnlft padd" style="width: 500px; margin: 10px;" cellspacing="0" cellpadding="0"> {%FOR goods_attr_list%} <tr> <td class="fnt12b" width="50%">{goods.goods_attr_list.NAME}</td> <td>{goods.goods_attr_list.VALUE} </td> </tr> {%ENDFOR%} </table> <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><br /> <span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span> {% 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> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <p> <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}" /> <a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" 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="Положить «{goods.NAME}» в корзину">Купить</a> </p> </form> <p> <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a> </p> </div> <div class="clr"></div> </div> {% ENDFOR %}
и в main.css в самом конце вставьте:
.listing { margin-bottom: 10px; padding-bottom: 15px; padding-top: 10px; } .listing a img { border: medium none; } .listing .image { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D6D6D6; display: inline; float: left; margin-right: 10px; padding: 1px; position: relative; text-align: center; width: 110px; } .listing .cont { display: inline; float: left; position: relative; width: 480px; } .listing .container { display: inline; float: left; position: relative; width: 665px; } .listing .imagem { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D6D6D6; display: inline; float: left; margin-right: 10px; padding: 1px; position: relative; text-align: center; width: 220px; } .listing .imagem a { display: block; } .listing .contm { display: inline; float: left; position: relative; width: 435px; } .listing .contm a span span { color: #339900; font-weight: bold; } .listing .contm .lineThrough, .listing .contm .lineThrough span span { color: #888888; font-weight: normal; } .listing .contm .listingDiscountInfo { color: #DF7B11; font-size: 12px; }
2. В шаблоне HTML после:
<div id="content">вставьте:
<div class="fix_b"><a href="ссылка"><img src="адрес картинки" alt="" /></a></div>далее в main.css в самом конце вставьте:
.fix_b { height: 200px; position: fixed; right: 50px; top: 190px; width: 200px; }
3.Они не ушли вправо, это место занимает левая колонка с новостями, фильтром и т.д.
#13
Отправлено 23 Февраль 2014 - 22:54
Vaccina (22 Февраль 2014 - 04:01) писал:
{% FOR goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <h3 class="goodsListItemName"><a href="{goods.URL}" style="float: left;">{goods.NAME}</a></h3> <div class="goodsListItemImage"><a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div> <!-- <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3> --> <div class="goodsListItemPriceNew"> <p style="float: left;"> Цена: </p> <a href="{goods.URL_MIN_PRICE_NOW}" style= "margin-top: 10px; float: left;" >{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>--> <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <div style="padding-bottom:1em;"> <input type="button" class="button goodsDataCompareButton add" rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}top: 50px;margin-left: -135px;" /> <input type="button" class="button goodsDataCompareButton delete" rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" value="Убрать из сравнения" title="Убрать товарную модификацию из списка сравнения с другими товарами" style="{% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}top: 50px;margin-left: -135px;" /> </div> {% ENDIF %} <div class="goodsDataMainModificationAvailable" style="margin-left: -150px; margin-top: 18px; float: left;"> <div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;" {% ENDIF %}></div> <div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;{% ENDIF %}></div> </div> <input type="submit" value="Положить в корзину" style="left: 19px; top: 37px;" /> </div> </div> </td> {% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %} {% ENDFOR goods %}замените на:
{% FOR goods %} <div class="listing"> <div class="imagem"><a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><img class="goods-image-small" {% 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}" title="Перейти на страницу «{goods.NAME}»">{goods.NAME}</a></h3> <table class="charactir fnt12n txtalgnlft padd" style="width: 500px; margin: 10px;" cellspacing="0" cellpadding="0"> {%FOR goods_attr_list%} <tr> <td class="fnt12b" width="50%">{goods.goods_attr_list.NAME}</td> <td>{goods.goods_attr_list.VALUE} </td> </tr> {%ENDFOR%} </table> <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><br /> <span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span> {% 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> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <p> <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}" /> <a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" 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="Положить «{goods.NAME}» в корзину">Купить</a> </p> </form> <p> <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a> </p> </div> <div class="clr"></div> </div> {% ENDFOR %}
и в main.css в самом конце вставьте:
.listing { margin-bottom: 10px; padding-bottom: 15px; padding-top: 10px; } .listing a img { border: medium none; } .listing .image { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D6D6D6; display: inline; float: left; margin-right: 10px; padding: 1px; position: relative; text-align: center; width: 110px; } .listing .cont { display: inline; float: left; position: relative; width: 480px; } .listing .container { display: inline; float: left; position: relative; width: 665px; } .listing .imagem { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D6D6D6; display: inline; float: left; margin-right: 10px; padding: 1px; position: relative; text-align: center; width: 220px; } .listing .imagem a { display: block; } .listing .contm { display: inline; float: left; position: relative; width: 435px; } .listing .contm a span span { color: #339900; font-weight: bold; } .listing .contm .lineThrough, .listing .contm .lineThrough span span { color: #888888; font-weight: normal; } .listing .contm .listingDiscountInfo { color: #DF7B11; font-size: 12px; }
2. В шаблоне HTML после:
<div id="content">вставьте:
<div class="fix_b"><a href="ссылка"><img src="адрес картинки" alt="" /></a></div>далее в main.css в самом конце вставьте:
.fix_b { height: 200px; position: fixed; right: 50px; top: 190px; width: 200px; }
3.Они не ушли вправо, это место занимает левая колонка с новостями, фильтром и т.д.
Добрый ночи. Я все сделал и у меня почти все получилось только первый товар из списка кривой и как сделать чтобы фото товаров были одинаковые. Спасибо!
#15
Отправлено 24 Февраль 2014 - 20:59
Я прикрепил фото с вопросами.
1) Как сделать так чтобы фото были одинаковые?
2) Нужна разделительная линия между товарами.
3) Купить и подробнее кнопками а не ссылками.
Спасибо!
#16
Отправлено 25 Февраль 2014 - 03:49
.listing a img { border: medium none; }замените на:
.listing a img { border: medium none; width: 150px; }далее найдите:
.listing .imagem { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #2F8BBA; display: inline; float: left; margin-right: 5px; padding: 0; position: relative; text-align: center; width: 250px; }замените на:
.listing .imagem { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #2F8BBA; display: inline; float: left; margin-right: 5px; padding: 0; position: relative; text-align: center; width: 150px; }далее:
.listing .contm { display: inline; float: left; position: relative; width: 435px; }замените на:
.listing .contm { display: inline; float: left; position: relative; width: 405px; } .listing h3{margin-top:0;} .clr{clear:both;}
2. найдите:
.listing { margin-bottom: 10px; padding-bottom: 15px; padding-top: 10px; }замените на:
.listing { border-bottom: 2px solid #338B00; margin-bottom: 10px; padding-bottom: 15px; padding-top: 10px; }
3. в main.css добавьте:
.readmore { background: #338B00; padding: 5px; width: 100px; display: block; text-align: center; color: #fff !important; text-decoration: none !important; float: left; margin: 10px 10px 0 0; }
#18
Отправлено 26 Февраль 2014 - 04:00
</div> <div class="clr"></div> </div> {% ENDFOR %} {% ENDIF %} </tr> </table> </td> </tr> <!-- END Список товаров -->попробуйте заменить на:
<div class="clr"></div> </div> {% ENDFOR %} {% ENDIF %} </tr> </table> </td> </tr> <!-- END Список товаров -->
#19
Отправлено 26 Февраль 2014 - 23:50
Vaccina (26 Февраль 2014 - 04:00) писал:
{% ENDFOR %} {% ENDIF %}попробуйте заменить на:
{% ENDFOR %} {% ENDIF %}
Добрый вечер! Я поменял код в ТОВАРЫ и вот что получилось!
Помогите пожалуйста исправить.
Можете зайти в любой раздел с товарами и посмотреть что получилось.
За ранее спасибо!!!
#20
Отправлено 27 Февраль 2014 - 03:31
В шаблоне Товары измените:
{% FOR goods %} <div class="listing"> <div class="imagem"><a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><img class="goods-image-small" {% 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}" title="Перейти на страницу «{goods.NAME}»">{goods.NAME}</a></h3> <table class="charactir fnt12n txtalgnlft padd" style="width: 500px; margin: 10px;" cellspacing="0" cellpadding="0"> {%FOR goods_attr_list%} <tr> <td class="fnt12b" width="50%">{goods.goods_attr_list.NAME}</td> <td>{goods.goods_attr_list.VALUE} </td> </tr> {%ENDFOR%} </table> <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><br /> <span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span> {% 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> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <p> <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}" /> <a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" 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="Положить «{goods.NAME}» в корзину">Купить</a> </p> </form> <p> <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a> </p> <div class="clr"></div> </div> {% ENDFOR %}на:
{% FOR goods %} <td> <div class="listing"> <div class="imagem"> <a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"> <img class="goods-image-small" {% 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}" title="Перейти на страницу «{goods.NAME}»">{goods.NAME}</a> </h3> <table class="charactir fnt12n txtalgnlft padd" style="width: 500px; margin: 10px;" cellspacing="0" cellpadding="0"> {%FOR goods_attr_list%} <tr> <td class="fnt12b" width="50%">{goods.goods_attr_list.NAME}</td> <td>{goods.goods_attr_list.VALUE}</td> </tr> {%ENDFOR%} </table> <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><br /> <span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span> {% 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> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <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}" /> <a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" 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="Положить «{goods.NAME}» в корзину">Купить</a> </form> <p> <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a> </p> </div> <div class="clr"></div> </div> </td> {% IFNOT goods.last %}{goods.index | is_divided("1","</tr><tr>","")}{% ENDIF %} {% ENDFOR goods %}
Темы с аналогичным тегами Каталог
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных