Карусель Товаров
#1
Отправлено 20 Май 2014 - 12:49
Как добавить карусели товаров для категорий "Новинки" и "Хиты продаж" и разместить их между блоками "Описание" и "Полное SEO-описание" на главной странице?
Аккаунт SL-269561
#2
Отправлено 20 Май 2014 - 16:26
Элис (20 Май 2014 - 12:49) писал:
Как добавить карусели товаров для категорий "Новинки" и "Хиты продаж" и разместить их между блоками "Описание" и "Полное SEO-описание" на главной странице?
Аккаунт SL-269561
в сайт->редактор товаров-> HTML находим строчку
{% ENDIF %} <!-- /Главная страница -->и перед ней вставить
<div>код, который скопировали</div>
#3
Отправлено 20 Май 2014 - 17:48
#5
#6
Отправлено 22 Май 2014 - 02:50
http://forum.storela...лож/#entry32932
p.s.: повторно скачивать файл по ссылке что указала не нужно.
#7
Отправлено 23 Май 2014 - 16:38
1. как влияют эти карусели на адаптивность ? то есть при изменении разрешения в идеале должно если в карусели 4 картинки (позиции) то при уменьшении они изменятся с начало три далее две и одна картинка (позиция товара). я несколько каруселей поставил и что то не получилось с адаптивностью подружить.
2. возможно ли в этом шаблоне сделать вывод товаров в карусели в неизменном виде так же как и товары в таблице. то есть с всплывающими кнопками купить, в избранные и сравнить. то есть картинка товара, далее краткое описание и кнопки всплывающие. пожалуйста покажите на примере нашего шаблона.
#8
Отправлено 24 Май 2014 - 02:30
http://forum.storela..._20#entry138226
2.Пример для новинок, в шаблоне HTML находим:
<!-- Список новинок на главной --> {% IFNOT index_page_new_goods_empty %} <div class="box"> <h2 class="heading_title"><span>Новинки</span></h2> <div class="box-content"> <div class="box-product"> {% FOR index_page_new_goods %} <div class="prod_hold"> <div> <div class="image goods-cat-image-medium-square"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}"><img class="goods-cat-image-medium" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt=""></a></div> <div class="name"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></div> <span class="new_prod">Новинка</span> <div class="price"> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} <span class="price-new">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span> </div> <div class="prod-info-fly"> <div class="name"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></div> <div class="price"> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} <span class="price-new">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span> <div class="clear"></div> </div> <div class="cart"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" /> <div class="plus_minus_quantity"> <span class="qty-minus">-</span> <input type="text" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]"> <span class="qty-plus">+</span> </div> <a class="add_to_cart_small" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</a> <!--a class="add_to_cart_small" onclick="$('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a--> </form> <!-- Если есть возможность добавить товар в избранное --> {% IF index_page_new_goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add_to_wishlist_small added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного" title="Убрать «{index_page_new_goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Удалить из избранного</a> {% ELSE %} <a class="add_to_wishlist_small" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного" title="Добавить «{index_page_new_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Добавить в избранное</a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %} <a class="add_to_compare_small added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >убрать из сравнения</a> {% ELSE %} <a class="add_to_compare_small" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Сравнить</a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div> </div> </div> </div> {% ENDFOR index_page_new_goods %} </div> </div> </div> {% ENDIF %} <!-- /Список новинок на главной -->меняем на:
<!-- Список новинок на главной --> {% IFNOT index_page_new_goods_empty %} <div class="box"> <h2 class="heading_title"><span>Новинки</span></h2> <div class="box-content"> <div class="box-product"> <div id="slider-code"> <a class="buttons prev" href="#">left</a> <div class="viewport"> <ul class="overview"> {% FOR index_page_new_goods %} <li> <div class="prod_hold"> <div> <div class="image goods-cat-image-medium-square"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}"><img class="goods-cat-image-medium" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt=""></a></div> <div class="name"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></div> <span class="new_prod">Новинка</span> <div class="price"> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} <span class="price-new">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span> </div> <div class="prod-info-fly"> <div class="name"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></div> <div class="price"> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} <span class="price-new">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span> <div class="clear"></div> </div> <div class="cart"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" /> <div class="plus_minus_quantity"> <span class="qty-minus">-</span> <input type="text" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]"> <span class="qty-plus">+</span> </div> <a class="add_to_cart_small" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</a> <!--a class="add_to_cart_small" onclick="$('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a--> </form> <!-- Если есть возможность добавить товар в избранное --> {% IF index_page_new_goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add_to_wishlist_small added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного" title="Убрать «{index_page_new_goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Удалить из избранного</a> {% ELSE %} <a class="add_to_wishlist_small" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного" title="Добавить «{index_page_new_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Добавить в избранное</a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %} <a class="add_to_compare_small added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >убрать из сравнения</a> {% ELSE %} <a class="add_to_compare_small" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Сравнить</a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div> </div> </div> </div> </li> {% ENDFOR index_page_new_goods %} </ul> </div> <a class="buttons next" href="#">right</a> </div> </div> </div> </div> {% ENDIF %} <!-- /Список новинок на главной -->
#9
Отправлено 26 Май 2014 - 11:57
Vaccina (24 Май 2014 - 02:30) писал:
http://forum.storela..._20#entry138226
2.Пример для новинок, в шаблоне HTML находим:
<!-- Список новинок на главной --> {% IFNOT index_page_new_goods_empty %} <div class="box"> <h2 class="heading_title"><span>Новинки</span></h2> <div class="box-content"> <div class="box-product"> {% FOR index_page_new_goods %} <div class="prod_hold"> <div> <div class="image goods-cat-image-medium-square"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}"><img class="goods-cat-image-medium" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt=""></a></div> <div class="name"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></div> <span class="new_prod">Новинка</span> <div class="price"> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} <span class="price-new">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span> </div> <div class="prod-info-fly"> <div class="name"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></div> <div class="price"> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} <span class="price-new">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span> <div class="clear"></div> </div> <div class="cart"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" /> <div class="plus_minus_quantity"> <span class="qty-minus">-</span> <input type="text" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]"> <span class="qty-plus">+</span> </div> <a class="add_to_cart_small" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</a> <!--a class="add_to_cart_small" onclick="$('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a--> </form> <!-- Если есть возможность добавить товар в избранное --> {% IF index_page_new_goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add_to_wishlist_small added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного" title="Убрать «{index_page_new_goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Удалить из избранного</a> {% ELSE %} <a class="add_to_wishlist_small" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного" title="Добавить «{index_page_new_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Добавить в избранное</a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %} <a class="add_to_compare_small added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >убрать из сравнения</a> {% ELSE %} <a class="add_to_compare_small" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Сравнить</a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div> </div> </div> </div> {% ENDFOR index_page_new_goods %} </div> </div> </div> {% ENDIF %} <!-- /Список новинок на главной -->меняем на:
<!-- Список новинок на главной --> {% IFNOT index_page_new_goods_empty %} <div class="box"> <h2 class="heading_title"><span>Новинки</span></h2> <div class="box-content"> <div class="box-product"> <div id="slider-code"> <a class="buttons prev" href="#">left</a> <div class="viewport"> <ul class="overview"> {% FOR index_page_new_goods %} <li> <div class="prod_hold"> <div> <div class="image goods-cat-image-medium-square"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}"><img class="goods-cat-image-medium" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt=""></a></div> <div class="name"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></div> <span class="new_prod">Новинка</span> <div class="price"> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} <span class="price-new">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span> </div> <div class="prod-info-fly"> <div class="name"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></div> <div class="price"> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} <span class="price-new">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span> <div class="clear"></div> </div> <div class="cart"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" /> <div class="plus_minus_quantity"> <span class="qty-minus">-</span> <input type="text" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]"> <span class="qty-plus">+</span> </div> <a class="add_to_cart_small" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</a> <!--a class="add_to_cart_small" onclick="$('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a--> </form> <!-- Если есть возможность добавить товар в избранное --> {% IF index_page_new_goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add_to_wishlist_small added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного" title="Убрать «{index_page_new_goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Удалить из избранного</a> {% ELSE %} <a class="add_to_wishlist_small" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного" title="Добавить «{index_page_new_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Добавить в избранное</a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %} <a class="add_to_compare_small added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >убрать из сравнения</a> {% ELSE %} <a class="add_to_compare_small" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Сравнить</a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div> </div> </div> </div> </li> {% ENDFOR index_page_new_goods %} </ul> </div> <a class="buttons next" href="#">right</a> </div> </div> </div> </div> {% ENDIF %} <!-- /Список новинок на главной -->
jquery.flexisel.js файл с сайта скачал и установил к себе, изменения сделал, но почему то все получилось не так ...во перовых товары вытянулись по вертикали, и во вторых карусели нет... посмотрите сами у меня на сайте...
да еще вот что сделал
В шаблон main.js добавьте в конец такой код
$(document).ready(function(){
if ($('.toggle_but').length) {
$('.toggle_but').click(function(){
if ($('.for_toggle:visible').length)
$('.for_toggle').hide();
else
$('.for_toggle').show();
});
}
});
#10
Отправлено 26 Май 2014 - 12:10
#11
Отправлено 26 Май 2014 - 15:05
#12
Отправлено 26 Май 2014 - 16:00
#13
Отправлено 27 Май 2014 - 00:35
http://forum.storela...ресных-предлож/
Я вам во-втором пункте указала только пример структуры.
#14
Отправлено 27 Май 2014 - 08:01
Vaccina (27 Май 2014 - 00:35) писал:
http://forum.storela...ресных-предлож/
Я вам во-втором пункте указала только пример структуры.
Скачал архив
2) Извлек все файлы в архиве и закачать файлы style.css, jquery.flexisel.js, button-next.png и button-previous.png в разделе редактора тем.
3) В шаблоне "HTML" перед строкой
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
вставил
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}style.css" type="text/css" />
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexisel.js"></script>
далее вставил тот код что вы написали.
<!-- Список новинок на главной -->
{% IFNOT index_page_new_goods_empty %}
..........
{% ENDIF %}
<!-- /Список новинок на главной -->
да еще в файле main.js после строки ( таких строчек было две, вставил один раз после первой)
$(document).ready(function(){
вставил
$('#slider-code').style({ display: 2 });
и нет карусели, товары новинок столбиком!
сейчас обратно востановил код, посмотрите пожалуйста
#15
Отправлено 27 Май 2014 - 14:47
#16
Отправлено 28 Май 2014 - 02:59
http://forum.storela...ль/#entry132512
скачиваем архив, из папки responsive загружаем
jquery.tinycarousel.min.js tinycarousel.cssдалее в HTML перед:
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>вставляем:
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}tinycarousel.css" type="text/css" /> <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.tinycarousel.min.js"></script>
<script type="text/javascript"> $(document).ready(function() { $('#slider1').tinycarousel(); }); </script>
Далее в HTML находим:
<!-- Список новинок на главной --> {% IFNOT index_page_new_goods_empty %} <div class="box"> <h2 class="heading_title"><span>Новинки</span></h2> <div class="box-content"> <div class="box-product"> {% FOR index_page_new_goods %} <div class="prod_hold"> <div> <div class="image goods-cat-image-medium-square"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}"><img class="goods-cat-image-medium" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt=""></a></div> <div class="name"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></div> <span class="new_prod">Новинка</span> <div class="price"> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} <span class="price-new">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span> </div> <div class="prod-info-fly"> <div class="name"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></div> <div class="price"> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} <span class="price-new">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span> <div class="clear"></div> </div> <div class="cart"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" /> <div class="plus_minus_quantity"> <span class="qty-minus">-</span> <input type="text" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]"> <span class="qty-plus">+</span> </div> <a class="add_to_cart_small" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</a> <!--a class="add_to_cart_small" onclick="$('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a--> </form> <!-- Если есть возможность добавить товар в избранное --> {% IF index_page_new_goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add_to_wishlist_small added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного" title="Убрать «{index_page_new_goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Удалить из избранного</a> {% ELSE %} <a class="add_to_wishlist_small" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного" title="Добавить «{index_page_new_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Добавить в избранное</a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %} <a class="add_to_compare_small added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >убрать из сравнения</a> {% ELSE %} <a class="add_to_compare_small" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Сравнить</a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div> </div> </div> </div> {% ENDFOR index_page_new_goods %} </div> </div> </div> {% ENDIF %} <!-- /Список новинок на главной -->меняем на:
<!-- Список новинок на главной --> {% IFNOT index_page_new_goods_empty %} <div class="box"> <h2 class="heading_title"><span>Новинки</span></h2> <div class="box-content"> <div class="box-product"> <div id="slider1"> <a class="buttons prev" href="#"><</a> <div class="viewport"> <ul class="overview"> {% FOR index_page_new_goods %} <li> <div class="prod_hold"> <div> <div class="image goods-cat-image-medium-square"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}"><img class="goods-cat-image-medium" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" alt=""></a></div> <div class="name"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></div> <span class="new_prod">Новинка</span> <div class="price"> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} <span class="price-new">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span> </div> <div class="prod-info-fly"> <div class="name"><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></div> <div class="price"> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <span class="price-old">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} <span class="price-new">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span> <div class="clear"></div> </div> <div class="cart"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" /> <div class="plus_minus_quantity"> <span class="qty-minus">-</span> <input type="text" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]"> <span class="qty-plus">+</span> </div> <a class="add_to_cart_small" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Купить</a> <!--a class="add_to_cart_small" onclick="$('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a--> </form> <!-- Если есть возможность добавить товар в избранное --> {% IF index_page_new_goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add_to_wishlist_small added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного" title="Убрать «{index_page_new_goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Удалить из избранного</a> {% ELSE %} <a class="add_to_wishlist_small" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного" title="Добавить «{index_page_new_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Добавить в избранное</a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %} <a class="add_to_compare_small added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >убрать из сравнения</a> {% ELSE %} <a class="add_to_compare_small" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Сравнить</a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div> </div> </div> </div> </li> {% ENDFOR index_page_new_goods %} </ul> </div> <a class="buttons next" href="#">></a> </div> </div> </div> </div> {% ENDIF %} <!-- /Список новинок на главной -->далее в tinycarousel.css находим:
#slider1 .viewport { height: 125px; overflow: hidden; position: relative; } #slider1 { height: 1%; margin: 30px 0 0; overflow: hidden; padding: 0 50px 10px; position: relative; } #slider1 .overview li { border: 1px solid #DCDCDC; float: left; height: 121px; margin: 0 20px 0 0; padding: 1px; width: 236px; }меняем на:
#slider1 .viewport { height: 270px; overflow: hidden; position: relative; } #slider1 { height: 270px; margin: 30px 0 0; overflow: hidden; padding: 0 50px 10px; position: relative; } #slider1 .overview li { float: left; height: 121px; margin: 0; padding: 1px; width: 236px; }
Карусель корректно поставится на новинки, при изменении разрешения, лишние товары будут обрезаться.
#17
Отправлено 28 Май 2014 - 10:39
<!-- Список новинок на главной -->
{% IFNOT ...
{% ENDIF %}
<!-- /Список новинок на главной -->
до сюда?
#18
Отправлено 29 Май 2014 - 03:56
#19
Отправлено 29 Май 2014 - 07:22
#20
Отправлено 30 Май 2014 - 03:56
$(function() { $('#slider1').hover(function() { $(this).data('plugin_tinycarousel').stop(); }, function() { $(this).data('plugin_tinycarousel').start(); }); });
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных