Как Сделать Больше Слайдов . Пару Вопросов
#21
Отправлено 10 Февраль 2015 - 09:12
1. Как поставить Ярлычок перед "каталогами одежда, аксессуары, и тд
2. Как поменять шрифт и увеличить Отступ между каталогами "одежда , аксессуры и тд
3. Как сделать Колонки и их Оглавление. Допустим нажимаю на одежду и Тут бац выскакивает 1 колонка с оглавлением допустим СУМКИ и там уже ниже идут - мужские , женские и тд
4. Сделать разделение колонок , т.е. чтобы их было несколько. При этом границы проводить ненадо
Вот на скриншоте
#22
Отправлено 10 Февраль 2015 - 09:23
tank2612 (10 Февраль 2015 - 08:57) писал:
1. когда убираешь мышку опять же с Каталога "одежда" исчезает выделение его .
2. Нужно изменить цвет "красной каймы" и сделать её другим цветом и чуточку жирнее.
3. Цвеет "кнопки" "одежда" - должен совпадать с выпадающим меню . Т..е. цвет кнопки одежда серый , а цвет выпадающего меню белый. Нужно их в 1 цвет !
2) В main.css найдите код
.box-category > ul > li > a:hover { background-color: #f1f1f1; padding: 9px 27px 9px 19px; border: 1px solid #ff0000; }и замените на
.box-category > ul > li > a:hover { background-color: #f1f1f1; padding: 9px 27px 9px 19px; }Так же найдите
.box-category > ul > li:hover > ul { display: block; border: 1px solid #F00; }и замените на
.box-category > ul > li:hover > ul { display: block; }3) В main.css найдите код
.box-category > ul > li > ul { background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; display: none; left: 180px; margin: 0; padding: 10px; position: absolute; top: 0; width: 170px; z-index: 99; }и замените на
.box-category > ul > li > ul { background: none repeat scroll 0 0 #f1f1f1; border: 1px solid #ccc; display: none; left: 180px; margin: 0; padding: 10px; position: absolute; top: 0; width: 170px; z-index: 99; }так же найдите
.box-category > ul > li > ul > li:first-child { background: #fff; display: block; height: 25px; margin-left: -11px; margin-top: -10px; padding: 7px 5px; }и замените на
.box-category > ul > li > ul > li:first-child { background: #f1f1f1; display: block; height: 25px; margin-left: -11px; margin-top: -10px; padding: 7px 5px; }
#23
Отправлено 10 Февраль 2015 - 10:32
Danil (10 Февраль 2015 - 09:23) писал:
2) В main.css найдите код
.box-category > ul > li > a:hover { background-color: #f1f1f1; padding: 9px 27px 9px 19px; border: 1px solid #ff0000; }и замените на
.box-category > ul > li > a:hover { background-color: #f1f1f1; padding: 9px 27px 9px 19px; }Так же найдите
.box-category > ul > li:hover > ul { display: block; border: 1px solid #F00; }и замените на
.box-category > ul > li:hover > ul { display: block; }3) В main.css найдите код
.box-category > ul > li > ul { background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; display: none; left: 180px; margin: 0; padding: 10px; position: absolute; top: 0; width: 170px; z-index: 99; }и замените на
.box-category > ul > li > ul { background: none repeat scroll 0 0 #f1f1f1; border: 1px solid #ccc; display: none; left: 180px; margin: 0; padding: 10px; position: absolute; top: 0; width: 170px; z-index: 99; }так же найдите
.box-category > ul > li > ul > li:first-child { background: #fff; display: block; height: 25px; margin-left: -11px; margin-top: -10px; padding: 7px 5px; }и замените на
.box-category > ul > li > ul > li:first-child { background: #f1f1f1; display: block; height: 25px; margin-left: -11px; margin-top: -10px; padding: 7px 5px; }
Цвет изменился но:
1. Указываю на "одежда" - слово "одежда" выдвигается чуть вправо и появляется меню. НО ПРОПАЛА КАЙМА - НА ПЛИТКЕ "ОДЕЖДА"
2. После того как указал одежду и указываю на её категории - слово "одежда" - "задвигается обратно влево чуть чуть и пропадает полностью как-будто его не указывал - ТАК БЫТЬ НЕ ДОЛЖНО !!! .
Нужно Чтобы все были без отрыва.:
1. УКАЗАЛ НА ОДЕЖДУ - выдвигается она и появляется меню с каймой и однотонным серым цветом как вы это сделали.
2. Чтобы меню ЗАКРЕПИЛОСЬ - "ОДЕЖДА" КОГДА НА НЕГО УКАЗЫВАЕШЬ , при этом переключая мышкой на категории "одежды" - КАЙМА НЕ ДОЛЖНА ПРОПАДАТЬ
Вот
ЭТОТ СКРИНШОТ КОГДА МЫШКА УКАЗАНА ТОЛЬКО НА ПОДМЕНЮ "ОДЕЖДА"
#24
Отправлено 10 Февраль 2015 - 16:38
tank2612 (10 Февраль 2015 - 09:12) писал:
1. Как поставить Ярлычок перед "каталогами одежда, аксессуары, и тд
2. Как поменять шрифт и увеличить Отступ между каталогами "одежда , аксессуры и тд
3. Как сделать Колонки и их Оглавление. Допустим нажимаю на одежду и Тут бац выскакивает 1 колонка с оглавлением допустим СУМКИ и там уже ниже идут - мужские , женские и тд
4. Сделать разделение колонок , т.е. чтобы их было несколько. При этом границы проводить ненадо
Вот на скриншоте
tank2612 (10 Февраль 2015 - 10:32) писал:
1. Указываю на "одежда" - слово "одежда" выдвигается чуть вправо и появляется меню. НО ПРОПАЛА КАЙМА - НА ПЛИТКЕ "ОДЕЖДА"
2. После того как указал одежду и указываю на её категории - слово "одежда" - "задвигается обратно влево чуть чуть и пропадает полностью как-будто его не указывал - ТАК БЫТЬ НЕ ДОЛЖНО !!! .
Нужно Чтобы все были без отрыва.:
1. УКАЗАЛ НА ОДЕЖДУ - выдвигается она и появляется меню с каймой и однотонным серым цветом как вы это сделали.
2. Чтобы меню ЗАКРЕПИЛОСЬ - "ОДЕЖДА" КОГДА НА НЕГО УКАЗЫВАЕШЬ , при этом переключая мышкой на категории "одежды" - КАЙМА НЕ ДОЛЖНА ПРОПАДАТЬ
Вот
ЭТОТ СКРИНШОТ КОГДА МЫШКА УКАЗАНА ТОЛЬКО НА ПОДМЕНЮ "ОДЕЖДА"
на это и это ответьте . Жду уже долго
#25
Отправлено 13 Февраль 2015 - 01:22
Цитата
Подобный вопрос рассматривался в следующей теме:
http://forum.storeland.ru/index.php?/topic/4589-иконки-категорий-каталога-товара-в-левом-меню/
Вкратце, в шаблоне HTML перед ссылкой категории:
<a href="{catalog.URL}"
вы вставляете конструкцию следующего вида:
{% IF catalog_full.NAME=Название категории %} <img src="ссылка на иконку" alt="" /> {% ELSEIF catalog_full.NAME=Название 2 %} <img src="ссылка на иконку" alt="" /> {% ELSEIF catalog_full.NAME=Название 3 %} <img src="ссылка на иконку" alt="" /> {%ENDIF%}
Цитата
.box-category > ul > li > a { color: #333; display: block; font-size: 15px; font-weight: bold; padding: 10px 28px 10px 10px; text-decoration: none; transition: all 0.5s ease 0s; }
Для изменения отступов измените значение стиля padding, для изменения цвета категории измените значение стиля color
Цитата
4. Сделать разделение колонок , т.е. чтобы их было несколько. При этом границы проводить ненадо
.box-category > ul > li > ul > li:first-child { background: #f1f1f1; display: block; height: 25px; margin-left: -11px; margin-top: -10px; padding: 7px 5px; }
вставьте:
.box-category > ul > li > ul > li { display: inline-block !important; width: 200px; float: left; } .box-category > ul > li > ul > li > a { font-weight: bold; } .box-category > ul > li > ul > li > ul > li a { font-weight: normal; } .box-category > ul > li > ul { width: 400px; } .box-category > ul > li > ul > li > ul { width: auto; }
Цитата
1. Указываю на "одежда" - слово "одежда" выдвигается чуть вправо и появляется меню. НО ПРОПАЛА КАЙМА - НА ПЛИТКЕ "ОДЕЖДА"
2. После того как указал одежду и указываю на её категории - слово "одежда" - "задвигается обратно влево чуть чуть и пропадает полностью как-будто его не указывал - ТАК БЫТЬ НЕ ДОЛЖНО !!! .
Нужно Чтобы все были без отрыва.:
1. УКАЗАЛ НА ОДЕЖДУ - выдвигается она и появляется меню с каймой и однотонным серым цветом как вы это сделали.
2. Чтобы меню ЗАКРЕПИЛОСЬ - "ОДЕЖДА" КОГДА НА НЕГО УКАЗЫВАЕШЬ , при этом переключая мышкой на категории "одежды" - КАЙМА НЕ ДОЛЖНА ПРОПАДАТЬ
В main.css найдите:
.box-category > ul > li > a:hover { background-color: #f1f1f1; padding: 9px 27px 9px 19px; } .box-category > ul > li > a:hover { background-color: #f1f1f1; padding: 10px 28px 10px 20px; }
замените на:
.box-category > ul > li > a:hover { background-color: #f1f1f1; padding: 10px 28px 10px 20px; border: 1px solid #ccc; }
#26
Отправлено 15 Февраль 2015 - 11:49
Мышкой навожу на "одежда" ---> справа появляется таблица с категориями --->>> далее перевожу курсор мыши с "одежда" на таблицу с категориями -->> выделение с "одежда" исчезает и оно ничем не закрелено - НУЖНО ЧТОБЫ Было так :
Мышкой навожу на "одежда" ---> справа появляется таблица с категориями --->>> далее перевожу курсор мыши с "одежда" на таблицу с категориями -->> выделение с "одежда" НЕ пропадает после отвода мышкой на таблицы с категориями
Вот пропадает - скриншот
#27
Отправлено 17 Февраль 2015 - 02:31
.box-category > ul > li > a:hoverзамените на:
.box-category > ul > li:hover > a
#28
Отправлено 07 Август 2016 - 21:57
#29
Отправлено 08 Август 2016 - 11:00
katty-cherry (07 Август 2016 - 21:57) писал:
В шаблоне html найдите код
<a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" /></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" /></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" /></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" /></a>изменяйте "#" на ссылки, а для того, чтобы сделать больше слайдов, просто дублируйте ниже последнюю строку и заменяйте номер слайда(в данном случае 4) на следующий, и загрузите в раздел Сайт - Редактор шаблонов изображение с соответствующим названием.
#30
Отправлено 08 Август 2016 - 22:01
Danil (08 Август 2016 - 11:00) писал:
В шаблоне html найдите код
<a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" /></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" /></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" /></a> <a href="#"><img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" /></a>изменяйте "#" на ссылки, а для того, чтобы сделать больше слайдов, просто дублируйте ниже последнюю строку и заменяйте номер слайда(в данном случае 4) на следующий, и загрузите в раздел Сайт - Редактор шаблонов изображение с соответствующим названием.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных