0
Сопутствующие Товарыт
Автор vadim777, 28 сент. 2014 16:58
Сообщений в теме: 9
#1
vadim777
-
- Пользователи
-
- 302 сообщений
Активный участник
Отправлено 28 Сентябрь 2014 - 16:58
здравствуйте. подскажите как убрать сопутствующие товары из табов и переместить вниз под описание, а так же как сделать их каруселью, как хиты на главной.
#2
MikDark
-
- Модераторы
-
- 6 468 сообщений
Активный участник
Отправлено 28 Сентябрь 2014 - 17:01
vadim777 (28 Сентябрь 2014 - 16:58) писал:
здравствуйте. подскажите как убрать сопутствующие товары из табов и переместить вниз под описание, а так же как сделать их каруселью, как хиты на главной. 
Снимок экрана 2014-09-28 в 17.55.45.png
Снимок экрана 2014-09-28 в 17.55.45.pngУточните, пожалуйста, в каком товаре можно найти сопутствующие товары.
#3
vadim777
-
- Пользователи
-
- 302 сообщений
Активный участник
Отправлено 28 Сентябрь 2014 - 17:59
MikDark (28 Сентябрь 2014 - 17:01) писал:
Уточните, пожалуйста, в каком товаре можно найти сопутствующие товары.
#4
MikDark
-
- Модераторы
-
- 6 468 сообщений
Активный участник
Отправлено 28 Сентябрь 2014 - 18:51
vadim777 (28 Сентябрь 2014 - 17:59) писал:
Для начала перенесем товары. В шаблоне Товар удалите код:
<!-- Сопутствующие товары. Выводим только если есть сопутствующие товары -->
{% IFNOT related_goods_empty %}
<dt class="tab" title="Сопутствующие товары «{GOODS_NAME}»"><h3>Сопутствующие товары</h3></dt>
{% ENDIF %}
и
<!-- Сопутствующие товары. Выводим только если есть сопутствующие товары -->
{% IFNOT related_goods_empty %}
<dd class="tab">
<div class="related_goods tab-content-block sblock">
<h4 class="headersTabsGoodPage">Сопутствующие товары</h4>
<!--Вывод товаров таблицей-->
{% FOR related_goods %}
<div class="menu-item tabl">
<div class="menu-item-box item-box">
<!-- Бирки -->
{% IF related_goods.IS_NEW %}
<div class="menu-item-badges new">
<a href="{CATALOG_NEW_URL}" title="Перейти на страницу «Новинки»"><span>Новинка</span></a>
</div>
{% ELSEIF related_goods.IS_TOP %}
<div class="menu-item-badges hit">
<a href="{CATALOG_TOP_SALES_URL}" title="Перейти на страницу «Хит Продаж»"><span>Хит Продаж</span></a>
</div>
{% ELSEIF related_goods.MAX_DISCOUNT>0 %}
<div class="menu-item-badges disc">
<a href="{related_goods.MAX_DISCOUNT_URL}" title="Перейти на страницу «Акции»"><span>Скидка</span><span class="discNum"> {related_goods.MAX_DISCOUNT}%</span></a>
</div>
{% ENDIF %}
<!-- END Бирки -->
<div class="menu-item-slider activate" href="#">
<div class="catalog-gallery-img">
{% FOR goods_images_list %}
{% IF related_goods.goods_images_list.first %}
<a itemprop="image" target="_blank" class="menu-item-icon" href="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_goods.goods_images_list.LARGE}{% ENDIF %}">
<div class="zoom">
</div>
</a>
{% ELSE %}
<a itemprop="image" href="{related_goods.goods_images_list.LARGE}" target="_blank" title="{related_goods.goods_images_list.NAME}"></a>
{% ENDIF %}
{% ENDFOR images %}
</div>
<a href="{related_goods.URL}"><img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a>
</div>
<div class="menu-item-content">
<div class="title">
<h4><a href="{related_goods.URL}" title="Перейти на страницу «{related_goods.NAME}»">{related_goods.NAME}</a></h4>
</div>
<div class="menu-item-params">
<div class="menu-item-info">{% IF related_goods.DESCRIPTION_SHORT %}{related_goods.DESCRIPTION_SHORT}{% ENDIF %}</div>
<ul class="cost menu-item-price">
<li class="minPrice">{related_goods.MIN_PRICE_NOW | money_format}</li>
<!-- Старая цена -->
<li class="last linethrough">
{% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
{% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
{related_goods.MIN_PRICE_OLD | money_format}
{% ENDIF %}
</li>
<!-- END Старая цена -->
</ul>
</div>
<div class="btn-toolbar">
<!-- Если товара нет в наличие и в настройках отключена возможность класть -->
{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && related_goods.MAX_REST_VALUE==0 %}
<div class="tovar-available fnt11 fntupcase aunder">
<a href="#" rel="false" class="catalog-available-false" >
<div class="stikno">Товара нет в наличии</div>
</a>
</div>
{%ELSE%}
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{related_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<div class="btnToCart">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
<a class="btn toCart btn-success" onclick="addItem('#goodsListFormId{related_goods.MIN_PRICE_NOW_ID}');
return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={related_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={related_goods.MIN_PRICE_NOW_ID}" title="Положить «{related_goods.NAME}» в корзину">
<span class="basket_add"></span>
</a>
</div>
<div class="numeric input-prepend input-append btn-group">
<a class="js-minus btn minus">
<i class="icon-minus">
-
</i>
</a>
<input type="number" name="form[goods_mod_quantity]" class="quantity" min="1" max="999" step="1" value="1" title="Количество">
<a class="js-plus btn plus">
<i class="icon-plus">
+
</i>
</a>
</div>
</form>
{% ENDIF %}
</div>
</div>
</div>
</div>
{% ENDFOR related_goods %}
<!-- END Вывод товаров таблицей-->
</div>
</dd>
{% ENDIF %}
<!-- END Сопутствующие товары -->
далее находим код:
<!-- Короткое SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_SHORT %}
<div style="padding-top:1em;" class="htmlDataBlock" >
{GOODS_SEO_DESCRIPTION_SHORT}
</div>
{% ENDIF %}
<!-- END Короткое SEO-описание -->
</div>
и после него добавляем:
<!-- Сопутствующие товары. Выводим только если есть сопутствующие товары -->
{% IFNOT related_goods_empty %}
<div class="related_goods tab-content-block sblock">
<h4 class="headersTabsGoodPage">Сопутствующие товары</h4>
<!--Вывод товаров таблицей-->
{% FOR related_goods %}
<div class="menu-item tabl">
<div class="menu-item-box item-box">
<!-- Бирки -->
{% IF related_goods.IS_NEW %}
<div class="menu-item-badges new">
<a href="{CATALOG_NEW_URL}" title="Перейти на страницу «Новинки»"><span>Новинка</span></a>
</div>
{% ELSEIF related_goods.IS_TOP %}
<div class="menu-item-badges hit">
<a href="{CATALOG_TOP_SALES_URL}" title="Перейти на страницу «Хит Продаж»"><span>Хит Продаж</span></a>
</div>
{% ELSEIF related_goods.MAX_DISCOUNT>0 %}
<div class="menu-item-badges disc">
<a href="{related_goods.MAX_DISCOUNT_URL}" title="Перейти на страницу «Акции»"><span>Скидка</span><span class="discNum"> {related_goods.MAX_DISCOUNT}%</span></a>
</div>
{% ENDIF %}
<!-- END Бирки -->
<div class="menu-item-slider activate" href="#">
<div class="catalog-gallery-img">
{% FOR goods_images_list %}
{% IF related_goods.goods_images_list.first %}
<a itemprop="image" target="_blank" class="menu-item-icon" href="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_goods.goods_images_list.LARGE}{% ENDIF %}">
<div class="zoom">
</div>
</a>
{% ELSE %}
<a itemprop="image" href="{related_goods.goods_images_list.LARGE}" target="_blank" title="{related_goods.goods_images_list.NAME}"></a>
{% ENDIF %}
{% ENDFOR images %}
</div>
<a href="{related_goods.URL}"><img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a>
</div>
<div class="menu-item-content">
<div class="title">
<h4><a href="{related_goods.URL}" title="Перейти на страницу «{related_goods.NAME}»">{related_goods.NAME}</a></h4>
</div>
<div class="menu-item-params">
<div class="menu-item-info">{% IF related_goods.DESCRIPTION_SHORT %}{related_goods.DESCRIPTION_SHORT}{% ENDIF %}</div>
<ul class="cost menu-item-price">
<li class="minPrice">{related_goods.MIN_PRICE_NOW | money_format}</li>
<!-- Старая цена -->
<li class="last linethrough">
{% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
{% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
{related_goods.MIN_PRICE_OLD | money_format}
{% ENDIF %}
</li>
<!-- END Старая цена -->
</ul>
</div>
<div class="btn-toolbar">
<!-- Если товара нет в наличие и в настройках отключена возможность класть -->
{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && related_goods.MAX_REST_VALUE==0 %}
<div class="tovar-available fnt11 fntupcase aunder">
<a href="#" rel="false" class="catalog-available-false" >
<div class="stikno">Товара нет в наличии</div>
</a>
</div>
{%ELSE%}
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{related_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<div class="btnToCart">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
<a class="btn toCart btn-success" onclick="addItem('#goodsListFormId{related_goods.MIN_PRICE_NOW_ID}');
return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={related_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={related_goods.MIN_PRICE_NOW_ID}" title="Положить «{related_goods.NAME}» в корзину">
<span class="basket_add"></span>
</a>
</div>
<div class="numeric input-prepend input-append btn-group">
<a class="js-minus btn minus">
<i class="icon-minus">
-
</i>
</a>
<input type="number" name="form[goods_mod_quantity]" class="quantity" min="1" max="999" step="1" value="1" title="Количество">
<a class="js-plus btn plus">
<i class="icon-plus">
+
</i>
</a>
</div>
</form>
{% ENDIF %}
</div>
</div>
</div>
</div>
{% ENDFOR related_goods %}
<!-- END Вывод товаров таблицей-->
</div>
{% ENDIF %}
<!-- END Сопутствующие товары -->
#5
vadim777
-
- Пользователи
-
- 302 сообщений
Активный участник
Отправлено 28 Сентябрь 2014 - 19:11
MikDark (28 Сентябрь 2014 - 18:51) писал:
это сделал. теперь надо сделать как на главной в хитах каруселью + как в этой теме http://forum.storela...ражение-товара/
#6
vadim777
-
- Пользователи
-
- 302 сообщений
Активный участник
Отправлено 02 Октябрь 2014 - 14:30
кто нибудь поможет?
#7
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 03 Октябрь 2014 - 00:24
<!-- Сопутствующие товары. Выводим только если есть сопутствующие товары -->
{% IFNOT related_goods_empty %}
<div class="related_goods tab-content-block sblock">
<h4 class="headersTabsGoodPage">Сопутствующие товары</h4>
<!--Вывод товаров таблицей-->
{% FOR related_goods %}
<div class="menu-item tabl">
<div class="menu-item-box item-box">
<!-- Бирки -->
{% IF related_goods.IS_NEW %}
<div class="menu-item-badges new">
<a href="{CATALOG_NEW_URL}" title="Перейти на страницу «Новинки»"><span>Новинка</span></a>
</div>
{% ELSEIF related_goods.IS_TOP %}
<div class="menu-item-badges hit">
<a href="{CATALOG_TOP_SALES_URL}" title="Перейти на страницу «Хит Продаж»"><span>Хит Продаж</span></a>
</div>
{% ELSEIF related_goods.MAX_DISCOUNT>0 %}
<div class="menu-item-badges disc">
<a href="{related_goods.MAX_DISCOUNT_URL}" title="Перейти на страницу «Акции»"><span>Скидка</span><span class="discNum"> {related_goods.MAX_DISCOUNT}%</span></a>
</div>
{% ENDIF %}
<!-- END Бирки -->
<div class="menu-item-slider activate" href="#">
<div class="catalog-gallery-img">
{% FOR goods_images_list %}
{% IF related_goods.goods_images_list.first %}
<a itemprop="image" target="_blank" class="menu-item-icon" href="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_goods.goods_images_list.LARGE}{% ENDIF %}">
<div class="zoom">
</div>
</a>
{% ELSE %}
<a itemprop="image" href="{related_goods.goods_images_list.LARGE}" target="_blank" title="{related_goods.goods_images_list.NAME}"></a>
{% ENDIF %}
{% ENDFOR images %}
</div>
<a href="{related_goods.URL}"><img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a>
</div>
<div class="menu-item-content">
<div class="title">
<h4><a href="{related_goods.URL}" title="Перейти на страницу «{related_goods.NAME}»">{related_goods.NAME}</a></h4>
</div>
<div class="menu-item-params">
<div class="menu-item-info">{% IF related_goods.DESCRIPTION_SHORT %}{related_goods.DESCRIPTION_SHORT}{% ENDIF %}</div>
<ul class="cost menu-item-price">
<li class="minPrice">{related_goods.MIN_PRICE_NOW | money_format}</li>
<!-- Старая цена -->
<li class="last linethrough">
{% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
{% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
{related_goods.MIN_PRICE_OLD | money_format}
{% ENDIF %}
</li>
<!-- END Старая цена -->
</ul>
</div>
<div class="btn-toolbar">
<!-- Если товара нет в наличие и в настройках отключена возможность класть -->
{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && related_goods.MAX_REST_VALUE==0 %}
<div class="tovar-available fnt11 fntupcase aunder">
<a href="#" rel="false" class="catalog-available-false" >
<div class="stikno">Товара нет в наличии</div>
</a>
</div>
{%ELSE%}
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{related_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<div class="btnToCart">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
<a class="btn toCart btn-success" onclick="addItem('#goodsListFormId{related_goods.MIN_PRICE_NOW_ID}');
return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={related_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={related_goods.MIN_PRICE_NOW_ID}" title="Положить «{related_goods.NAME}» в корзину">
<span class="basket_add"></span>
</a>
</div>
<div class="numeric input-prepend input-append btn-group">
<a class="js-minus btn minus">
<i class="icon-minus">
-
</i>
</a>
<input type="number" name="form[goods_mod_quantity]" class="quantity" min="1" max="999" step="1" value="1" title="Количество">
<a class="js-plus btn plus">
<i class="icon-plus">
+
</i>
</a>
</div>
</form>
{% ENDIF %}
</div>
</div>
</div>
</div>
{% ENDFOR related_goods %}
<!-- END Вывод товаров таблицей-->
</div>
{% ENDIF %}
<!-- END Сопутствующие товары -->
замените на:
<!-- Сопутствующие товары. Выводим только если есть сопутствующие товары -->
{% IFNOT related_goods_empty %}
<div class="related_goods blockIndexPage">
<div class="contenttext clr">
<h4 class="headersTabsGoodPage">Сопутствующие товары</h4>
</div>
<div class="blockTableTovarIndexPage">
<!--Вывод товаров таблицей-->
{% FOR related_goods %}
<div class="menu-item tabl">
<div class="menu-item-box item-box">
<div class="menu-item-slider activate" >
<div class="catalog-gallery-img">
{% FOR images %}
{% IF related_goods.images.first %}
<a itemprop="image" target="_blank" class="menu-item-icon" href="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{related_goods.images.LARGE}{% ENDIF %}">
<div class="zoom">
</div>
</a>
{% ELSE %}
<a itemprop="image" target="_blank" href="{related_goods.images.LARGE}" target="_blank" title="{related_goods.images.NAME}"></a>
{% ENDIF %}
{% ENDFOR images %}
</div>
<a href="{related_goods.URL}"><img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a>
</div>
<div class="menu-item-content">
<div class="title">
<h4><a href="{related_goods.URL}" title="Перейти на страницу «{related_goods.NAME}»">{related_goods.NAME}</a></h4>
</div>
<div class="menu-item-params">
<div class="menu-item-info">{% IF related_goods.DESCRIPTION_SHORT %}{related_goods.DESCRIPTION_SHORT}{% ENDIF %}</div>
</div>
<div class="btn-toolbar">
<!-- Если товара нет в наличие и в настройках отключена возможность класть -->
{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && related_goods.MAX_REST_VALUE==0 %}
<div class="tovar-available fnt11 fntupcase aunder">
<a href="#" rel="false" class="catalog-available-false" >
<div class="stikno">Товара нет в наличии</div>
</a>
</div>
{%ELSE%}
<ul class="cost menu-item-price" style="float:right;">
<li class="minPrice">{related_goods.MIN_PRICE_NOW | money_format}</li>
<!-- Старая цена -->
<li class="last linethrough">
{% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
{% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
{related_goods.MIN_PRICE_OLD | money_format}
{% ENDIF %}
</li>
<!-- END Старая цена -->
</ul>
<a class="btn toCart btn-success" style="float:left;" href="{related_goods.URL}" title="Подробнее о «{related_goods.NAME}»">
<span class="basket_add"></span>
</a>
{% ENDIF %}
</div>
</div>
</div>
</div>
{% ENDFOR related_goods %}
<!-- END Вывод товаров таблицей-->
</div>
</div>
<div class="customNavigation my">
<a class="btn prev" title="Назад"></a>
<a class="btn next" title="Вперед"></a>
</div>
<script>
$(document).ready(function() {
var owl = $(".related_goods .blockTableTovarIndexPage");
owl.owlCarousel({
items : 4, //количество плиток
autoPlay: 4000 // скорость прокрутки
});
// Custom Navigation Events
$(".next").click(function(){
owl.trigger('owl.next');
});
$(".prev").click(function(){
owl.trigger('owl.prev');
});
});
</script>
{% ENDIF %}
<!-- END Сопутствующие товары -->
#8
vadim777
-
- Пользователи
-
- 302 сообщений
Активный участник
Отправлено 04 Октябрь 2014 - 13:04
Vaccina (03 Октябрь 2014 - 00:24) писал:
теперь отображается вот так, помогите
#9
Ирина345
-
- Модераторы
-
- 5 709 сообщений
Активный участник
Отправлено 04 Октябрь 2014 - 13:20
vadim777 (04 Октябрь 2014 - 13:04) писал:
Здравствуйте, найдите в файле main.css
.related_goods .menu-item {
width: 31%;
}
замените на
.related_goods .menu-item {
width: 90%;
}
#10
vadim777
-
- Пользователи
-
- 302 сообщений
Активный участник
Отправлено 04 Октябрь 2014 - 13:52
Ирина345 (04 Октябрь 2014 - 13:20) писал:
Здравствуйте, найдите в файле main.css
.related_goods .menu-item {
width: 31%;
}
замените на
.related_goods .menu-item {
width: 90%;
}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
