Как Убрать Слайд?
#1
Отправлено 10 Июнь 2018 - 17:41
Как я могу убрать зеленое поле на главной странице, а слайд, находящийся над ним, растянуть и сделать таким же по размерам, как и правый слайд?
#2
Отправлено 10 Июнь 2018 - 21:11
#3
Отправлено 14 Июнь 2018 - 10:56
Добавил слайд на главную страницу, фото оказалось маленьким для ПК, но нормальным для мобильной версии, затем поставил фото большего разрешения, но в мобильной версии стал виден лишь фрагмент фотографии. Как сделать, чтобы один из двух одинаковых, но разных по размеру, слайдов показывался только в версии для ПК, а другой только в мобильной.
#4
Отправлено 20 Июнь 2018 - 05:53
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) { .col-smb-12 {width: 100%;}
замените на:
@media all and (max-width: 481px) { #slideshow .item {background-size: contain !important;} .col-smb-12 {width: 100%;}
#5
Отправлено 20 Июнь 2018 - 08:25
#6
Отправлено 20 Июнь 2018 - 09:00
#7
Отправлено 20 Июнь 2018 - 09:53
#8
Отправлено 21 Июнь 2018 - 02:33
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% IF index_page %} <!-- Слайдшоу--> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div class="slider owl-carousel"> <div class="item" style="background:url({ASSETS_IMAGES_PATH}slide1.jpg?design=tourism) 25% top no-repeat;"> <div class="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=tourism" /></div> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <div class="container"> <div class="text-content right"> <h2>Большой выбор</h2> <p>кроссовок на каждый день</p> <a href="{CATALOG_URL}" class="button big">Каталог</a> </div> </div> </div> </div> <div class="item" style="background:url({ASSETS_IMAGES_PATH}slide2.jpg?design=tourism) 80% top no-repeat;"> <div class="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=tourism" /></div> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <div class="container"> <div class="text-content left"> <h2>Экономьте с нами</h2> <p>Скидки на новую коллекцию</p> <a href="{CATALOG_URL}" class="button big">Каталог</a> </div> </div> </div> </div> </div> </div>
замените на:
{% IF index_page %} <!-- Слайдшоу--> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div class="slider owl-carousel"> <div class="item" style="background:url({ASSETS_IMAGES_PATH}slide1.jpg?design=tourism) 25% top no-repeat;"> <div class="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=tourism" /></div> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <div class="container"> <div class="text-content right"> <h2>Большой выбор</h2> <p>кроссовок на каждый день</p> <a href="{CATALOG_URL}" class="button big">Каталог</a> </div> </div> </div> </div> <div class="item" style="background:url({ASSETS_IMAGES_PATH}slide2.jpg?design=tourism) 80% top no-repeat;"> <div class="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=tourism" /></div> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <div class="container"> <div class="text-content left"> <h2>Экономьте с нами</h2> <p>Скидки на новую коллекцию</p> <a href="{CATALOG_URL}" class="button big">Каталог</a> </div> </div> </div> </div> </div> <div class="mobile slider owl-carousel"> <div class="item" style="background:url({ASSETS_IMAGES_PATH}minislide1.jpg?design=tourism) 25% top no-repeat;"> <div class="image"><img src="{ASSETS_IMAGES_PATH}minislide1.jpg?design=tourism" /></div> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <div class="container"> <div class="text-content right"> <h2>Большой выбор</h2> <p>кроссовок на каждый день</p> <a href="{CATALOG_URL}" class="button big">Каталог</a> </div> </div> </div> </div> <div class="item" style="background:url({ASSETS_IMAGES_PATH}minislide2.jpg?design=tourism) 80% top no-repeat;"> <div class="image"><img src="{ASSETS_IMAGES_PATH}minislide2.jpg?design=tourism" /></div> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <div class="container"> <div class="text-content left"> <h2>Экономьте с нами</h2> <p>Скидки на новую коллекцию</p> <a href="{CATALOG_URL}" class="button big">Каталог</a> </div> </div> </div> </div> </div> </div>
Вместо minislide1.jpg и minislide2.jpg укажите названия мобильных баннеров.
Далее зайдите в main.css - найдите:
/*** Баннеры ***/ #banners {display: inline-block;position: relative;background-color:#fff;width: 100%;margin: 10px 0;} #banners .banner-left {float: left;width: 50%;padding-right: 5px;}
перед ним пропишите:
#slideshow .mobile{display: none;}
далее найдите:
#promo {background-attachment: local;} } @media all and (max-width: 641px) {
после него пропишите:
#slideshow .slider{display: none;} #slideshow .mobile{display: block;}
#12
Отправлено 14 Июль 2018 - 07:45
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) { .col-smb-12 {width: 100%;}
замените на:
@media all and (max-width: 481px) { .col-smb-12 {width: 100%;} #slideshow .item {min-height: 82vh;}
#13
Отправлено 14 Июль 2018 - 10:45
#14
Отправлено 14 Июль 2018 - 17:03
#slideshow .item {min-height: 82vh;}замените на:
#slideshow .item {min-height: 64vh;}
#17
Отправлено 22 Август 2018 - 10:29
Блин, оставить где надпись справа... Извините
#18
Отправлено 22 Август 2018 - 11:19
kv09483 (22 Август 2018 - 10:29) писал:
Блин, оставить где надпись справа... Извините
Здравствуйте.
Зайдите в шаблон html и найдите код:
<div class="item" style="background:url({ASSETS_IMAGES_PATH}slide1.jpg?design=tourism) 25% top no-repeat;"> <div class="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=tourism" /></div> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <div class="container"> <div class="text-content right"> <h2>Wenger в России</h2> <p>официальный сайт интернет - магазина</p> <a href="{CATALOG_URL}" class="button big">Каталог продукции</a> </div> </div> </div> </div>
И замените его на:
<!--<div class="item" style="background:url({ASSETS_IMAGES_PATH}slide1.jpg?design=tourism) 25% top no-repeat;"> <div class="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=tourism" /></div> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <div class="container"> <div class="text-content right"> <h2>Wenger в России</h2> <p>официальный сайт интернет - магазина</p> <a href="{CATALOG_URL}" class="button big">Каталог продукции</a> </div> </div> </div> </div>-->
#19
Отправлено 22 Август 2018 - 12:19
#20
Отправлено 22 Август 2018 - 12:26
kv09483 (22 Август 2018 - 12:19) писал:
Здравствуйте.
К сожалению Вы не произвели требуемые изменения на Вашем сайте.
Вам необходимо произвести их, согласно инструкции выше, и затем проверить полученный результат.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных