Перейти к содержимому


Как Сделать Больше Слайдов . Пару Вопросов


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 29

#21 tank2612

tank2612

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 10 Февраль 2015 - 09:12

У меня тут ещё вопрос
1. Как поставить Ярлычок перед "каталогами одежда, аксессуары, и тд
2. Как поменять шрифт  и увеличить Отступ между каталогами "одежда , аксессуры и тд
3. Как сделать Колонки и их Оглавление. Допустим нажимаю на одежду и Тут бац выскакивает 1 колонка с оглавлением  допустим СУМКИ и там уже ниже идут - мужские , женские и тд
4. Сделать разделение колонок , т.е. чтобы их было несколько. При этом границы проводить ненадо
Вот на скриншоте Изображение

#22 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 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 tank2612

tank2612

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 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 tank2612

tank2612

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 10 Февраль 2015 - 16:38

Просмотр сообщенияtank2612 (10 Февраль 2015 - 09:12) писал:

У меня тут ещё вопрос
1. Как поставить Ярлычок перед "каталогами одежда, аксессуары, и тд
2. Как поменять шрифт  и увеличить Отступ между каталогами "одежда , аксессуры и тд
3. Как сделать Колонки и их Оглавление. Допустим нажимаю на одежду и Тут бац выскакивает 1 колонка с оглавлением  допустим СУМКИ и там уже ниже идут - мужские , женские и тд
4. Сделать разделение колонок , т.е. чтобы их было несколько. При этом границы проводить ненадо
Вот на скриншоте Изображение

Просмотр сообщенияtank2612 (10 Февраль 2015 - 10:32) писал:

Цвет изменился но:
1.  Указываю на "одежда" - слово "одежда" выдвигается чуть вправо и появляется меню. НО ПРОПАЛА КАЙМА - НА ПЛИТКЕ "ОДЕЖДА"
2. После того как указал одежду и указываю на её категории - слово "одежда" - "задвигается обратно влево чуть чуть и пропадает полностью как-будто его не указывал - ТАК БЫТЬ НЕ ДОЛЖНО !!! .
Нужно Чтобы все были без отрыва.:
1. УКАЗАЛ НА ОДЕЖДУ - выдвигается она и появляется меню с каймой и однотонным серым цветом как вы это сделали.
2. Чтобы меню ЗАКРЕПИЛОСЬ - "ОДЕЖДА" КОГДА НА НЕГО УКАЗЫВАЕШЬ , при этом переключая мышкой на категории "одежды"  - КАЙМА НЕ ДОЛЖНА ПРОПАДАТЬ
Вот
Изображение
ИзображениеЭТОТ СКРИНШОТ КОГДА МЫШКА УКАЗАНА ТОЛЬКО НА ПОДМЕНЮ "ОДЕЖДА"

на это и это ответьте . Жду уже долго

#25 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Февраль 2015 - 01:22

Цитата

1. Как поставить Ярлычок перед "каталогами одежда, аксессуары, и тд

Подобный вопрос рассматривался в следующей теме:
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%}

Цитата

2. Как поменять шрифт  и увеличить Отступ между каталогами "одежда , аксессуры и тд
В main.css найдите:
.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

Цитата

3. Как сделать Колонки и их Оглавление. Допустим нажимаю на одежду и Тут бац выскакивает 1 колонка с оглавлением  допустим СУМКИ и там уже ниже идут - мужские , женские и тд
4. Сделать разделение колонок , т.е. чтобы их было несколько. При этом границы проводить ненадо
В main.css после:
.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 tank2612

tank2612

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 15 Февраль 2015 - 11:49

Вот проблема осталась.!!!!!!!

Мышкой навожу на "одежда" ---> справа появляется таблица с категориями --->>> далее перевожу курсор мыши с "одежда" на таблицу с категориями -->> выделение с "одежда" исчезает и оно ничем не закрелено  - НУЖНО ЧТОБЫ Было так :

Мышкой навожу на "одежда" ---> справа появляется таблица с категориями --->>> далее перевожу курсор мыши с "одежда" на таблицу с категориями -->> выделение с "одежда"  НЕ пропадает после отвода  мышкой  на таблицы с категориями

Вот пропадает - скриншот
Изображение
Изображение

#27 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Февраль 2015 - 02:31

В main.css найдите:
.box-category > ul > li > a:hover
замените на:
.box-category > ul > li:hover > a


#28 katty-cherry

katty-cherry

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 130 сообщений

Отправлено 07 Август 2016 - 21:57

Здравствуйте! я бы тоже хотела добавить слайды и сделать их кликабельными. Аккаунт SL-291133

#29 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 08 Август 2016 - 11:00

Просмотр сообщенияkatty-cherry (07 Август 2016 - 21:57) писал:

Здравствуйте! я бы тоже хотела добавить слайды и сделать их кликабельными. Аккаунт SL-291133
Здравствуйте.
В шаблоне 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 katty-cherry

katty-cherry

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 130 сообщений

Отправлено 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 анонимных