Отображение товаров списком: модификация - цена как в Excel-е
#161
Отправлено 16 Июль 2014 - 21:45
#162
Отправлено 16 Июль 2014 - 21:51
#163
Отправлено 23 Октябрь 2014 - 09:30
Не могу найти строки, которые нужно заменить.
Можно использовать для этой задачи табличное отображение данных. Например вставив вместо отображения массива с товарами в виде таблицы:
<!-- Список товаров. Список -->
{% FOR goods %}
...
{% ENDFOR goods %}
<!-- /Список товаров. Список -->
#164
Отправлено 29 Октябрь 2014 - 03:19
<!-- Список товаров. Список --> {% FOR goods %} ... {% ENDFOR goods %} <!-- /Список товаров. Список -->ищите:
<!-- Проходим по массиву списка товаров --> {% FOR goods %} ..... {% ENDFOR %} <!-- /Проходим по массиву списка товаров -->после реализации инструкции изменится отображение товаров списком
#165
Отправлено 24 Ноябрь 2014 - 13:40
1. Как убрать на первой странице каталога, у меня называется "Меню", отображение всех товаров, оставив только категории.
2. Как убрать - "Вы смотрели" и на это место поставить корзину, у меня "Ваш обед"
3. Как изменить каталог товаров в виде простого перечня где будет - наименование, под наименованием поместить состав, место под изображение. в случае отсутствия изображения оставлять место пустое без картинки "Изображение отсутствует", цена и количество.
Желательно чтоб получилось приблизительно так -
#166
Отправлено 24 Ноябрь 2014 - 17:04
#168
Отправлено 24 Ноябрь 2014 - 17:31
#170
Отправлено 25 Ноябрь 2014 - 01:08
#171
Отправлено 25 Ноябрь 2014 - 01:32
#173
Отправлено 25 Ноябрь 2014 - 02:19
<table> <thead> <th>Изображение</th> <th>Наименование</th> <th>Свойства</th> <th>Цена</th> <th></th> </thead> {% FOR goods %} <tbody id="gl{goods.ID}"> {% FOR mods %} <tr style="border-bottom:1px dashed #ccc; background:{g.index | is_divided("2","#ffffcc","#c0c0c0")};"> <td class="valignMiddle alignCenter"> <a href="{goods.mods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{goods.IMAGE_ICON}{% ENDIF %}" alt="{goods.mods.NAME}" /></a> </td> <td class="valignMiddle"> <a href="{goods.mods.URL}">{goods.NAME}</a> </td> <td class="valignMiddle"> <table class="property_data" cellspacing="0"> {%FOR v%} <tr> <td rel="{goods.mods.v.PROPERTY_ID}">{goods.mods.v.NAME}:</td> <td>{goods.mods.v.VALUE}</td> </tr> {% ENDFOR v %} </table> </td> <td class="valignMiddle alignRight"> <div class="goodsListItemPriceNew" style="white-space:nowrap;"> {goods.mods.PRICE_NOW | money} </div> {% IF goods.mods.PRICE_OLD > goods.mods.PRICE_NOW %} <div class="goodsListItemPriceOld" style="white-space:nowrap;"> <s>{goods.mods.PRICE_OLD | money}</s> </div> {% ENDIF %} </td> <td class="valignMiddle" style="padding-left:1em;"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}"> <div> <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.mods.ID}" /> <input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:20px;" maxlength="12" value="1" title="Количество" class="text" /> шт. <input type="submit" value="В корзину" /> </div> </form> </td> <td> </td> </tr> {% ENDFOR mods %} </tbody> {% ENDFOR goods %} </table>замените на:
<table> <thead> <th>Наименование</th> <th>Изображение</th> <th>Цена</th> </thead> {% FOR goods %} <tbody id="gl{goods.ID}"> {% FOR mods %} <tr style="border-bottom:1px dashed #ccc; background:{g.index | is_divided("2","#ffffcc","#c0c0c0")};"> <td class="valignMiddle"> <a href="{goods.mods.URL}">{goods.NAME}</a> <p> {goods.DESCRIPTION_SHORT} </p> </td> <td class="valignMiddle alignCenter"> {% IFNOT goods.IMAGE_EMPTY %}<a href="{goods.mods.URL}"><img src="{goods.IMAGE_ICON}" alt="{goods.mods.NAME}" /></a>{% ENDIF %} </td> <td class="valignMiddle alignRight"> <div class="goodsListItemPriceNew" style="white-space:nowrap;"> {goods.mods.PRICE_NOW | money} </div> {% IF goods.mods.PRICE_OLD > goods.mods.PRICE_NOW %} <div class="goodsListItemPriceOld" style="white-space:nowrap;"> <s>{goods.mods.PRICE_OLD | money}</s> </div> {% ENDIF %} </td> <td class="valignMiddle" style="padding-left:1em;"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}"> <div> <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.mods.ID}" /> <input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:20px;" maxlength="12" value="1" title="Количество" class="text" /> шт. <input type="submit" value="В корзину" /> </div> </form> </td> </tr> {% ENDFOR mods %} </tbody> {% ENDFOR goods %} </table>
#174
Отправлено 25 Ноябрь 2014 - 02:56
Vaccina (25 Ноябрь 2014 - 02:19) писал:
<table> <thead> <th>Изображение</th> <th>Наименование</th> <th>Свойства</th> <th>Цена</th> <th></th> </thead> {% FOR goods %} <tbody id="gl{goods.ID}"> {% FOR mods %} <tr style="border-bottom:1px dashed #ccc; background:{g.index | is_divided("2","#ffffcc","#c0c0c0")};"> <td class="valignMiddle alignCenter"> <a href="{goods.mods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{goods.IMAGE_ICON}{% ENDIF %}" alt="{goods.mods.NAME}" /></a> </td> <td class="valignMiddle"> <a href="{goods.mods.URL}">{goods.NAME}</a> </td> <td class="valignMiddle"> <table class="property_data" cellspacing="0"> {%FOR v%} <tr> <td rel="{goods.mods.v.PROPERTY_ID}">{goods.mods.v.NAME}:</td> <td>{goods.mods.v.VALUE}</td> </tr> {% ENDFOR v %} </table> </td> <td class="valignMiddle alignRight"> <div class="goodsListItemPriceNew" style="white-space:nowrap;"> {goods.mods.PRICE_NOW | money} </div> {% IF goods.mods.PRICE_OLD > goods.mods.PRICE_NOW %} <div class="goodsListItemPriceOld" style="white-space:nowrap;"> <s>{goods.mods.PRICE_OLD | money}</s> </div> {% ENDIF %} </td> <td class="valignMiddle" style="padding-left:1em;"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}"> <div> <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.mods.ID}" /> <input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:20px;" maxlength="12" value="1" title="Количество" class="text" /> шт. <input type="submit" value="В корзину" /> </div> </form> </td> <td> </td> </tr> {% ENDFOR mods %} </tbody> {% ENDFOR goods %} </table>замените на:
<table> <thead> <th>Наименование</th> <th>Изображение</th> <th>Цена</th> </thead> {% FOR goods %} <tbody id="gl{goods.ID}"> {% FOR mods %} <tr style="border-bottom:1px dashed #ccc; background:{g.index | is_divided("2","#ffffcc","#c0c0c0")};"> <td class="valignMiddle"> <a href="{goods.mods.URL}">{goods.NAME}</a> <p> {goods.DESCRIPTION_SHORT} </p> </td> <td class="valignMiddle alignCenter"> {% IFNOT goods.IMAGE_EMPTY %}<a href="{goods.mods.URL}"><img src="{goods.IMAGE_ICON}" alt="{goods.mods.NAME}" /></a>{% ENDIF %} </td> <td class="valignMiddle alignRight"> <div class="goodsListItemPriceNew" style="white-space:nowrap;"> {goods.mods.PRICE_NOW | money} </div> {% IF goods.mods.PRICE_OLD > goods.mods.PRICE_NOW %} <div class="goodsListItemPriceOld" style="white-space:nowrap;"> <s>{goods.mods.PRICE_OLD | money}</s> </div> {% ENDIF %} </td> <td class="valignMiddle" style="padding-left:1em;"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}"> <div> <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.mods.ID}" /> <input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:20px;" maxlength="12" value="1" title="Количество" class="text" /> шт. <input type="submit" value="В корзину" /> </div> </form> </td> </tr> {% ENDFOR mods %} </tbody> {% ENDFOR goods %} </table>
#175
Отправлено 25 Ноябрь 2014 - 06:48
#176
Отправлено 25 Ноябрь 2014 - 15:27
Vaccina (25 Ноябрь 2014 - 06:48) писал:
Мне нужно добавит кнопки "-" и "+" на странице коталога товаров и при нежатии которых небыло перехода в корзину.
В предложенной ветке описанны коды в файле "Корзина" я не нашел в своей корзине.
<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/...}/">Главная</a> > <strong>Корзина</strong></p>
<form action="{CART_URL}" method="post" class="cartForm">
<div>
{% IF FORM_NOTICE %}<h3 class="{% IF FORM_NOTICE_IS_GOOD %}green{% ELSE %}errorMessage{% ENDIF %}">{FORM_NOTICE | nl2br}</h3>{% ENDIF %}
{% IF cart_items_empty %}
<div class="cartFormEmpty">
<h1>Ваша корзина пуста</h1>
Предлагаем выбрать нужный Вам товар из <a href="{CATALOG_URL}">каталога</a>.
</div>
{% ELSE %}
<input type="hidden" name="hash" value="{HASH}" />
<table class="cartFormTable">
<thead class="cartFormThead">
<tr>
<th colspan="2">Наименование</th>
<th>Кол-во</th>
<th>Цена</th>
<th>Общая сумма</th>
<th>Удалить</th>
</tr>
</thead>
<tbody class="cartFormTbody">
<!-- Позиции заказа -->
{% FOR cart_items %}
<tr>
<td class="cell1">
<a href="{cart_items.GOODS_URL}"><img class="goods-image-icon" src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=mokko{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a>
</td>
<td class="cell2">
<a href="{cart_items.GOODS_URL}" class="cartFormTbodyHeader">
{cart_items.GOODS_NAME}
<!-- Если у товара есть отличительные свойства для модификации товара, допишем их к названию товара -->
{% IFNOT cart_items.DISTINCTIVE_PROPERTIES_EMPTY %}<span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}
</a>
<!-- Путь к категории, из которой заказали товара -->
<div class="cartFormTbodyNavigate">
<a href="http://{NET_DOMAIN}/...}/">Главная</a>
{% FOR catalog_path %}
» <a href="{cart_items.catalog_path.URL}" >{cart_items.catalog_path.NAME}</a>
{% ENDFOR %}
</div>
</td>
<td class="cell3">
<input name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" /> {cart_items.GOODS_MOD_MEASURE_NAME}
</td>
<td class="cell4 num">
{cart_items.GOODS_MOD_PRICE_NOW | money_format}
</td>
<td class="cell5 num">
{cart_items.ORDER_LINE_PRICE_NOW | money_format}
</td>
<td class="cell6">
<a href="{cart_items.ORDER_LINE_DELETE_URL}"><img src="{ASSETS_IMAGES_PATH}cartDelete.png?design=mokko" /></a>
</td>
</tr>
{% ENDFOR %}
<!-- Скидки, действующие на заказ -->
{% FOR cart_discount %}
{% IF cart_discount.DISCOUNT_IS_ENABLED %}
<tr>
<td class="cell1">
<div class="orderIcon discount"></div>
</td>
<td class="cell2">
<span class="cartFormTbodyHeader">
{cart_discount.DISCOUNT_NAME}
</span>
</td>
<td class="cell3">
{% IF cart_discount.IS_PERCENT %}
{cart_discount.DISCOUNT_VALUE}%
{% ELSE %}
{cart_discount.DISCOUNT_VALUE | money_format}
{% ENDIF %}
</td>
<td class="cell4 num">
{cart_discount.END_PRICE | money_format}
</td>
<td class="cell5 num">
{cart_discount.END_PRICE | money_format}
</td>
<td class="cell6"></td>
</tr>
{% ENDIF %}
{% ENDFOR %}
</tbody>
<tfoot class="cartFormTfoot">
<tr>
<td colspan="2" class="cartFormTfootTruncate"><a href="{CART_TRUNCATE_URL}" onclick="return confirm('Вы действительно хотите удалить все товары из корзины?')">Очистить корзину</a></td>
<td colspan="4" class="cartFormTfootSum">
<table class="cartFormTfootSumTable">
<tr>
<td class="cell1">Итого:</td>
<td class="cell2">
{% FOR cart_sum %}
{cart_sum.NOW_WITH_DISCOUNT | money_format}<br />
{% ENDFOR %}
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="6" class="cartFormTfootButtons"><input type="submit" value="Пересчитать"> <input type="submit" name="next_step" value="Оформить заказ"></td>
</tr>
</tfoot>
</table>
{% ENDIF %}
</div>
</form>
#177
Отправлено 26 Ноябрь 2014 - 02:57
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}"> <div> <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.mods.ID}" /> <input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:20px;" maxlength="12" value="1" title="Количество" class="text" /> шт. <input type="submit" value="В корзину" /> </div> </form>замените на:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}"> <div> <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.mods.ID}" /> <input type="button" style="background-color: transparent;" class="up_button" onclick="addone(this,1);"> <input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:20px;" maxlength="12" value="1" title="Количество" class="text" /> шт. <input type="button" onclick="addone(this,-1);" style="background-color: transparent;" class="down_button"> <input type="submit" value="В корзину" /> </div> </form>
далее в конец main.js добавьте:
function addone(obj, i) { var input = $(obj).closest('.goodsListItemCatalogueAddToCartButton').find('#quantity_wanted'); input.val(parseInt(input.val())+i); if(parseInt(input.val()) <= 0) { input.val(1); } }
и в конец main.css добавьте:
.up_button, .down_button { background-color: #FFFFFF; background-position: center center; background-repeat: no-repeat; border: 0 none; height: 10px; width: 10px; } .up_button { background-image: url("{ASSETS_IMAGES_PATH}bg_up.png"); } .down_button { background-image: url("{ASSETS_IMAGES_PATH}bg_down.png"); }
#178
Отправлено 26 Ноябрь 2014 - 11:23
Vaccina (26 Ноябрь 2014 - 02:57) писал:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}"> <div> <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.mods.ID}" /> <input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:20px;" maxlength="12" value="1" title="Количество" class="text" /> шт. <input type="submit" value="В корзину" /> </div> </form>замените на:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}"> <div> <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.mods.ID}" /> <input type="button" style="background-color: transparent;" class="up_button" onclick="addone(this,1);"> <input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:20px;" maxlength="12" value="1" title="Количество" class="text" /> шт. <input type="button" onclick="addone(this,-1);" style="background-color: transparent;" class="down_button"> <input type="submit" value="В корзину" /> </div> </form>
далее в конец main.js добавьте:
function addone(obj, i) { var input = $(obj).closest('.goodsListItemCatalogueAddToCartButton').find('#quantity_wanted'); input.val(parseInt(input.val())+i); if(parseInt(input.val()) <= 0) { input.val(1); } }
и в конец main.css добавьте:
.up_button, .down_button { background-color: #FFFFFF; background-position: center center; background-repeat: no-repeat; border: 0 none; height: 10px; width: 10px; } .up_button { background-image: url("{ASSETS_IMAGES_PATH}bg_up.png"); } .down_button { background-image: url("{ASSETS_IMAGES_PATH}bg_down.png"); }
#179
Отправлено 26 Ноябрь 2014 - 15:06
Glava (26 Ноябрь 2014 - 11:23) писал:
Во-первых, в шаблоне "Товары" код:
<input type="button" style="background-color: transparent;" class="up_button" onclick="addone(this,1);"> <input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:20px;" maxlength="12" value="1" title="Количество" class="text" /> шт. <input type="button" onclick="addone(this,-1);" style="background-color: transparent;" class="down_button">
замените на:
<input type="button" onclick="addone(this,-1);" style="background-color: transparent;" class="down_button"> <input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:20px;" maxlength="12" value="1" title="Количество" class="text" /> шт. <input type="button" style="background-color: transparent;" class="up_button" onclick="addone(this,1);">
Во-вторых, вам нужно загрузить картинки bg_up.png и bg_down.png (прибавление и убавление соответственно). Можно, например, просто плюс и минус нарисовать.
#180
Отправлено 26 Ноябрь 2014 - 17:17
Dars (26 Ноябрь 2014 - 15:06) писал:
Во-первых, в шаблоне "Товары" код:
<input type="button" style="background-color: transparent;" class="up_button" onclick="addone(this,1);"> <input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:20px;" maxlength="12" value="1" title="Количество" class="text" /> шт. <input type="button" onclick="addone(this,-1);" style="background-color: transparent;" class="down_button">
замените на:
<input type="button" onclick="addone(this,-1);" style="background-color: transparent;" class="down_button"> <input type="text" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:20px;" maxlength="12" value="1" title="Количество" class="text" /> шт. <input type="button" style="background-color: transparent;" class="up_button" onclick="addone(this,1);">
Во-вторых, вам нужно загрузить картинки bg_up.png и bg_down.png (прибавление и убавление соответственно). Можно, например, просто плюс и минус нарисовать.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных