Карточка Товара
#1
Отправлено 17 Февраль 2014 - 16:13
#2
Отправлено 18 Февраль 2014 - 03:48
редактировать необходимо код шаблона Товары, а именно:
<td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" 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 %}
у вас контентная часть меньше можно сделать по 2 товара в ряд, найдите:
{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}замените на:
{% IFNOT goods.last %}{goods.index | is_divided("2","</tr><tr>","")}{% ENDIF %}далее в main.css найдите:
.goodsListItem { overflow: hidden; padding: 0; text-align: center; vertical-align: top; }замените на:
.goodsListItem { overflow: hidden; padding: 0; text-align: center; vertical-align: top; width: 300px; }далее найдите:
.goodsListItemImage { height: 150px; margin-top: 1em; }замените на:
.goodsListItemImage { float: left; height: 150px; margin: 10px; }далее найдите:
.goodsListItemName { line-height: 1.2em; margin: 0; max-height: 3.6em; overflow: hidden; padding: 0 2px; }замените на:
.goodsListItemName { line-height: 1.2em; margin: 10px; overflow: hidden; }
основа в принципе после этого будет сделана, остается добавить элементы.
Отзывы в каталоге, в код структуры необходимо добавить сл.блок:
<div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF goods.OPINION_RATING_CNT_ALL>0 %} <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div>
Блок кнопки купить:
<div class="buy"> <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> </div>
#3
Отправлено 18 Февраль 2014 - 14:29
Vaccina (18 Февраль 2014 - 03:48) писал:
редактировать необходимо код шаблона Товары, а именно:
<td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" 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 %}
у вас контентная часть меньше можно сделать по 2 товара в ряд, найдите:
{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}замените на:
{% IFNOT goods.last %}{goods.index | is_divided("2","</tr><tr>","")}{% ENDIF %}далее в main.css найдите:
.goodsListItem { overflow: hidden; padding: 0; text-align: center; vertical-align: top; }замените на:
.goodsListItem { overflow: hidden; padding: 0; text-align: center; vertical-align: top; width: 300px; }далее найдите:
.goodsListItemImage { height: 150px; margin-top: 1em; }замените на:
.goodsListItemImage { float: left; height: 150px; margin: 10px; }далее найдите:
.goodsListItemName { line-height: 1.2em; margin: 0; max-height: 3.6em; overflow: hidden; padding: 0 2px; }замените на:
.goodsListItemName { line-height: 1.2em; margin: 10px; overflow: hidden; }
основа в принципе после этого будет сделана, остается добавить элементы.
Отзывы в каталоге, в код структуры необходимо добавить сл.блок:
<div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF goods.OPINION_RATING_CNT_ALL>0 %} <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div>
Блок кнопки купить:
<div class="buy"> <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> </div>
Не получается сделать по два товара в ряд, сделал все как вы написали)
И не понял на счет добавления двух последних блоков, куда их добавлять? Аккаунт SL-242418
#4
Отправлено 18 Февраль 2014 - 15:08
jakarda (18 Февраль 2014 - 14:29) писал:
И не понял на счет добавления двух последних блоков, куда их добавлять? Аккаунт SL-242418
В шаблоне Товары найдите код:
{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}4 поменяйте на 2
#5
Отправлено 18 Февраль 2014 - 19:55
@lina_va (18 Февраль 2014 - 15:08) писал:
Добрый вечер
В шаблоне Товары найдите код:
{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}4 поменяйте на 2
Не получается. Сопутствующие товары идут по 2 в ряд, а в самом каталоге по 4, строчку заменил, как вы написали
#6
Отправлено 18 Февраль 2014 - 20:30
#7
Отправлено 18 Февраль 2014 - 20:48
Alexey11 (18 Февраль 2014 - 20:30) писал:
Все получилось, спасибо!)
Еще вопросик по самой карточке, как в ней расположить информацию, корзину и цену как показано на скриншоте?
#8
Отправлено 19 Февраль 2014 - 01:49
Цитата
<div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF goods.OPINION_RATING_CNT_ALL>0 %} <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div>
Блок кнопки купить:
<div class="buy"> <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> </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>
#9
Отправлено 19 Февраль 2014 - 06:53
Vaccina (19 Февраль 2014 - 01:49) писал:
<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>
Ничего не выходит, сделал се как сказали)
#10
Отправлено 19 Февраль 2014 - 12:04
пожалуйста внимательно ознакомьтесь с инструкцией выше.
Вам нужно вставить этот код ПОСЛЕ блока
<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>
удалите неверные изменения и вставьте код верно. в то место как указано в инструкции.
#11
Отправлено 19 Февраль 2014 - 21:59
#12
Отправлено 21 Февраль 2014 - 03:44
<p> {goods.DESCRIPTION_SHORT} </p>
#14
Отправлено 23 Февраль 2015 - 16:00
#16
Отправлено 23 Февраль 2015 - 16:59
#17
Отправлено 23 Февраль 2015 - 17:01
Индрик-Зверь (23 Февраль 2015 - 16:59) писал:
<!-- Блок описания вариантов доставки --> <tr> <td class="goodsDataMainDeliveryBlock" colspan="2"> <h4>Условия доставки</h4> {% FOR goods_delivery %} <h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5> <div class="goodsDataMainDeliveryItem" > <p>{goods_delivery.DESC}</p> {% IF goods_delivery.rules_empty %} Стоимость доставки: {goods_delivery.PRICE | money_format} {% ELSE %} <div class="goodsDataMainDeliveryItemRules"> <table> <thead> <tr> <td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td> </tr> <tr> <td>Для заказов больше</td> <td>Стоимость доставки</td> </tr> </thead> <tbody class="num"> {% FOR rules %} <tr> <td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td> <td>{goods_delivery.rules.PRICE | money_format}</td> </tr> {% ENDFOR %} <tr> <td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td> <td>{goods_delivery.PRICE | money_format}</td> </tr> </tbody> </table> </div> {% ENDIF %} </div> {% ENDFOR %} </td> </tr>
#18
Отправлено 23 Февраль 2015 - 17:24
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных