Слайдер На Главной
#1
Отправлено 12 Май 2017 - 20:21
В мобильной версии при нажатии кнопки "Каталог" нужно чтоб открывалось меню с подкатегориями.
Еще вопрос где можно изменить шрифт названия магазина и кнопки каталог?
#2
Отправлено 13 Май 2017 - 07:48
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;} #slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;} #slideshow .text .title {color: #8C2C29;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}
замените на:
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise");background-color: #fff;background-size: 50%;background-position: left center;background-repeat: no-repeat;} #slideshow .text {position: absolute;top: 40%;right: 0;padding: 0 15px;z-index: 99;display: block;} #slideshow .text .title {color: #8C2C29;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}
Далее найдите:
#slideshow .text .title {color: #8C2C29;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}
и:
.button.big { font-size: 21px; height: 50px; line-height: 46px; text-transform: none; padding: 0 30px; }
отредактируйте в первом блок и добавьте во второй стиль color, отвечающий за цвет шрифта, пример:
#slideshow .text .title {color: #dddddd;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}
.button.big { font-size: 21px; height: 50px; line-height: 46px; text-transform: none; padding: 0 30px; color:#000000; }
#3
Отправлено 13 Май 2017 - 11:11
Vaccina (13 Май 2017 - 07:48) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;} #slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;} #slideshow .text .title {color: #8C2C29;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}
замените на:
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise");background-color: #fff;background-size: 50%;background-position: left center;background-repeat: no-repeat;} #slideshow .text {position: absolute;top: 40%;right: 0;padding: 0 15px;z-index: 99;display: block;} #slideshow .text .title {color: #8C2C29;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}
Далее найдите:
#slideshow .text .title {color: #8C2C29;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}
и:
.button.big { font-size: 21px; height: 50px; line-height: 46px; text-transform: none; padding: 0 30px; }
отредактируйте в первом блок и добавьте во второй стиль color, отвечающий за цвет шрифта, пример:
#slideshow .text .title {color: #dddddd;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}
.button.big { font-size: 21px; height: 50px; line-height: 46px; text-transform: none; padding: 0 30px; color:#000000; }
Спасибо, получилось, но не совсем так, нужно, чтоб слайдер был под полосой с меню. И как добавить переключение слайдов с гиперссылками? Чтоб было несколько картинок и при нажатии на любую осуществлялся переход по ссылке.
#4
Отправлено 13 Май 2017 - 12:49
Любовь1805 (13 Май 2017 - 11:11) писал:
Чтобы переделать отображение слайдов как на скриншоте, нужно переделать разметку данного блока.
Для начала нужно установить сам слайдер по инструкции:
http://forum.storela...аблона-рассвет/
Далее можно будет произвести дополнительные изменения.
#5
Отправлено 13 Май 2017 - 13:24
Mr.Nito (13 Май 2017 - 12:49) писал:
Чтобы переделать отображение слайдов как на скриншоте, нужно переделать разметку данного блока.
Для начала нужно установить сам слайдер по инструкции:
http://forum.storela...аблона-рассвет/
Далее можно будет произвести дополнительные изменения.
Сделано, что дальше? и как быть с кнопкой каталога в мобильной версии?
"В мобильной версии при нажатии кнопки "Каталог" нужно чтоб открывалось меню с подкатегориями."
#6
Отправлено 13 Май 2017 - 14:29
Любовь1805 (13 Май 2017 - 13:24) писал:
"В мобильной версии при нажатии кнопки "Каталог" нужно чтоб открывалось меню с подкатегориями."
Вместо # укажите необходимые ссылки, в 2-3 блоке slide1.jpg замените на slide2.jpg - slide3.jpg (загрузите одноименные файлы в редактор)
<a href="#" title="" style="background-image: url({ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise);"></a> <a href="#" title="" style="background-image: url({ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise);"></a> <a href="#" title="" style="background-image: url({ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise);"></a>
Кнопка каталог в мобильном меню уже отображает подкатегории, уточните подробнее , какие изменения требуются.
#7
Отправлено 13 Май 2017 - 15:49
Mr.Nito (13 Май 2017 - 14:29) писал:
Вместо # укажите необходимые ссылки, в 2-3 блоке slide1.jpg замените на slide2.jpg - slide3.jpg (загрузите одноименные файлы в редактор)
<a href="#" title="" style="background-image: url({ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise);"></a> <a href="#" title="" style="background-image: url({ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise);"></a> <a href="#" title="" style="background-image: url({ASSETS_IMAGES_PATH}slide1.jpg?design=sunrise);"></a>
Кнопка каталог в мобильном меню уже отображает подкатегории, уточните подробнее , какие изменения требуются.
Спасибо, уже почти, что нужно.
1. стрелки слайдера поднять выше, наш ассортимент/новинки под слайдер.
2. В моб. версии при нажатии кнопки "меню" на само слово "меню" разворачивается собственно меню, а при нажатии на "каталог", открывается каталог без возможности подробного выбора. Нужно чтоб кнопка "каталог" работала как "Меню" т.е. при нажатии сразу разворачивались подкатегории, сейчас это реализована на маленькой кнопочке сбоку.
#8
Отправлено 13 Май 2017 - 16:11
Любовь1805 (13 Май 2017 - 15:49) писал:
1. стрелки слайдера поднять выше, наш ассортимент/новинки под слайдер.
2. В моб. версии при нажатии кнопки "меню" на само слово "меню" разворачивается собственно меню, а при нажатии на "каталог", открывается каталог без возможности подробного выбора. Нужно чтоб кнопка "каталог" работала как "Меню" т.е. при нажатии сразу разворачивались подкатегории, сейчас это реализована на маленькой кнопочке сбоку.
2. Не совсем понятен пункт "нажатии на "каталог", открывается каталог без возможности подробного выбора." ведь функционал пунктов одинаков, и если в каталоге появятся подкатегории они также отобразятся в списке.
Чтобы список каталога был развёрнут сразу добавьте в main.css
перед
/* Моб. Каталог */код:
#menu_offcanvas .menu-list.catalog ul{display: block!important;} #menu_offcanvas .menu-list.catalog .fa.fa-sort-down {display:none;}
#9
Отправлено 13 Май 2017 - 16:19
Mr.Nito (13 Май 2017 - 16:11) писал:
2. Не совсем понятен пункт "нажатии на "каталог", открывается каталог без возможности подробного выбора." ведь функционал пунктов одинаков, и если в каталоге появятся подкатегории они также отобразятся в списке.
Чтобы список каталога был развёрнут сразу добавьте в main.css
перед
/* Моб. Каталог */код:
#menu_offcanvas .menu-list.catalog ul{display: block!important;} #menu_offcanvas .menu-list.catalog .fa.fa-sort-down {display:none;}
Спасибо огромное, теперь все как нужно!
Mr.Nito (13 Май 2017 - 16:11) писал:
2. Не совсем понятен пункт "нажатии на "каталог", открывается каталог без возможности подробного выбора." ведь функционал пунктов одинаков, и если в каталоге появятся подкатегории они также отобразятся в списке.
Чтобы список каталога был развёрнут сразу добавьте в main.css
перед
/* Моб. Каталог */код:
#menu_offcanvas .menu-list.catalog ul{display: block!important;} #menu_offcanvas .menu-list.catalog .fa.fa-sort-down {display:none;}
нет, опять сломалась первая страница
#12
Отправлено 17 Июнь 2017 - 08:04
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}
замените на:
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;display: none;}
#13
Отправлено 17 Июнь 2017 - 18:40
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных