Ольга 94 (27 Апрель 2016 - 10:49) писал:
Получилось очень даже ничего) можно только настроить не много, а то кривовато?
1. Можно вообще убрать кнопку "показать все", а за место нее сделать карусель.
В конце main.js добавьте код:
// Вы смотрели
jQuery(function($) {
var carouselU = $('.viewed .products-grid');
carouselU.owlCarousel({
items: 4,
pagination: false,
itemsScaleUp : true,
slideSpeed : 800,
autoPlay: true,
addClassActive: true,
autoHeight: true,
afterAction: function (e) {
if(this.$owlItems.length > this.options.items){
$('.viewed .navigation a').show();
}else{
$('.viewed .navigation a').hide();
}
}
});
jQuery('.viewed .navigation .prev').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.prev');
});
jQuery('.viewed .navigation .next').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.next');
});
});
и шаблоне Товар код:
<!-- Вы смотрели -->
{% IFNOT recently_viewed_goods_empty %}
<div class="block viewed">
<div class="block-title"><h3>Вы недавно просматривали</h3></div>
<div class="block-content">
<div class="list-items">
{% FOR recently_viewed_goods %}
<div class="recently-item">
<a href="{recently_viewed_goods.URL}" title="{recently_viewed_goods.NAME}" class="product-image">
<img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}">
</a>
<div class="recently-item-content">
<p class="product-name">
<a href="{recently_viewed_goods.URL}" title="{recently_viewed_goods.NAME}">{recently_viewed_goods.NAME}</a>
</p>
<div class="ratings">
<div class="rating-box">
{% IF recently_viewed_goods.OPINION_RATING_VALUE %}
<span>
<div class="rating" style="width:{recently_viewed_goods.OPINION_RATING_VALUE}0%" alt="{recently_viewed_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
</span>
{% ELSE %}
<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
{% ENDIF %}
</div>
</div>
<div class="price-box">
{% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
<span class="old-price">
<span class="price {CURRENCY_CHAR_CODE}">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
</span>
{% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
<span class="old-price">
<span class="price {CURRENCY_CHAR_CODE}">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</span>
</span>
{% ENDIF %}
<span class="price {CURRENCY_CHAR_CODE}">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span>
</div>
<div class="actions">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{recently_viewed_goods.MIN_PRICE_NOW_ID} goodsListForm">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" />
<!--a class="add-cart quick button" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && recently_viewed_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><i class="fa fa-shopping-cart"></i></a-->
<a class="cartButtonsmotr" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && recently_viewed_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>В корзину</a>
<div class="add-to-links">
<div class="wishlist">
<!-- Если есть возможность добавить товар в избранное -->
{% IF recently_viewed_goods.IS_HAS_IN_FAVORITES_LIST %}
<a class="add-wishlist added"
data-action-is-add="0"
data-action-add-url="{FAVORITES_ADD_URL}"
data-action-delete-url="{FAVORITES_DELETE_URL}"
data-action-add-title="Добавить «{recently_viewed_goods.NAME}» в избранное"
data-action-delete-title="Убрать «{recently_viewed_goods.NAME}» из избранного"
title="Убрать «{recently_viewed_goods.NAME}» из избранного"
href="{FAVORITES_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}"
><i class="fa fa-heart"></i></a>
{% ELSE %}
<a class="add-wishlist"
data-action-is-add="1"
data-action-add-url="{FAVORITES_ADD_URL}"
data-action-delete-url="{FAVORITES_DELETE_URL}"
data-action-add-title="Добавить «{recently_viewed_goods.NAME}» в избранное"
data-action-delete-title="Убрать «{recently_viewed_goods.NAME}» из избранного"
title="Добавить «{recently_viewed_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}"
><i class="fa fa-heart"></i></a>
{% ENDIF %}
<!-- END Если есть возможность добавить товар в избранное -->
</div>
<div class="compare">
<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
{% IF recently_viewed_goods.IS_HAS_IN_COMPARE_LIST %}
<a class="add-compare added"
data-action-is-add="0"
data-action-add-url="{COMPARE_ADD_URL}"
data-action-delete-url="{COMPARE_DELETE_URL}"
data-action-add-title="Добавить «{recently_viewed_goods.NAME}» в список сравнения с другими товарами"
data-action-delete-title="Убрать «{recently_viewed_goods.NAME}» из списка сравнения с другими товарами"
data-prodname="{recently_viewed_goods.NAME}"
data-produrl="{recently_viewed_goods.URL}"
data-id="{recently_viewed_goods.ID}"
data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}"
title="Убрать «{recently_viewed_goods.NAME}» из списка сравнения с другими товарами"
href="{COMPARE_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&from={recently_viewed_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}"
><i class="fa fa-retweet"></i></a>
{% ELSE %}
<a class="add-compare"
data-action-is-add="1"
data-action-add-url="{COMPARE_ADD_URL}"
data-action-delete-url="{COMPARE_DELETE_URL}"
data-action-add-title="Добавить «{recently_viewed_goods.NAME}» в список сравнения с другими товарами"
data-action-delete-title="Убрать «{recently_viewed_goods.NAME}» из списка сравнения с другими товарами"
data-prodname="{recently_viewed_goods.NAME}"
data-produrl="{recently_viewed_goods.URL}"
data-id="{recently_viewed_goods.ID}"
data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}"
title="Добавить «{recently_viewed_goods.NAME}» в список сравнения с другими товарами"
href="{COMPARE_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&from={recently_viewed_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}"
><i class="fa fa-retweet"></i></a>
{% ENDIF %}
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
</div>
</div>
</form>
</div>
</div>
</div>
{% ENDFOR %}
</div>
</div>
</div>
{% ENDIF %}
<!-- /END Вы смотрели -->
замените на код:
<!-- Вы смотрели -->
{% IFNOT recently_viewed_goods_empty %}
<div class="block viewed">
<div class="block-title"><h3>Вы недавно просматривали</h3></div>
<div class="navigation">
<a href="#" class="prev"><i class="fa fa-angle-left"></i></a>
<a href="#" class="next"><i class="fa fa-angle-right"></i></a>
</div>
<div class="up-sell-products">
<div class="products-grid">
{% FOR recently_viewed_goods %}
<div class="recently-item">
<a href="{recently_viewed_goods.URL}" title="{recently_viewed_goods.NAME}" class="product-image">
<img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}">
</a>
<div class="recently-item-content">
<p class="product-name">
<a href="{recently_viewed_goods.URL}" title="{recently_viewed_goods.NAME}">{recently_viewed_goods.NAME}</a>
</p>
<div class="ratings">
<div class="rating-box">
{% IF recently_viewed_goods.OPINION_RATING_VALUE %}
<span>
<div class="rating" style="width:{recently_viewed_goods.OPINION_RATING_VALUE}0%" alt="{recently_viewed_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
</span>
{% ELSE %}
<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
{% ENDIF %}
</div>
</div>
<div class="price-box">
{% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
<span class="old-price">
<span class="price {CURRENCY_CHAR_CODE}">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
</span>
{% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
<span class="old-price">
<span class="price {CURRENCY_CHAR_CODE}">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</span>
</span>
{% ENDIF %}
<span class="price {CURRENCY_CHAR_CODE}">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span>
</div>
<div class="actions">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{recently_viewed_goods.MIN_PRICE_NOW_ID} goodsListForm">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" />
<!--a class="add-cart quick button" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && recently_viewed_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}><i class="fa fa-shopping-cart"></i></a-->
<a class="cartButtonsmotr" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && recently_viewed_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>В корзину</a>
<div class="add-to-links">
<div class="wishlist">
<!-- Если есть возможность добавить товар в избранное -->
{% IF recently_viewed_goods.IS_HAS_IN_FAVORITES_LIST %}
<a class="add-wishlist added"
data-action-is-add="0"
data-action-add-url="{FAVORITES_ADD_URL}"
data-action-delete-url="{FAVORITES_DELETE_URL}"
data-action-add-title="Добавить «{recently_viewed_goods.NAME}» в избранное"
data-action-delete-title="Убрать «{recently_viewed_goods.NAME}» из избранного"
title="Убрать «{recently_viewed_goods.NAME}» из избранного"
href="{FAVORITES_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}"
><i class="fa fa-heart"></i></a>
{% ELSE %}
<a class="add-wishlist"
data-action-is-add="1"
data-action-add-url="{FAVORITES_ADD_URL}"
data-action-delete-url="{FAVORITES_DELETE_URL}"
data-action-add-title="Добавить «{recently_viewed_goods.NAME}» в избранное"
data-action-delete-title="Убрать «{recently_viewed_goods.NAME}» из избранного"
title="Добавить «{recently_viewed_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}"
><i class="fa fa-heart"></i></a>
{% ENDIF %}
<!-- END Если есть возможность добавить товар в избранное -->
</div>
<div class="compare">
<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
{% IF recently_viewed_goods.IS_HAS_IN_COMPARE_LIST %}
<a class="add-compare added"
data-action-is-add="0"
data-action-add-url="{COMPARE_ADD_URL}"
data-action-delete-url="{COMPARE_DELETE_URL}"
data-action-add-title="Добавить «{recently_viewed_goods.NAME}» в список сравнения с другими товарами"
data-action-delete-title="Убрать «{recently_viewed_goods.NAME}» из списка сравнения с другими товарами"
data-prodname="{recently_viewed_goods.NAME}"
data-produrl="{recently_viewed_goods.URL}"
data-id="{recently_viewed_goods.ID}"
data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}"
title="Убрать «{recently_viewed_goods.NAME}» из списка сравнения с другими товарами"
href="{COMPARE_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&from={recently_viewed_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}"
><i class="fa fa-retweet"></i></a>
{% ELSE %}
<a class="add-compare"
data-action-is-add="1"
data-action-add-url="{COMPARE_ADD_URL}"
data-action-delete-url="{COMPARE_DELETE_URL}"
data-action-add-title="Добавить «{recently_viewed_goods.NAME}» в список сравнения с другими товарами"
data-action-delete-title="Убрать «{recently_viewed_goods.NAME}» из списка сравнения с другими товарами"
data-prodname="{recently_viewed_goods.NAME}"
data-produrl="{recently_viewed_goods.URL}"
data-id="{recently_viewed_goods.ID}"
data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}"
title="Добавить «{recently_viewed_goods.NAME}» в список сравнения с другими товарами"
href="{COMPARE_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&from={recently_viewed_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}"
><i class="fa fa-retweet"></i></a>
{% ENDIF %}
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
</div>
</div>
</form>
</div>
</div>
</div>
{% ENDFOR %}
</div>
</div>
</div>
{% ENDIF %}
<!-- /END Вы смотрели -->
Ольга 94 (27 Апрель 2016 - 15:10) писал:
Все отлично, спасибо.
Скажите, пожалуйста, что за глюк такой? При обновлении страницы например в карточке товара очень странно загружается блок рекомендуем становится вертикальным. Очень страшно смотрится. И блок с описанием доставки и отзывами появляется от куда то с правого бока. Можно эту анимацию срочно убрать? и что то сделать с загрузкой страницы в части блока рекомендуем...
Например блок вы смотрели сразу появляется без загрузки и без анимации. Это наверное в ней дело, через чур много элементов на странице с анимацией... Тормозит работу...
У Вас скорее всего остался код для карусели в блоке сопутствующих товаров, и тормозит не анимация, а скрипты, которые подгружаются там, попробуйте в main.js удалить код:
// Сопутствующие товары
jQuery(function($) {
var carouselU = $('.related-goods .products-grid');
carouselU.owlCarousel({
items: 4,
pagination: false,
itemsScaleUp : true,
slideSpeed : 800,
autoPlay: true,
addClassActive: true,
autoHeight: true,
afterAction: function (e) {
if(this.$owlItems.length > this.options.items){
$('.related-goods .navigation a').show();
}else{
$('.related-goods .navigation a').hide();
}
}
});
jQuery('.related-goods .navigation .prev').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.prev');
});
jQuery('.related-goods .navigation .next').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.next');
});
});
// С этим товаром смотрят
jQuery(function($) {
var carouselU = $('.related-views .products-grid');
carouselU.owlCarousel({
items: 4,
pagination: false,
itemsScaleUp : true,
slideSpeed : 800,
autoPlay: true,
addClassActive: true,
autoHeight: true,
afterAction: function (e) {
if(this.$owlItems.length > this.options.items){
$('.related-views .navigation a').show();
}else{
$('.related-views .navigation a').hide();
}
}
});
jQuery('.related-views .navigation .prev').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.prev');
});
jQuery('.related-views .navigation .next').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.next');
});
});
2
