Меню, Слайдер
#21
Отправлено 29 Август 2017 - 13:06
Заранее спасибо, в мобильной версии оставить все как есть
#22
Отправлено 30 Август 2017 - 13:43
bscgroup (29 Август 2017 - 13:06) писал:
Заранее спасибо, в мобильной версии оставить все как есть
<!-- /END Шапка --> <div id="slideshow"> <div id="slider"> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> </div> </div>
замените на
<!-- /END Шапка --> <div class="aria_banner"> <div class="col-md-6 col-xs-12 aria_banner_left"><div id="slideshow"> <div id="slider"> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> </div> </div></div> <div class="col-md-6 col-xs-12 aria_banner_right"> <div class="aria_banner_siler"> <div id="slideshow"> <div id="slider"> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> </div> </div> </div> <div class="aria_banner_img"> <div id="slideshow"> <div id="slider"> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> </div> </div> </div> </div> </div>
в файле main.css найдите код
#slideshow #slider .item-html {position: absolute;top: 30%;left: 0;text-align: right;width: 100%;z-index: 9;}замените на
#slideshow #slider .item-html {position: absolute;top: 30%;left: -86%;text-align: right;width: 100%;z-index: 9;}
Далее найдите
.text-border {display: inline-block;position: relative;text-align: center;padding: 20px 45px 35px 45px;border-bottom: 5px solid #fce3bd;border-top: none;text-transform: uppercase;overflow: hidden;}замените на
.text-border {display: inline-block;position: relative;text-align: center;padding: 0;border-bottom: 5px solid #fce3bd;border-top: none;text-transform: uppercase;overflow: hidden;}
высота первого слайдера зависит от изображений.
#23
Отправлено 30 Август 2017 - 13:50
Ирина345 (30 Август 2017 - 13:43) писал:
<!-- /END Шапка --> <div id="slideshow"> <div id="slider"> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> </div> </div>
замените на
<!-- /END Шапка --> <div class="aria_banner"> <div class="col-md-6 col-xs-12 aria_banner_left"><div id="slideshow"> <div id="slider"> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> </div> </div></div> <div class="col-md-6 col-xs-12 aria_banner_right"> <div class="aria_banner_siler"> <div id="slideshow"> <div id="slider"> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> </div> </div> </div> <div class="aria_banner_img"> <div id="slideshow"> <div id="slider"> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> </div> </div> </div> </div> </div>
в файле main.css найдите код
#slideshow #slider .item-html {position: absolute;top: 30%;left: 0;text-align: right;width: 100%;z-index: 9;}замените на
#slideshow #slider .item-html {position: absolute;top: 30%;left: -86%;text-align: right;width: 100%;z-index: 9;}
Далее найдите
.text-border {display: inline-block;position: relative;text-align: center;padding: 20px 45px 35px 45px;border-bottom: 5px solid #fce3bd;border-top: none;text-transform: uppercase;overflow: hidden;}замените на
.text-border {display: inline-block;position: relative;text-align: center;padding: 0;border-bottom: 5px solid #fce3bd;border-top: none;text-transform: uppercase;overflow: hidden;}
высота первого слайдера зависит от изображений.
#24
Отправлено 30 Август 2017 - 13:57
<div class="container">
<div class="text-border">
<h2>Beauty Shop Company</h2>
<h3>Будь красивой</h3>
<a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
</div>) на главном фоне более не где ее быть не должно (убрать элементы со всех слайдов) С лева слайдер должен быть по вертекали в высоту, слайды сам добавлю. между банерами убрать пробелы и сделать рамку разделяющую все.
И мобильную версию вернуть какая была.
#25
Отправлено 30 Август 2017 - 16:07
bscgroup (30 Август 2017 - 13:50) писал:
bscgroup (30 Август 2017 - 13:57) писал:
<div class="container">
<div class="text-border">
<h2>Beauty Shop Company</h2>
<h3>Будь красивой</h3>
<a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
</div>) на главном фоне более не где ее быть не должно (убрать элементы со всех слайдов) С лева слайдер должен быть по вертекали в высоту, слайды сам добавлю. между банерами убрать пробелы и сделать рамку разделяющую все.
И мобильную версию вернуть какая была.
</div> <!-- Баннеры --> {% IF index_page %} <div id="banner">
замените на
<div class="clear"></div> </div> <!-- Баннеры --> {% IF index_page %} <div id="banner">далее найдите в файле msin.css
#slideshow #slider .item-html {position: absolute;top: 30%;left: -86%;text-align: right;width: 100%;z-index: 9;}замените на
#slideshow #slider .item-html { position: absolute; top: 68%; right: 68%; text-align: right; width: 100%; z-index: 9; }
#26
Отправлено 31 Август 2017 - 08:35
Ирина345 (30 Август 2017 - 16:07) писал:
Найдите в шаблоне HTML
</div> <!-- Баннеры --> {% IF index_page %} <div id="banner">
замените на
<div class="clear"></div> </div> <!-- Баннеры --> {% IF index_page %} <div id="banner">далее найдите в файле msin.css
#slideshow #slider .item-html {position: absolute;top: 30%;left: -86%;text-align: right;width: 100%;z-index: 9;}замените на
#slideshow #slider .item-html { position: absolute; top: 68%; right: 68%; text-align: right; width: 100%; z-index: 9; }
Просил же.........что мне нужен правый верхний слайдер убрать, а вместо него поставить эту рамку
<div class="container">
<div class="text-border">
<h2>Beauty Shop Company</h2>
<h3>Будь красивой</h3>
<a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
</div>)
и все слайдера соеденить рамкой, что бы не было пробелов между ними.
из всех слайдер ее же убрать
И мобильную версию вернуть какая была 29 числа.
Ответьте пожалуйста полностью на мои проблемы - не частично !
#27
Отправлено 01 Сентябрь 2017 - 02:09
#28
Отправлено 01 Сентябрь 2017 - 05:19
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="aria_banner_siler"> <div id="slideshow"> <div id="slider"> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> </div> </div> </div>
замените на:
<div class="aria_banner_siler"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div>
Далее зайдите в main.css - найдите:
/*** Слайдер ***/ #slideshow {position: relative;margin-bottom: 6px;} #slideshow .owl-carousel .owl-stage {text-align: center;}
перед ним поставьте:
.aria_banner > div.aria_banner_left{padding-right: 0;} .aria_banner > div.aria_banner_right{padding-left: 0;} .aria_banner > div.aria_banner_right .aria_banner_siler {padding:12.5% 0; background: #fff;} .aria_banner > div.aria_banner_right .aria_banner_siler .text-border{margin: 0;width:100%;}
Уточните пожалуйста, какое отображение было в мобильной версии? Прикрепите пожалуйста скриншот.
#29
Отправлено 01 Сентябрь 2017 - 08:15
Vaccina (01 Сентябрь 2017 - 05:19) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="aria_banner_siler"> <div id="slideshow"> <div id="slider"> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" > <div class="item-html"> <div class="container"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div> </div> </div> </div> </div> </div>
замените на:
<div class="aria_banner_siler"> <div class="text-border"> <h2>Beauty Shop Company</h2> <h3>Будь красивой</h3> <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a> </div> </div>
Далее зайдите в main.css - найдите:
/*** Слайдер ***/ #slideshow {position: relative;margin-bottom: 6px;} #slideshow .owl-carousel .owl-stage {text-align: center;}
перед ним поставьте:
.aria_banner > div.aria_banner_left{padding-right: 0;} .aria_banner > div.aria_banner_right{padding-left: 0;} .aria_banner > div.aria_banner_right .aria_banner_siler {padding:12.5% 0; background: #fff;} .aria_banner > div.aria_banner_right .aria_banner_siler .text-border{margin: 0;width:100%;}
Уточните пожалуйста, какое отображение было в мобильной версии? Прикрепите пожалуйста скриншот.
Мне нужно что бы в полной версии между сладерами по контуру была рамочка типа обводки товаров только чутка толше.
#30
Отправлено 01 Сентябрь 2017 - 14:25
#31
Отправлено 01 Сентябрь 2017 - 14:27
bscgroup (01 Сентябрь 2017 - 08:15) писал:
Мне нужно что бы в полной версии между сладерами по контуру была рамочка типа обводки товаров только чутка толше.
<div class="col-md-6 col-xs-12 aria_banner_left"><div id="slideshow"> <div id="slider"> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1111.jpg?design=newyear" > </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2222.jpg?design=newyear" > </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1111.jpg?design=newyear" > </div> </div> </div></div> <div class="col-md-6 col-xs-12 aria_banner_right">
замените на
<div class="col-md-6 col-xs-6 aria_banner_left"><div id="slideshow"> <div id="slider"> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1111.jpg?design=newyear" > </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2222.jpg?design=newyear" > </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1111.jpg?design=newyear" > </div> </div> </div></div> <div class="col-md-6 col-xs-6 aria_banner_right">что бы добавить рамку, добавьте в конец файла main.css код
#slideshow { border: 4px double #f50056; }
#32
Отправлено 01 Сентябрь 2017 - 14:36
Ирина345 (01 Сентябрь 2017 - 14:27) писал:
<div class="col-md-6 col-xs-12 aria_banner_left"><div id="slideshow"> <div id="slider"> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1111.jpg?design=newyear" > </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2222.jpg?design=newyear" > </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1111.jpg?design=newyear" > </div> </div> </div></div> <div class="col-md-6 col-xs-12 aria_banner_right">
замените на
<div class="col-md-6 col-xs-6 aria_banner_left"><div id="slideshow"> <div id="slider"> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1111.jpg?design=newyear" > </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2222.jpg?design=newyear" > </div> <div class="slider-item-1 "> <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1111.jpg?design=newyear" > </div> </div> </div></div> <div class="col-md-6 col-xs-6 aria_banner_right">что бы добавить рамку, добавьте в конец файла main.css код
#slideshow { border: 4px double #f50056; }
. Заранее спасибо
#33
Отправлено 01 Сентябрь 2017 - 14:44
bscgroup (01 Сентябрь 2017 - 14:36) писал:
. Заранее спасибо
Здравствуйте.
В шаблоне main.css найдите код (строка 1129):
#slideshow {padding-bottom: 0;margin: 0;}
Замените на:
#slideshow {padding-bottom: 0;margin: 0;display: none;}
#34
Отправлено 01 Сентябрь 2017 - 14:49
Firefly (01 Сентябрь 2017 - 14:44) писал:
В шаблоне main.css найдите код (строка 1129):
#slideshow {padding-bottom: 0;margin: 0;}
Замените на:
#slideshow {padding-bottom: 0;margin: 0;display: none;}
#35
Отправлено 01 Сентябрь 2017 - 15:46
#36
Отправлено 01 Сентябрь 2017 - 16:31
bscgroup (01 Сентябрь 2017 - 14:49) писал:
Для скрытия первого слайдера нужно выполнить инструкцию из сообщения выше и далее после исправленного кода добавить код:
.aria_banner > div.aria_banner_right .aria_banner_siler {padding: 2.5% 0;}
#37
Отправлено 02 Сентябрь 2017 - 00:00
Firefly (01 Сентябрь 2017 - 16:31) писал:
.aria_banner > div.aria_banner_right .aria_banner_siler {padding: 2.5% 0;}
#38
Отправлено 02 Сентябрь 2017 - 07:11
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {
после него пропишите:
.aria_banner > div.aria_banner_right{padding: 0;width: 100%;text-align: center;} .aria_banner > div.aria_banner_right .aria_banner_siler {display: inline-block;width: 94%;padding: 0;} .text-border h2 {padding: 0px;} .aria_banner > div.aria_banner_right .aria_banner_img #slideshow{display: block;width: 94%;margin: 0 auto;}
#40
Отправлено 24 Декабрь 2017 - 12:59
Tanomy (24 Декабрь 2017 - 10:05) писал:
Здравствуйте.
Изображения для каталогов Вашего интернет-магазина Вы сможете поставить непосредственно в бэк-офисе Вашего интернет-магазина, в разделе Товары -> Товары, нажав правой кнопкой на требуемые Вам каталоги из блока: "Каталог товаров на сайте" и выбрав там пункт: "Настроить", после чего Вы сможете добавить требуемые Вам изображения для конкретных каталогов.
Проверьте, пожалуйста.
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных