Внести Изменения В Шаблон
#1
Отправлено 07 Июнь 2017 - 10:39
Помоги,пожалуйста, подправить шаблон
1. в каталоге с левой стороны добавить фильтр по товарам
2. в каталоге при выборе товара убрать быстрый заказ и просмотр товара
3. изменить колокольчики на другой рисунок
4. убрать количество товаров в списке каталога
уточнение на фото
Спасибо за помощь!))
#2
Отправлено 07 Июнь 2017 - 13:39
Mave (07 Июнь 2017 - 10:39) писал:
Помоги,пожалуйста, подправить шаблон
1. в каталоге с левой стороны добавить фильтр по товарам
2. в каталоге при выборе товара убрать быстрый заказ и просмотр товара
3. изменить колокольчики на другой рисунок
4. убрать количество товаров в списке каталога
уточнение на фото
Спасибо за помощь!))
1) Добавьте к товарам характеристики, а после в настройках каждой категории добавьте фильтры(по характеристикам и свойствам).
2) В конец main.css добавьте
.products-grid .item .product-shop .actions .addtocart, .products-grid .item .product-shop .actions .add-to-links a.quickview { display: none; }3) На сайте http://fontawesome.io/icons/ выберите иконку и пришлите ее название.
4) В шаблоне html найдите и удалите строку
{% IF catalog_full.GOODS_COUNT>0 %}<span class="count">{catalog_full.GOODS_COUNT}</span>{% ELSEIF catalog_full.BRANCH_GOODS_COUNT>0 %}<span class="count">{catalog_full.BRANCH_GOODS_COUNT}</span>{% ENDIF %}
#3
Отправлено 07 Июнь 2017 - 15:59
1. получается что фильтр нельзя добавить на весь каталог, только на отдельные категории?
2.вместо колокольчиков хотелось красотульку какую нить вставить, стандартные иконки не в тему
3. подскажите как передвигать рамку на баннере на главной ("белье для детей и взрослых" и кнопка каталог)?
4. в подвале иконки соцсетей - можно их убрать оставив парочку?
#4
Отправлено 09 Июнь 2017 - 19:48
#5
Отправлено 10 Июнь 2017 - 06:46
Mave (07 Июнь 2017 - 15:59) писал:
1. получается что фильтр нельзя добавить на весь каталог, только на отдельные категории?
2.вместо колокольчиков хотелось красотульку какую нить вставить, стандартные иконки не в тему
3. подскажите как передвигать рамку на баннере на главной ("белье для детей и взрослых" и кнопка каталог)?
4. в подвале иконки соцсетей - можно их убрать оставив парочку?
1. Все верно, можно создать скрытую категорию, добавить ей фильтры и отдельно вывести в каталог товаров, такой вариант вас устроит?
2. Выберите пожалуйста шрифтовую иконку или загрузить и укажите нам название картинки иконки для замены.
3. Уточните в какую сторону вы хотите ее передвинуть? Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#slideshow #slider .item-html { position: absolute; top: 30%; left: 0; text-align: right; width: 100%; z-index: 9; }
в данном коде изменяйте значения стилей left и top для перемещения блока.
4. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Соц. сети --> <div class="social-links"> <a class="vk" href="https://vk.com/" title="VK.com" target="_blank"><i class="fa fa-vk"></i><span>vk</span></a> <a class="instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><i class="fa fa-instagram"></i><span>instagram</span></a> </div>
удалите ненужные кнопки.
#6
Отправлено 10 Июнь 2017 - 18:47
#8
Отправлено 12 Июнь 2017 - 20:29
Mave (12 Июнь 2017 - 19:53) писал:
1. в карточек товара чтобы отображался каталог
2. убрать рейтинг
3. убрать быстрый заказ
4. скрыть характеристики
Здравствуйте.
В данном случае на вашем сайте необходимо произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:
.ratings { display: inline-block; font-size: 11px; line-height: 1; }
И замените его вот этим вот кодом:
.ratings { display: none; font-size: 11px; line-height: 1; }
После чего в том же шаблоне найдите, пожалуйста, следующий код:
.btn-primary.button2 { background-color: #fce3bd; color: rgba(0, 0, 0, 0); }
И замените его вот этим кодом:
.btn-primary.button2 { background-color: #fce3bd; color: rgba(0, 0, 0, 0); display: none; }
Далее в шаблоне Товар найдите, пожалуйста, данный код:
<!-- Основные вкладки описаний товара --> <div class="product-tabs f-fix clear"> <ul class="tabs"> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %} {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %} {% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li>{% ENDIF %} {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %} </ul> <div class="content">
И замените его вот этим вот кодом:
<!-- Основные вкладки описаний товара --> <div class="product-tabs f-fix clear"> <ul class="tabs"> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %} {% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li>{% ENDIF %} {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %} </ul> <div class="content">
#10
Отправлено 13 Июнь 2017 - 16:43
Mave (13 Июнь 2017 - 16:30) писал:
пункт 1 повторю - как сделать что бы в карточке товара тоже видно было каталог.
и еще в каталоге убрать фильтр по цене
Здравствуйте.
В шаблоне Товар код:
<div class="product-shop col-lg-7 col-md-6 col-sm-12 col-xs-12">
Заменил на:
<div class="product-shop col-lg-8 col-md-6 col-sm-12 col-xs-12">
Код:
<div class="product-img-box col-lg-5 col-md-6 col-sm-12 col-xs-12">
Заменил на:
<div class="product-img-box col-lg-4 col-md-6 col-sm-12 col-xs-12">
В шаблоне HTML код:
<div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">
Заменил на:
<div class="{% IF MOD_LNAME = catalog || MOD_LNAME = goods || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">
Код:
{% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}
Заменил на:
{% IF MOD_LNAME = catalog || MOD_LNAME = goods || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}
А так же в шаблоне Товары удалил код:
<!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="filters-price"> <div class="title">Фильтры по ценам</div> <div class="layout-slider"> <input id="goods-filter-min-price" class="inputText" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" min="1" onkeypress="return keyPress(this, event);" onpaste="return false;" /> <span class="price-separator">-</span> <input id="goods-filter-max-price" class="inputText" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" min="1" onkeypress="return keyPress(this, event);" onpaste="return false;" /> <input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" /> <input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" /> <!-- Фильтры по цене --> <div class="goodsFilterPriceRangePointers"> <span class="min" style="display:none;">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span> <span class="max" style="display:none;">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span> </div> <div id="goods-filter-price-slider"></div> <div class="goodsFilterPriceSubmit"> <button class="button button2" type="submit" title="Показать">Показать</button> </div> </div> </div> {% ENDIF %} <!-- /END Если есть возможность фильтрации товаров по ценам -->
Перед:
<!-- Основные Фильтры -->
Проверьте, пожалуйста
#11
Отправлено 13 Июнь 2017 - 17:57
#14
Отправлено 17 Июнь 2017 - 10:47
Mave (16 Июнь 2017 - 19:56) писал:
В карточке товара подвинуть наличие и размер, а картинку товара сделать больше. Дополнительные картинки хотелось бы разместить под основным фото, а не с левой стороны
Здравствуйте.
В шаблоне main.css код:
.product-view .product-img-box .product-image {margin: 0 0 0 100px;} .product-view .product-img-box .product-image .general-img {position: relative;text-align: center;min-height: 200px;} .product-view .product-img-box .product-image .general-img img {display: block;max-width: 100%;margin: 0 auto;} .product-img-box .more-views {width: 82px;position: relative;float: left;top: 0px;left: 0px;z-index: 1;} .product-img-box .more-views .slide-control {display: block;position: absolute;margin: 0 0 0 -1px;width: 84px;height: 21px;line-height: 20px;left: 0;right: auto;cursor: pointer;z-index: 9;background-color: #c1c1c1;opacity: 0.5;color: #fff;text-align: center;font-family: fontawesome;font-size: 14px;} .product-img-box .more-views .slide-control:hover {opacity: 1;} .product-img-box .more-views .slide-control.hide, .product-img-box .more-views .slide-control.hide.hide2 {display: none;} .product-img-box .more-views .prev {bottom: auto;top: 0;} .product-img-box .more-views .prev:before {content: "\f106";} .product-img-box .more-views .next {top: auto;bottom: 0;} .product-img-box .more-views .next:before {content: "\f107";}
Заменил на:
/*.product-view .product-img-box .product-image {margin: 0 0 0 100px;}*/ .product-view .product-img-box .product-image .general-img {position: relative;text-align: center;min-height: 200px;} .product-view .product-img-box .product-image .general-img img {display: block;max-width: 100%;margin: 0 auto;} .product-img-box .more-views {width: 100%;position: relative;float: left;top: 0px;left: 0px;z-index: 1;} .product-img-box .more-views .slide-control {display: block;position: absolute;width: 21px;height: 84px;cursor: pointer;z-index: 9;background-color: #c1c1c1;opacity: 0.5;color: #fff;text-align: center;font-family: fontawesome;font-size: 14px;} .product-img-box .more-views .slide-control:hover {opacity: 1;} .product-img-box .more-views .slide-control.hide, .product-img-box .more-views .slide-control.hide.hide2 {display: none;} .product-img-box .more-views .prev {bottom: auto;left:0;} .product-img-box .more-views .prev:before {content: "\f0a8";} .product-img-box .more-views .next {top: auto;right: 0;} .product-img-box .more-views .next:before {content: "\f0a9";}
В шаблоне main.js код:
setTimeout(function() { $(".thumblist").lightSlider({ easing: 'cubic-bezier(0.25, 0, 0.25, 1)', speed: 600, auto: false, gallery: true, loop: true, rtl: false, enableDrag: true, enableTouch: true, item: 4, thumbMargin: 10, slideMove: 2, slideEndAnimation: false, pager: false, responsive: [ // RESPONSIVE CHO Vertical { breakpoint: 641, settings: {item: 2,} }, { breakpoint: 481, settings: {item: 1,thumbMargin: 0,} } ], onSliderLoad: function (el) { if(el.getTotalSlideCount() < 2){ $('.more-views').hide(); $('.product-img-box .product-image').css("margin", "0"); } if(el.getTotalSlideCount() < 3){ $('.more-views .slide-control').addClass('hide2'); } if(el.getTotalSlideCount() < 4){ $('.more-views .slide-control').addClass('hide'); } $('.more-views').removeClass('fadeout'); $('.more-views').addClass('fadein'); } }) }, 0);
Заменил на:
setTimeout(function() { $(".thumblist").lightSlider({ easing: 'cubic-bezier(0.25, 0, 0.25, 1)', speed: 600, auto: false, gallery: true, loop: true, rtl: false, enableDrag: true, enableTouch: true, item: 4, thumbMargin: 10, slideMove: 2, slideEndAnimation: false, pager: false, onSliderLoad: function (el) { if(el.getTotalSlideCount() < 2){ $('.more-views').hide(); $('.product-img-box .product-image').css("margin", "0"); } if(el.getTotalSlideCount() < 3){ $('.more-views .slide-control').addClass('hide2'); } if(el.getTotalSlideCount() < 4){ $('.more-views .slide-control').addClass('hide'); } $('.more-views').removeClass('fadeout'); $('.more-views').addClass('fadein'); } }) }, 0);
В шаблоне Товар перенес код:
<!-- Другие изображения товара. Отображаются если есть изображения товара --> {% IFNOT goods_images_empty %} <div class="more-views fadeout"> <div class="slide-control prev"></div> <div class="slide-control next"></div> <ul class="thumblist"> {% FOR goods_images %} <li><a href="#" data-image="{goods_images.LARGE}" title="{goods_images.NAME}" data="{goods_images.ID}" class="thumblisticon"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" class="goods-image-icon" itemprop="image" /></a></li> {% ENDFOR %} </ul> </div> {% ENDIF %}
Код:
<div class="product-img-box col-lg-4 col-md-6 col-sm-12 col-xs-12">
Заменил на:
<div class="product-img-box col-lg-5 col-md-6 col-sm-12 col-xs-12">
Код:
<div class="product-shop col-lg-8 col-md-6 col-sm-12 col-xs-12">
Заменил на:
<div class="product-shop col-lg-7 col-md-6 col-sm-12 col-xs-12">
Код:
<div class="product-content col-lg-8 col-xs-12">
Заменил на:
<div class="product-content col-lg-7 col-xs-12">
Код:
<div class="product-price col-lg-4 col-xs-12">
Заменил на:
<div class="product-price col-lg-5 col-xs-12">
Проверьте результат, пожалуйста.
#15
Отправлено 17 Июнь 2017 - 16:33
#16
Отправлено 21 Июнь 2017 - 09:59
1. под логотипом добавить еще один пункт (в идеале в том же стиле сделать как меню,контакты..) - который будет ссылаться на одну из категорий каталога
2. поменять цвет у стрелки - очень бледная
3. в этом фильтре убрать некоторые позиции отбора
4. в фильтре по цвету можно ли добавить квадратики цветные слева от слова
Заранее спасибо за помощь)
#17
Отправлено 21 Июнь 2017 - 12:34
Mave (21 Июнь 2017 - 09:59) писал:
1. под логотипом добавить еще один пункт (в идеале в том же стиле сделать как меню,контакты..) - который будет ссылаться на одну из категорий каталога
2. поменять цвет у стрелки - очень бледная
3. в этом фильтре убрать некоторые позиции отбора
4. в фильтре по цвету можно ли добавить квадратики цветные слева от слова
Заранее спасибо за помощь)
<!--Пункт--> <div class="item toggle_menu_wrap"> <a href="" class="toggle_menu "> <!--<span class="title">Пункт</span>--> </a> </div>замените его на
<!--Пункт--> <div class="item toggle_menu_wrap"> <a href="#" class="toggle_menu "> <span class="title">Пункт</span> </a> </div>вместо # укажите ссылку
Текст "пункт" замените на свой
2. В main.css замените
#banner .navigation a {position: absolute;top: 32%;margin: 0 50px;}на
#banner .navigation a {position: absolute;top: 32%;margin: 0 50px;color: #000000;}3.В шаблоне Товары заменил код
<!-- Сортировать по: (Поле сортировки товаров по умолчанию) --> <div class="sort-by"> <label>Сортировать по:</label> <select name="goods_search_field_id" class="selectBox" title="Название сортировки" onchange="this.form.submit();"> {% FOR goods_order_fields %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option> {% ENDFOR %} </select> </div> <!-- /END Сортировать по: -->на:
<!-- Сортировать по: (Поле сортировки товаров по умолчанию) --> <div class="sort-by"> <label>Сортировать по:</label> <select name="goods_search_field_id" class="selectBox" title="Название сортировки" onchange="this.form.submit();"> {% FOR goods_order_fields %} {% IF goods_order_fields.ID <= 6 || goods_order_fields.ID >= 13 %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option> {% ENDIF %} {% ENDFOR %} </select> </div> <!-- /END Сортировать по: -->
#18
Отправлено 21 Июнь 2017 - 14:00
<!--Пункт-->
<div class="item toggle_menu_wrap">
<a href="" class="toggle_menu ">
<!--<span class="title">Пункт</span>-->
</a>
</div>
замените его на
<!--Пункт-->
<div class="item toggle_menu_wrap">
<a href="#" class="toggle_menu ">
<span class="title">Пункт</span>
</a>
</div>
вместо # укажите ссылку
Текст "пункт" замените на свой
что-то не очень получилось(((
то слово есть, то нет, как ссылка не работает - просто пропадает. может я что-то напутала....
#19
Отправлено 21 Июнь 2017 - 14:37
Mave (21 Июнь 2017 - 14:00) писал:
<!--Пункт-->
<div class="item toggle_menu_wrap">
<a href="" class="toggle_menu ">
<!--<span class="title">Пункт</span>-->
</a>
</div>
замените его на
<!--Пункт-->
<div class="item toggle_menu_wrap">
<a href="#" class="toggle_menu ">
<span class="title">Пункт</span>
</a>
</div>
вместо # укажите ссылку
Текст "пункт" замените на свой
что-то не очень получилось(((
то слово есть, то нет, как ссылка не работает - просто пропадает. может я что-то напутала....
заменил блок в шаблоне HTML на
<!--Пункт--> <div class="item toggle_menu_wrap1"> <a href="http://son-grad.ru/catalog/Rasprodazha" class="toggle_menu1 fa fa-percent"> <span class="title">Распродажа</span> </a> </div>добавил стили для данного блока в main.css
/**/ #header .toggle_menu_wrap1 {display: inline-block;position: relative;z-index: 11;} #header .toggle_menu_wrap1.active {z-index: 99;} #header .toggle_menu_wrap1 .toggle_menu1 .title {display: inline-block;vertical-align: top;line-height: 30px;margin-left: 15px;font-size: 16px;text-transform: uppercase;} #header .toggle_menu1:before {color: #d6b46b;font-size: 30px;} #header .toggle_menu1:hover:before, #header .toggle_menu.active:before {color: #f50056;} /* Меню */
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных