Доброго времени суток всем, вернулся, чтобы всех доставать )
Большинство того, что надо исправить, сам же наворотил, но пути назад нет )
В каталоге товаров не отображаются цены товаров- надо, чтобы отображались.
Также названия не отображаются в разделе "Хиты продаж". Названия отображаются в разделе "Товары на главной", но там не отображается кнопка "заказать".
Итого необходимо:
1. вернуть отображение названий в каталог товаров,
2. вернуть отображение названий в "хиты продаж",
3. вернуть кнопку "заказать" в раздел "на главной странице"
4. при всё при этом необходимо исправить проблему со смещением сетки товаров, когда название одного товара длиннее других.
Заранее благодарю за любую помощь.
1
Отображение Названий В Каталоге Товаров, Выравнивание Товаров По Сетке
Автор ConstantinRS, 02 сент. 2015 21:48
каталог товаров выравнивание товаров
Сообщений в теме: 4
#1
Отправлено 02 Сентябрь 2015 - 21:48
#2
Отправлено 03 Сентябрь 2015 - 05:40
1. В шаблоне Товары найдите:
замените на:
4. Приведите пожалуйста пример данного отображения(ссылка\скриншот).
<!-- Проходим по массиву списка товаров --> {% FOR goods %} <div class="items" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px;text-align:center;"> <figure style="width: 173px;position: relative;overflow:hidden;"> <a href="{goods.URL | url_amp}" title="{goods.NAME}" > <img alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a>замените на:
<!-- Проходим по массиву списка товаров --> {% FOR goods %} <div class="items" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px;text-align:center;"> <figure style="width: 173px;position: relative;overflow:hidden;"> <h4><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h4> <a href="{goods.URL | url_amp}" title="{goods.NAME}" > <img alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a>2. В шаблоне HTML найдите:
{% FOR index_page_favorites_goods %} <div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;"> <div style="width: 193px;position: relative;overflow:hidden;"> <a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}"> <img alt="{index_page_favorites_goods.NAME}" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" /> </a> </div>
замените на:
{% FOR index_page_favorites_goods %} <div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;"> <h3><a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{index_page_favorites_goods.NAME}</a></h3> <div style="width: 193px;position: relative;overflow:hidden;"> <a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}"> <img alt="{index_page_favorites_goods.NAME}" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" /> </a> </div>3. В шаблоне HTML найдите:
<div class="price"> <a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a> {% 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 %} </div> <div class="rating">после него вставьте:
<div class="buy-item"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" /> <!--button type="submit" onclick="this.form.submit();" title="Положить «{index_page_goods.NAME}» в корзину" />В корзину</button--> <button type="submit" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button><!-- /Похожий на текст кнопки купить/заказать --> </div> </form> </div>
4. Приведите пожалуйста пример данного отображения(ссылка\скриншот).
#4
Отправлено 03 Сентябрь 2015 - 20:33
ConstantinRS (03 Сентябрь 2015 - 20:08) писал:
Большое спасибо, всё помогло. По поводу смещения товаров при разной длине названий пример ниже.
Безымянный.png
Безымянный.png
Попробуйте сделать следующее:
в style.css найдите код
.containers .items, .containers2 .items { display: inline-block; float: none !important; vertical-align: top; width: 170px !important; }и замените на
.containers .items, .containers2 .items { display: block !important; float: left !important; vertical-align: top; width: 170px !important; position: relative !important; top: 0px !important; left: 0px !important; } .items.masonry-brick h3 { height: 51px; } .items.masonry-brick figure h4 { height: 54px; }В шаблоне html найдите код
<div style="width: 193px;position: relative;overflow:hidden;">и замените на
<div style="width: 193px;position: relative;overflow:hidden;height:175px;">
Темы с аналогичным тегами каталог товаров, выравнивание товаров
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных