Изменение Блоков
#1
Отправлено 17 Январь 2019 - 00:20
sl-467008
1. Возможно ли на всех страницах, включая Главную и Карточку товара сделать видимым слева блок, где размещаются: Каталог, Фильтры, Новости магазина, Избранное, Вы смотрели - именно в таком порядке.
2.Блоки с нам доверяют, получайте подарки, доставим бесплатно убрать вообще.
#2
Отправлено 17 Январь 2019 - 14:16
Как можно меню сверху при прокрутке зафиксировать?
#3
Отправлено 18 Январь 2019 - 01:08
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
{%IF index_page || MOD_LNAME = cart %} <div id="owl-demoAdvanatge" class="advantageIndex owl-carousel owl-theme {% IF index_page_goods_empty=1 %}active{% ENDIF %}"> <div class="item feed"> <div class="ik prices"><span class="fa fa-truck"></span>Доставим бесплатно</div> <div class="advantage_text">Бесплатная доставка ваших заказов от 2000 рублей</div> </div> <div class="item feed"> <div class="ik assort"><span class="fa fa-thumbs-up"></span>Нам доверяют</div> <div class="advantage_text">Гарантия на возврата денег за некачественный товар</div> </div> <div class="item feed"> <div class="ik garanty"><span class="fa fa-gift"></span>Получайте подарки</div> <div class="advantage_text">Система бонусов и подарков за покупки</div> </div> <div class="item feed"> <div class="ik service"><span class="fa fa-thumbs-up"></span>Нам доверяют</div> <div class="advantage_text">Гарантия на возврата денег за некачественный товар</div> </div> <div class="item feed"> <div class="ik mindel"><span class="fa fa-truck"></span>Доставим бесплатно</div> <div class="advantage_text">Бесплатная доставка ваших заказов от 2000 рублей</div> </div> </div> {%ENDIF%}
далее найдите и удалите:
{%IF MOD_LNAME = cart || MOD_LNAME = goods%}style="display:none;"{%ENDIF%}
далее найдите:
<div class="col-right {%IF MOD_LNAME = cart || MOD_LNAME = goods %}fullwidth{%ENDIF%}"> {BODY}
замените на:
<div class="col-right"> {BODY}
далее зайдите в main.css - найдите:
.top_header{background:#29333d;min-height:60px;position:relative;}
замените найдите:
.top_header{background:#29333d;min-height:60px;position:fixed;left: 0; right: 0;z-index: 10;}
далее найдите:
.logo{height:100%;float:left;width:auto;vertical-align:middle;vertical-align:middle;padding:15px 0;}
перед ним вставьте:
#header > .mainwidth {padding-top:60px;}
#4
Отправлено 18 Январь 2019 - 13:25
Vaccina (18 Январь 2019 - 01:08) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
{%IF index_page || MOD_LNAME = cart %} <div id="owl-demoAdvanatge" class="advantageIndex owl-carousel owl-theme {% IF index_page_goods_empty=1 %}active{% ENDIF %}"> <div class="item feed"> <div class="ik prices"><span class="fa fa-truck"></span>Доставим бесплатно</div> <div class="advantage_text">Бесплатная доставка ваших заказов от 2000 рублей</div> </div> <div class="item feed"> <div class="ik assort"><span class="fa fa-thumbs-up"></span>Нам доверяют</div> <div class="advantage_text">Гарантия на возврата денег за некачественный товар</div> </div> <div class="item feed"> <div class="ik garanty"><span class="fa fa-gift"></span>Получайте подарки</div> <div class="advantage_text">Система бонусов и подарков за покупки</div> </div> <div class="item feed"> <div class="ik service"><span class="fa fa-thumbs-up"></span>Нам доверяют</div> <div class="advantage_text">Гарантия на возврата денег за некачественный товар</div> </div> <div class="item feed"> <div class="ik mindel"><span class="fa fa-truck"></span>Доставим бесплатно</div> <div class="advantage_text">Бесплатная доставка ваших заказов от 2000 рублей</div> </div> </div> {%ENDIF%}
далее найдите и удалите:
{%IF MOD_LNAME = cart || MOD_LNAME = goods%}style="display:none;"{%ENDIF%}
далее найдите:
<div class="col-right {%IF MOD_LNAME = cart || MOD_LNAME = goods %}fullwidth{%ENDIF%}"> {BODY}
замените на:
<div class="col-right"> {BODY}
далее зайдите в main.css - найдите:
.top_header{background:#29333d;min-height:60px;position:relative;}
замените найдите:
.top_header{background:#29333d;min-height:60px;position:fixed;left: 0; right: 0;z-index: 10;}
далее найдите:
.logo{height:100%;float:left;width:auto;vertical-align:middle;vertical-align:middle;padding:15px 0;}
перед ним вставьте:
#header > .mainwidth {padding-top:60px;}
Спасибо! Я видимо неправильно выразилась - мне нужно чтобы верхнее меню "ходило" вместе с нами сверху страницы при прокрутке вниз. Как сделать?
#5
Отправлено 18 Январь 2019 - 14:26
#6
Отправлено 18 Январь 2019 - 15:08
#7
Отправлено 22 Январь 2019 - 04:22
Резеда (18 Январь 2019 - 13:25) писал:
Сейчас у вас так и происходит, верхняя панель зафиксирована и двигается вместе со скроллом:
Резеда (18 Январь 2019 - 14:26) писал:
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите и удалите:
<div class="bonus"> <div class="line"><span class="fa fa-truck"></span><span class="bonus_text">Бесплатная доставка товара при заказе от 2000 руб<span class="hr">лей</span>.</span></div> <div class="line"><span class="fa fa-thumbs-up"></span><span class="bonus_text">Гарантия возврата и обмена брака.</span></div> <div class="line"><span class="fa fa-gift"></span><span class="bonus_text">Система бонусов и подарков за покупки.</span></div> </div>
Резеда (18 Январь 2019 - 15:08) писал:
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<!-- Если есть какое-либо описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a> {%ENDIF%} <!--END Если есть какое-либо описание товара --> <!-- Если есть характеристики товара --> {% IFNOT goods_features_empty %} <a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a> {% ENDIF %} <!--END Если есть характеристики товара -->
замените на:
<!-- Если есть характеристики товара --> {% IFNOT goods_features_empty %} <a href="javascript:tabSwitch(2);" id="tab_2" class="active">Характеристики</a> {% ENDIF %} <!--END Если есть характеристики товара -->
далее найдите и удалите:
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <div id="content_1" class="tab-content"> <div class="tab-wrap"> <div> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <div class="htmlDataBlock" itemprop="description"> {GOODS_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_SHORT} </div> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание --> </div> </div> </div> {% ENDIF %}
далее найдите:
title="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><span class="fa fa-clone"></span> <span class="current_text">Добавить в сравнение</span></a> {% ENDIF %} {% ENDIF %} </div> <div class="clear"></div> </div> </div> </form> </div> {%ENDIF%} </div> <div class="clear"></div>
после него вставьте:
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <div class="htmlDataBlock" itemprop="description"> {GOODS_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_SHORT} </div> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание --> {% ENDIF %}
#8
Отправлено 26 Январь 2019 - 18:24
Аккаунт sl-467589
Сообщение отредактировал maslomaslyanoe: 27 Январь 2019 - 11:44
#9
Отправлено 26 Январь 2019 - 18:50
SL-466377
#10
Отправлено 28 Январь 2019 - 14:54
#11
Отправлено 30 Январь 2019 - 05:15
maslomaslyanoe (26 Январь 2019 - 18:24) писал:
Аккаунт sl-467589
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - jquery.slitslider.js - найдите:
// slideshow on / off autoplay : false,
замените на:
// slideshow on / off autoplay : true,
далее зайдите в main.css - найдите:
.slider_nav{position:absolute;bottom:0;height:60px;width:100%;}
замените на:
.slider_nav{position:absolute;bottom:0;height:60px;width:100%;display: none;}
Уточните пожалуйста, о каких разрешениях идет речь?
valeriruss (26 Январь 2019 - 18:50) писал:
SL-466377
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - jquery.slitslider.js - найдите:
// slideshow on / off autoplay : false,
замените на:
// slideshow on / off autoplay : true,
#12
Отправлено 30 Январь 2019 - 12:03
Vaccina (30 Январь 2019 - 05:15) писал:
Зайдите в раздел Сайт - Редактор шаблонов - jquery.slitslider.js - найдите:
// slideshow on / off autoplay : false,
замените на:
// slideshow on / off autoplay : true,
Здравствуйте.
Спасибо.Я не правильно выразился,назвал всё слайдерами.Я ещё хотел карусели на сайте сделать с автопрокруткой.(Товары на главной,Хиты продаж и так далее).
#13
Отправлено 31 Январь 2019 - 08:31
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
$(document).ready(function() { var owl = $("#owl-demoAdvanatge"); owl.owlCarousel({ responsiveClass:true, responsive : { 0 : { items : 1, }, 768 : { items : 2, }, 1024:{ items:3, }, 1220: { items: 3, } }, mouseDrag:false, loop:false, nav:true, autoHeight:true, navText:[], }); }); $(document).ready(function() { var owl = $("#owl-demoRelated"); owl.owlCarousel({ responsiveClass:true, responsive : { 0 : { items : 1, }, 790 : { items : 2, }, 1024:{ items:3, }, 1220: { items: 4, } }, mouseDrag:true, loop:false, nav:true, autoHeight:true, navText:[], }); }); $(document).ready(function() { var owl = $("#owl-demoIndexGoods"); owl.owlCarousel({ responsiveClass:true, responsive : { 0 : { items : 1, }, 767 : { items : 2, }, 1024:{ items:3, }, 1770: { items: 4, } }, mouseDrag:true, loop:false, nav:true, autoHeight:true, navText:[], }); }); $(document).ready(function() { var owl = $("#owl-demoIndexNewGoods"); owl.owlCarousel({ responsiveClass:true, responsive : { 0 : { items : 1, }, 767 : { items : 2, }, 1024:{ items:3, }, 1770: { items: 4, } }, mouseDrag:true, loop:false, nav:true, autoHeight:true, navText:[], }); }); $(document).ready(function() { var owl = $("#owl-demoIndexFavoriteGoods"); owl.owlCarousel({ responsiveClass:true, responsive : { 0 : { items : 1, }, 767 : { items : 2, }, 1024:{ items:3, }, 1770: { items: 1, } }, mouseDrag:true, loop:false, nav:true, autoHeight:true, navText:[], }); });
замените на:
$(document).ready(function() { var owl = $("#owl-demoAdvanatge"); owl.owlCarousel({ responsiveClass:true, responsive : { 0 : { items : 1, }, 768 : { items : 2, }, 1024:{ items:3, }, 1220: { items: 3, } }, mouseDrag:false, loop:true, nav:true, autoHeight:true, navText:[], autoplay:true, autoplayTimeout:2000, autoplayHoverPause:true }); }); $(document).ready(function() { var owl = $("#owl-demoRelated"); owl.owlCarousel({ responsiveClass:true, responsive : { 0 : { items : 1, }, 790 : { items : 2, }, 1024:{ items:3, }, 1220: { items: 4, } }, mouseDrag:true, loop:true, nav:true, autoHeight:true, navText:[], autoplay:true, autoplayTimeout:2000, autoplayHoverPause:true }); }); $(document).ready(function() { var owl = $("#owl-demoIndexGoods"); owl.owlCarousel({ responsiveClass:true, responsive : { 0 : { items : 1, }, 767 : { items : 2, }, 1024:{ items:3, }, 1770: { items: 4, } }, mouseDrag:true, loop:true, nav:true, autoHeight:true, navText:[], autoplay:true, autoplayTimeout:2000, autoplayHoverPause:true }); }); $(document).ready(function() { var owl = $("#owl-demoIndexNewGoods"); owl.owlCarousel({ responsiveClass:true, responsive : { 0 : { items : 1, }, 767 : { items : 2, }, 1024:{ items:3, }, 1770: { items: 4, } }, mouseDrag:true, loop:true, nav:true, autoHeight:true, navText:[], autoplay:true, autoplayTimeout:2000, autoplayHoverPause:true }); }); $(document).ready(function() { var owl = $("#owl-demoIndexFavoriteGoods"); owl.owlCarousel({ responsiveClass:true, responsive : { 0 : { items : 1, }, 767 : { items : 2, }, 1024:{ items:3, }, 1770: { items: 1, } }, mouseDrag:true, loop:true, nav:true, autoHeight:true, navText:[], autoplay:true, autoplayTimeout:2000, autoplayHoverPause:true }); });
#14
Отправлено 31 Январь 2019 - 16:05
#15
Отправлено 02 Февраль 2019 - 14:36
Можно ли вместо карусели "доставим, гарантии, бонусы" на главной сделать карусель "наши партнеры", в которой будут отображаться логотипы?
#16
Отправлено 07 Февраль 2019 - 01:41
maslomaslyanoe (02 Февраль 2019 - 14:36) писал:
Можно ли вместо карусели "доставим, гарантии, бонусы" на главной сделать карусель "наши партнеры", в которой будут отображаться логотипы?
Здравствуйте.Мне тоже интересен этот вопрос.Как можно вставить в эту карусель картинки свои или логотипы вместо текста.
#17
Отправлено 09 Февраль 2019 - 07:14
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="item feed"> <div class="ik prices"><span class="fa fa-truck"></span>Доставим бесплатно</div> <div class="advantage_text">Бесплатная доставка ваших заказов от 2000 рублей</div> </div> <div class="item feed"> <div class="ik assort"><span class="fa fa-thumbs-up"></span>Нам доверяют</div> <div class="advantage_text">Гарантия на возврата денег за некачественный товар</div> </div> <div class="item feed"> <div class="ik garanty"><span class="fa fa-gift"></span>Получайте подарки</div> <div class="advantage_text">Система бонусов и подарков за покупки</div> </div> <div class="item feed"> <div class="ik service"><span class="fa fa-thumbs-up"></span>Нам доверяют</div> <div class="advantage_text">Гарантия на возврата денег за некачественный товар</div> </div> <div class="item feed"> <div class="ik mindel"><span class="fa fa-truck"></span>Доставим бесплатно</div> <div class="advantage_text">Бесплатная доставка ваших заказов от 2000 рублей</div> </div>
замените на:
<div class="item feed"> <img src="{ASSETS_IMAGES_PATH}slide_1.jpg" alt="" title="" /> </div> <div class="item feed"> <img src="{ASSETS_IMAGES_PATH}slide_1.jpg" alt="" title="" /> </div> <div class="item feed"> <img src="{ASSETS_IMAGES_PATH}slide_1.jpg" alt="" title="" /> </div> <div class="item feed"> <img src="{ASSETS_IMAGES_PATH}slide_1.jpg" alt="" title="" /> </div> <div class="item feed"> <img src="{ASSETS_IMAGES_PATH}slide_1.jpg" alt="" title="" /> </div>
Вместо slide_1.jpg укажите имя файла вашего изображения, сами картинки загрузите в раздел Сайт - Редактор шаблонов.
#18
Отправлено 09 Февраль 2019 - 14:54
Vaccina (09 Февраль 2019 - 07:14) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="item feed"> <div class="ik prices"><span class="fa fa-truck"></span>Доставим бесплатно</div> <div class="advantage_text">Бесплатная доставка ваших заказов от 2000 рублей</div> </div> <div class="item feed"> <div class="ik assort"><span class="fa fa-thumbs-up"></span>Нам доверяют</div> <div class="advantage_text">Гарантия на возврата денег за некачественный товар</div> </div> <div class="item feed"> <div class="ik garanty"><span class="fa fa-gift"></span>Получайте подарки</div> <div class="advantage_text">Система бонусов и подарков за покупки</div> </div> <div class="item feed"> <div class="ik service"><span class="fa fa-thumbs-up"></span>Нам доверяют</div> <div class="advantage_text">Гарантия на возврата денег за некачественный товар</div> </div> <div class="item feed"> <div class="ik mindel"><span class="fa fa-truck"></span>Доставим бесплатно</div> <div class="advantage_text">Бесплатная доставка ваших заказов от 2000 рублей</div> </div>
замените на:
<div class="item feed"> <img src="{ASSETS_IMAGES_PATH}slide_1.jpg" alt="" title="" /> </div> <div class="item feed"> <img src="{ASSETS_IMAGES_PATH}slide_1.jpg" alt="" title="" /> </div> <div class="item feed"> <img src="{ASSETS_IMAGES_PATH}slide_1.jpg" alt="" title="" /> </div> <div class="item feed"> <img src="{ASSETS_IMAGES_PATH}slide_1.jpg" alt="" title="" /> </div> <div class="item feed"> <img src="{ASSETS_IMAGES_PATH}slide_1.jpg" alt="" title="" /> </div>
Вместо slide_1.jpg укажите имя файла вашего изображения, сами картинки загрузите в раздел Сайт - Редактор шаблонов.
Спасибо,а размер картинок какой использовать?
#19
Отправлено 11 Февраль 2019 - 04:43
Изображения будут адаптироваться под блок в карусели, можете увеличить из зайдя в раздел Сайт - Редактор шаблонов - main.css - удалив:
.advantageIndex .owl-item .item{max-width:300px;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных