Карусели Товаров На Главной
#1
Отправлено 21 Май 2014 - 14:32
1)Немного изменить карусель новинок на главной,так чтобы товары шли сразу в две строки,а не в одну сейчас
2)Не могу понять как мне добавить карусель для раздела хиты продаж так же сразу в две строки (наверное случайно удалил...=( )
Аккаунт Sl-203796
#2
Отправлено 21 Май 2014 - 20:10
#3
Отправлено 22 Май 2014 - 02:43
точнее, уже шли правки по ней, карусель использовалась следующая: http://www.egrappler...der-jscarousel/
по данной ссылке имеются как файлы так и инструкция по установке, если появятся доп.вопросы, то мы тут =)
2. В две строки, насколько видно карусели, у вас пока нет, после установки карусели из первого пункта, для хитов достаточно будет скопировать структуру и поменять переменные.
#4
Отправлено 22 Май 2014 - 09:50
почитал выше указанную тему,так и не понял как мне сделать в карусели наименования в два ряда...(
#5
Отправлено 23 Май 2014 - 03:12
На счет установки, необходимо установить иную карусель по ссылку, что я указала выше, после скриншотов идет инструкция по установке и после можно ее изменить сделав в два ряда.
#6
Отправлено 24 Май 2014 - 02:06
2)Помогите сейчас с разделом "хиты продаж" на главной,необходимо убрать карусель
#7
Отправлено 24 Май 2014 - 03:12
<!-- Список избранных товаров на главной --> {% IFNOT index_page_favorites_goods_empty %} <div class="autumnshowcase_block group featured_products "> <div class="title_block group"> <h4>Избранные товары</h4> <div class="carousel_controls"> <a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a> <a class="carousel_next" href="#" data-jcarouselcontrol="true"></a> </div> </div> <div class="autumnshowcase_carousel" data-jcarousel="true" data-jcarouselautoscroll="true"> <ul> {% FOR index_page_favorites_goods %} <li class="ajax_block_product item"> <a class="image_link" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_favorites_goods.NAME}"> <img class="product_image" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}"> </a> <div class="product_details"> <h5><a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_favorites_goods.NAME}</a></h5> <div class="price_container"> <span class="price">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</span> {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %} <span class="old-price">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %} <span class="old-price">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div> </div> <div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF index_page_favorites_goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{index_page_favorites_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_favorites_goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF index_page_favorites_goods.OPINION_RATING_CNT_ALL>0 %} <a href="{index_page_favorites_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_favorites_goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{index_page_favorites_goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" /> <!--a class="exclusive" href="" onclick="$('.product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Оформить заказ">В корзину</a--> <a class="exclusive" href="" onclick="quickorder('.product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a> </form> </li> {% ENDFOR index_page_favorites_goods %} </ul> </div> </div> {% ENDIF %} <!-- /Список избранных товаров на главной -->замените на:
<ul class="grid" id="product_list"> {% FOR index_page_favorites_goods %} <li class="elem"> <div> <div class="product_image_wrapper"> <a href="{index_page_favorites_goods.URL | url_amp}" title="{index_page_favorites_goods.NAME}" class="product_img_link"> <img class="product_image" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_favorites_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /> </a> </div> <div class="product_list_details"> <div class="product_list_details_left"> <h5><a href="{index_page_favorites_goods.URL | url_amp}" title="{index_page_favorites_goods.NAME}">{index_page_favorites_goods.NAME}</a></h5> <div class="price_container"> <span class="price">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</span> {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %} <span class="old-price">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %} <span class="old-price">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div> <div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF index_page_favorites_goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{index_page_favorites_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_favorites_goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF index_page_favorites_goods.OPINION_RATING_CNT_ALL>0 %} <a href="{index_page_favorites_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_favorites_goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{index_page_favorites_goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div> <div class="product_list_add_to_cart"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_favorites_index_page_favorites_goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_favorites_index_page_favorites_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_index_page_favorites_goods.MIN_PRICE_NOW_ID}" /> <!--a class="exclusive" href="" onclick="$('.product-form-{index_page_favorites_index_page_favorites_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Оформить заказ">В корзину</a--> <a class="exclusive" href="" onclick="quickorder('.product-form-{index_page_favorites_index_page_favorites_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a> </form> </div> </div> </div> </div> </li> {% ENDFOR %} </ul>
P.S.: можно сделать в два ряда стандартную карусель, только второй ряд товаров будут переходить в первый ряд, что не удобно.
P.S.S.: нашла обновленную улучшенную версию карусели, что мы обсуждали выше, лучше ее используйте:
https://github.com/m...jsCarousel-V2.0
#8
Отправлено 24 Май 2014 - 11:38
#9
Отправлено 26 Май 2014 - 09:04
#10
Отправлено 26 Май 2014 - 11:09
#12
Отправлено 27 Май 2014 - 01:13
Заходим: http://www.egrappler...scarousel-v2-0/
Пролистываем вниз, качаем архив, с него загружаем в редактор шаблонов все кроме:
jsCarousel-2.0.0.htm jquery-1.4.4.min.js
далее все по инструкции по ссылке, подключаете файлы:
<link href="{ASSETS_STYLES_PATH}jsCarousel-2.0.0.css" rel="stylesheet" type="text/css" /> <script src="{ASSETS_JS_PATH}jsCarousel-2.0.0.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('#carouselhAuto').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true, masked: true, itemstodisplay: 5, orientation: 'h' }); }); </script>
далее вставляем конструкцию и все.
#13
Отправлено 27 Май 2014 - 01:29
p.s.надеюсь мне кто-нибудь поможет.....
Еще раз опишу проблему:
Мне необходимо чтобы после карусели с новинками,шли таблицей наименования например из раздела (хиты продаж),а сейчас они отображаются в столбец!
#14
Отправлено 27 Май 2014 - 21:39
arver (27 Май 2014 - 20:49) писал:
Перед внесением изменений сделайте обязательно бэкап шаблона.
Найдите в шаблоне HTML код
<!-- Список избранных товаров на главной --> <ul class="grid" id="product_list"> {% FOR index_page_favorites_goods %} <li class="elem"> <div> <div class="product_image_wrapper"> <a href="{index_page_favorites_goods.URL | url_amp}" title="{index_page_favorites_goods.NAME}" class="product_img_link"> <img class="product_image" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_favorites_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /> </a> </div> <div class="product_list_details"> <div class="product_list_details_left"> <h5><a href="{index_page_favorites_goods.URL | url_amp}" title="{index_page_favorites_goods.NAME}">{index_page_favorites_goods.NAME}</a></h5> <div class="price_container"> <span class="price">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</span> {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %} <span class="old-price">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %} <span class="old-price">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div> <div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF index_page_favorites_goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{index_page_favorites_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_favorites_goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF index_page_favorites_goods.OPINION_RATING_CNT_ALL>0 %} <a href="{index_page_favorites_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_favorites_goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{index_page_favorites_goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div> <div class="product_list_add_to_cart"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_favorites_index_page_favorites_goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_favorites_index_page_favorites_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_index_page_favorites_goods.MIN_PRICE_NOW_ID}" /> <!--a class="exclusive" href="" onclick="$('.product-form-{index_page_favorites_index_page_favorites_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Оформить заказ">В корзину</a--> <a class="exclusive" href="" onclick="quickorder('.product-form-{index_page_favorites_index_page_favorites_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a> </form> </div> </div> </div> </div> </li> {% ENDFOR %} </ul> <!-- /Список избранных товаров на главной -->замените его на
<!-- хиты --> {% IFNOT index_page_favorites_goods %} <div class="grid_view" id="category_view_type"> <div class="group" id="product_list_wrapper"> <div class="grid-container"> <ul class="grid" id="product_list"> {% FOR index_page_favorites_goods %} <li class="elem"> <div> <div class="product_image_wrapper"> <a href="{index_page_favorites_goods.URL | url_amp}" title="{index_page_favorites_goods.NAME}" class="product_img_link"> <img class="product_image" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_favorites_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /> </a> </div> <div class="product_list_details"> <div class="product_list_details_left"> <h5><a href="{index_page_favorites_goods.URL | url_amp}" title="{index_page_favorites_goods.NAME}">{index_page_favorites_goods.NAME}</a></h5> <div class="price_container"> <span class="price">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</span> {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %} <span class="old-price">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %} <span class="old-price">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div> <div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF index_page_favorites_goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{index_page_favorites_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_favorites_goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF index_page_favorites_goods.OPINION_RATING_CNT_ALL>0 %} <a href="{index_page_favorites_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_favorites_goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{index_page_favorites_goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div> <div class="product_list_add_to_cart"> <form action="{CART_ADD_index_page_goods_MODIFICATION_URL | url_amp}" method="post" class="index_page_goodsListItemCatalogueAddToCartButton product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[index_page_favorites_goods_from]" value="{index_page_favorites_goods.index_page_goods_FROM}" /> <input type="hidden" name="form[index_page_favorites_goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" /> <!--a class="ajax_add_to_cart_button add_to_cart_ph" onclick="$('.product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a--> <a class="ajax_add_to_cart_button add_to_cart_ph" onclick="quickorder('.product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстрый заказ">Быстрый заказ</a> </form> </div> <div class="add-to-links"> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_index_page_goods_COMPARE %} <!-- Если не выключен модуль сравнения товаров в настройках магазина --> {% IFNOT SETTINGS_COMPARE_DISABLE %} {% IF index_page_goods.IS_HAS_IN_COMPARE_LIST %} <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a> {% ELSE %} <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&from={index_page_goods.index_page_goods_FROM}&return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a> {% ENDIF %} {% ENDIF %} {% ENDIF %} </div> </div> </div> </div> </li> {% ENDFOR %} </ul></div> </div> </div> {% ENDIF %} <!-- /хиты -->
#15
Отправлено 27 Май 2014 - 22:03
#17
Отправлено 27 Май 2014 - 22:55
arver (27 Май 2014 - 22:30) писал:
<div class="grid_view" id="category_view_type" style="background:#fff;"> <div style="text-align: center;font-size:38px;height:38px;padding-top: 19px;">-Другие пользователи сейчас смотрят-</div>замените его на
<div class="grid_view" id="category_view_type" style="[font=Consolas, 'Lucida Console', monospace][size=3]background:#fff; border-top: 23px solid #fafafa;[/size][/font]"> <div style="text-align: center;font-size:38px;height:38px;padding-top: 19px;">-Другие пользователи сейчас смотрят-</div>Найдите также код
<div style="margin:0 auto; width:908px;"> <div style="margin-top:25px; width:908px;background:#fff;"> <div style="text-align: center;font-size:38px;padding-top: 19px;">-Популярные категории-</div>замените его на
<div style="margin:0 auto; "> <div style="margin-top:25px; background:#fff;"> <div style="text-align: center;font-size:38px;padding-top: 19px;">-Популярные категории-</div>Также найдите в шаблоне style.css код
#category_view_type.grid_view #product_list .product_image_wrapper{position:relative;padding:8px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ; -webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;background:#ffffff}замените его на
#category_view_type.grid_view #product_list .product_image_wrapper{position:relative;padding:8px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ; -webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;background:#ffffff;margin-left:10px;}
#18
Отправлено 28 Май 2014 - 00:44
p.s.сначала подумал непомогло....потом нашел,что перед параметром backrgoung не хватает ";".
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных