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


Всплывающее Окно


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

#61 Юля123

Юля123

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

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

Отправлено 28 Апрель 2016 - 11:17

Просмотр сообщенияMamba (28 Апрель 2016 - 10:41) писал:

здорово, спасибо, только как там сделать краткое что бы было описание, а не основное как сейчас?

И можно где показано на скриншоте, увеличить два окошка с цифрами, что бы влезали пятизначные числа, а то не понятно что такое 310 и 1700, хотя это 3100 и 17000 ??Прикрепленный файл 109.JPG


Поправила.

#62 Mamba

Mamba

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

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

Отправлено 29 Апрель 2016 - 18:21

1)подскажите пожалуйста, почему в мобильной версии на главной странице сайта не отображаются товары?
2)и почему то в мобильной версии при нажатии на товар, как и должно всплывает окно для увеличения его , но не перелистывается, что бы посмотреть другую фотку?

#63 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 29 Апрель 2016 - 19:24

Просмотр сообщенияMamba (29 Апрель 2016 - 18:21) писал:

1)подскажите пожалуйста, почему в мобильной версии на главной странице сайта не отображаются товары?
2)и почему то в мобильной версии при нажатии на товар, как и должно всплывает окно для увеличения его , но не перелистывается, что бы посмотреть другую фотку?

Уточните, пожалуйста, о каком аккаунте идет речь?

#64 Mamba

Mamba

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

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

Отправлено 01 Май 2016 - 09:45

SL-36378

и можно еще вопрос. Вот на скриншоте,ываыав.JPG   в описании к товару ( в поиске яндекса) написано  - "почта, ваш список сравнения пуст, каталог,артикул и т.д. " короче вперемешку все подряд, хотя в карточке товара- сео дискрипшн заполнен совсем подругому, или я что то не правильно делаю. Почему так получается, и что тогда в сео надо заполнять, что бы в яндексе отражалось именно то,что я пишу?

#65 Юля123

Юля123

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

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

Отправлено 04 Май 2016 - 13:59

Просмотр сообщенияMamba (29 Апрель 2016 - 18:21) писал:

1)подскажите пожалуйста, почему в мобильной версии на главной странице сайта не отображаются товары?
2)и почему то в мобильной версии при нажатии на товар, как и должно всплывает окно для увеличения его , но не перелистывается, что бы посмотреть другую фотку?


Здравствуйте,

1) проверила отображение с телефона, товары на главной отображаются корректно:

QIP Shot - Screen 303.png QIP Shot - Screen 304.png

2) Перелистывание также срабатывает,  если нажимать на край фото, только не появляется кнопки-стрелочки,  так как они появляются по наведению на на ту или иную часть фото, а на телефоне имитировать наведение не получается. Можно в мобильной версии стрелки вывести по умолчанию(вне зависимости от наведения). Для этого в конце style.css найдите код:
@media only screen and (max-width: 480px) {

после этого кода добавьте:
.fancybox-nav span {visibility: visible !important;}


#66 Юля123

Юля123

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

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

Отправлено 04 Май 2016 - 14:13

Просмотр сообщенияMamba (01 Май 2016 - 09:45) писал:

SL-36378

и можно еще вопрос. Вот на скриншоте,Прикрепленный файл ываыав.JPG  в описании к товару ( в поиске яндекса) написано  - "почта, ваш список сравнения пуст, каталог,артикул и т.д. " короче вперемешку все подряд, хотя в карточке товара- сео дискрипшн заполнен совсем подругому, или я что то не правильно делаю. Почему так получается, и что тогда в сео надо заполнять, что бы в яндексе отражалось именно то,что я пишу?


Робот поисковик берет описание из поля "Мета-тег description" и " Мета-тег keywords", если на момент индексации он не находит информацию, то он просто собирает информацию по всей странице. Повлиять на индексацию, мы к сожалению, никак не можем. Ожидайте следующей индексации.

#67 Mamba

Mamba

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

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

Отправлено 04 Май 2016 - 14:35

спасибо.

#68 Mamba

Mamba

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

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

Отправлено 19 Сентябрь 2016 - 02:33

Подскажите пожалуйста

1) как все всплывающие окна сделать не в ширь, а что бы они открывались вниз
2)что бы при нажатии на ссылку в первом всплывающем окне , второе всплывающее окно открывалось рядом справа, тоже в длину вниз и так все окна
Безымянный1.JPG

#69 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 19 Сентябрь 2016 - 10:56

Просмотр сообщенияMamba (19 Сентябрь 2016 - 02:33) писал:

Подскажите пожалуйста

1) как все всплывающие окна сделать не в ширь, а что бы они открывались вниз
2)что бы при нажатии на ссылку в первом всплывающем окне , второе всплывающее окно открывалось рядом справа, тоже в длину вниз и так все окна
Прикрепленный файл Безымянный1.JPG
В шаблоне HTML найдите строку
{% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% ENDIF %}>{% ENDIF %}
и замените ее на
{% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% ENDIF %}{% IF catalog_full.LEVEL >1 %}class="mehuLevel"{% ENDIF %}>{% ENDIF %}

Далее в файле main.css найдите строку  
.nav li  ul {position: absolute;left: 0; display: none;z-index:50;width: 500px;background:#fff;border-bottom: 3px solid #F00;}
и замените ее на
.nav li  ul {position: absolute;left: 0; display: none;z-index:50;/*width: 500px;*/background:#fff;border-bottom: 3px solid #F00;}

Блок  
.nav li li {
		display: inline-block;
}
замените на
.nav li li {
		display: block;
}

И в самый конец этого файла вставьте блок
.mehuLevel {
	top: 0 !important;
	left: 100% !important;
}


#70 Mamba

Mamba

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

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

Отправлено 20 Сентябрь 2016 - 00:44

Подскажите пожалуйста еще немного по последним вопросам.

1) как поднять среднее всплывающие окно до черной полосы, а то на него почти не возможно попасть?

2)Как убрать третье всплывающее окно, и перенести из него все под слова в среднем окне. Что бы слова из третьго окна были ссылками, а слова во втором окне просто названиями?

3) как сделать расстояния между словами во всех всплывающих окнах меньше раза  в полтора или два, где самому можно его менять?

4) где менять цвет фона всплывающих окон и шрифт?

5)при наведении курсора в всплывающих окнах на слова они становятся подчеркнутыми, как сделать что бы они всегда были все подчеркнуты такой же линией только красной?

Безымянный.JPG

#71 Vaccina

Vaccina

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

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

Отправлено 20 Сентябрь 2016 - 01:14

В style.css найдите:
.nav > li {float: left;}
.nav > li > .parent {background-image: url("http://design.mebel-stan.ru/downArrow.png");background-repeat: no-repeat;background-position: right;}
.nav > li > a {display: block; top: -1px;}
.nav li  ul {position: absolute;left: 180; display: none;z-index:50;/*width: 500px;*/background:#fff;border-bottom: 3px solid #F00;}
.nav li.hover {z-index:100;}
.nav li:hover ul li a {z-index:100;}
.nav > li.hover > ul {position: absolute;left: 0;display: block !important;z-index:50;color:#000;}
.nav li li.hover > ul {top: 50px;display: block;z-index:60;display: block !important;color:#000;}
.nav li li li.hover > ul {left: 100%;top: 0;display: block;z-index:80;color:#000;}
.nav li li {
				display: block;
}
.nav li li a {
		display: block;
		background: white;
		top: 0px;
		color: #000;
		width: 130px;
}
.nav li li li  {background:#e6e6e6;}
.nav li li li a {background:#e6e6e6;z-index:200;top: 0px;color:#000;width: 130px;}
.nav li li li li {background:#ebebeb;}
.nav li li li li a {background:#ebebeb;z-index:200;top: 0px;color:#000;width: 130px;}
.nav li:hover ul li a {display: block !important;z-index:100;}
.nav li li a:hover, .nav li li li a:hover, .nav li li li li a:hover {color:#000;}

замените на:
.nav > li {float: left;}
.nav > li > .parent {background-image: url("http://design.mebel-stan.ru/downArrow.png");background-repeat: no-repeat;background-position: right;}
.nav > li > a {display: block; top: -1px;}
.nav li  ul {position: absolute;left: 180; display: none;z-index:50;background:#fff;border-bottom: 3px solid #F00;}
.nav li.hover {z-index:100;}
.nav li:hover ul li a {z-index:100;}
.nav > li.hover > ul {position: absolute;left: 0;display: block !important;z-index:50;color:#000;}
.nav li li.hover > ul {top: 0px;display: block;z-index:60;display: block !important;color:#000;}
.nav li li li.hover > ul {left: 100%;top: 0;display: block;z-index:80;color:#000;}
.nav li li {
				display: block;
}
.nav li li a {
		display: block;
		top: 0px;
		 padding:5px;
		color: #000;
		width: 130px;
		text-decoration:underline;
}
.nav li li li a {z-index:200;top: 0px;color:#000;width: 130px;}
.nav li:hover ul li a {display: block !important;z-index:100;}
.nav li li a:hover, .nav li li li a:hover, .nav li li li li a:hover {color:#000;}

для изменения расстояние между выпадающими пунктами измените значение стиля
padding:5px;

для изменения фона выпадающих блоков измените значение стиля :
background:#fff;


#72 Mamba

Mamba

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

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

Отправлено 20 Сентябрь 2016 - 01:20

прошу прощения, в предыдущих вопросах произошли изменения, пока вы на них отвечали, можете ли внести корректировку в свои ответы в связи с этими изменениями???? Спасибо

#73 Vaccina

Vaccina

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

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

Отправлено 20 Сентябрь 2016 - 01:32

На данный момент наблюдаю изменения из моей инструкции выше, уточните пожалуйста, какие вопросы по меню остались открытыми?

#74 Mamba

Mamba

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

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

Отправлено 20 Сентябрь 2016 - 01:37

Так все отлично, кроме 2 пункта, он был изменен. И 5 пункт, но там только цвет подчеркиваний сделать красным

#75 Vaccina

Vaccina

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

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

Отправлено 20 Сентябрь 2016 - 01:58

В style.css найдите:
.nav li  ul {position: absolute;left: 180; display: none;z-index:50;background:#fff;border-bottom: 3px solid #F00;}
.nav li.hover {z-index:100;}
.nav li:hover ul li a {z-index:100;}
.nav > li.hover > ul {position: absolute;left: 0;display: block !important;z-index:50;color:#000;}
.nav li li.hover > ul {top: 0px;display: block;z-index:60;display: block !important;color:#000;}
.nav li li li.hover > ul {left: 100%;top: 0;display: block;z-index:80;color:#000;}
.nav li li {
								display: block;
}
.nav li li a {
				display: block;
				top: 0px;
				 padding:6px;
				color: #000;
				width: 130px;
				text-decoration:underline;
}
.nav li li li a {z-index:200;top: 0px;color:#000;width: 130px;}
.nav li:hover ul li a {display: block !important;z-index:100;}
.nav li li a:hover, .nav li li li a:hover, .nav li li li li a:hover {color:#000;}

замените на:
.nav > li > ul {width:320px;position: absolute;left: 180; display: none;z-index:50;background:#fff;border-bottom: 3px solid #F00;}
.nav li.hover {z-index:100;}
.nav li:hover ul li a {z-index:100;}
.nav > li.hover > ul {position: absolute;left: 0;display: block !important;z-index:50;color:#000;}
.nav > li > ul > li {display: inline-block;width:49%;vertical-align: top;}
.nav > li > ul > li > a{border-bottom: 1px solid #F00;}
.nav li li a {
				top: 0px;
				 padding:6px;
				color: #000;
}
.nav li li li a {text-transform: none;}
.nav li:hover ul li a {display: block !important;z-index:100;}
.nav li li a:hover{color:#000;}
.nav > li > ul ul ul{display: none;}


#76 Mamba

Mamba

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

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

Отправлено 20 Сентябрь 2016 - 02:18

Немного Вы меня не поняли,покажу на примере. Надо как на скриншоте. Надо что бы при наведении курсора на "кровати омега" вылазило всплывающее окно как на скриншоте под номером 2

Безымянный.JPG

#77 Mamba

Mamba

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

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

Отправлено 20 Сентябрь 2016 - 02:36

Ладно спасибо большое, сделаю по другому. Скажите только как изменить подчеркивания всех слов в этих окнах с черного на красный и как сделать тонкие рамочки черного цвета по краям (слева и справа) самих всплывающих окон. И как сделать что бы при наведении курсора сылка становилась красного цвета, что бы было понятно что эта ссылка???? спасибо большое

#78 Vaccina

Vaccina

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

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

Отправлено 20 Сентябрь 2016 - 02:45

Благодарю за уточнение =) В style.css найдите:
.nav li  ul {position: absolute;left: 180; display: none;z-index:50;background:#fff;border-bottom: 3px solid #F00;}
.nav li.hover {z-index:100;}
.nav li:hover ul li a {z-index:100;}
.nav > li.hover > ul {position: absolute;left: 0;display: block !important;z-index:50;color:#000;}
.nav li li.hover > ul {top: 0px;display: block;z-index:60;display: block !important;color:#000;}
.nav li li li.hover > ul {left: 100%;top: 0;display: block;z-index:80;color:#000;}
.nav li li {
								display: block;
}
.nav li li a {
				display: block;
				top: 0px;
				 padding:6px;
				color: #000;
				width: 130px;
				text-decoration:underline;
}
.nav li li li a {z-index:200;top: 0px;color:#000;width: 130px;}
.nav li:hover ul li a {display: block !important;z-index:100;}
.nav li li a:hover, .nav li li li a:hover, .nav li li li li a:hover {color:#000;}

замените на:
.nav li  ul {position: absolute;left: 180; display: none;z-index:50;background:#fff;border-bottom: 3px solid #F00;}
.nav li.hover {z-index:100;}
.nav > li.hover > ul {position: absolute;left: 0;display: block !important;z-index:50;color:#000;}
.nav li li.hover > ul {top: 0px;display: block;}
.nav li li li.hover > ul {left: 100%;display: block;}
.nav li li {display: block;}
.nav li li a {top: 0px;padding:6px;color: #000;text-decoration:underline;}
.nav > li > ul >li > ul {width:320px;}
.nav > li > ul >li > ul > li{width:46%;margin: 1%;display: inline-block;}
.nav ul ul ul, .nav ul ul li.hover ul{border:none;position: relative;left:initial; top:initial;display: inline-block; vertical-align: top;}
.nav ul ul ul a, .nav ul ul ul a:hover{text-transform: none;text-decoration: none;border-bottom:1px solid #F00;}
.nav li:hover ul li a {display: block !important;z-index:100;}
.nav li li a:hover{color:#000;}

Просмотр сообщенияMamba (20 Сентябрь 2016 - 02:36) писал:

И как сделать что бы при наведении курсора сылка становилась красного цвета, что бы было понятно что эта ссылка????

В style.css найдите:
.nav ul ul ul a, .nav ul ul ul a:hover{text-transform: none;text-decoration: none;border-bottom:1px solid #F00;}

замените на:
.nav ul ul ul a, .nav ul ul ul a:hover{text-transform: none;text-decoration: none;border-bottom:1px solid #F00;}
.nav ul ul ul a:hover{color:#F00;}


#79 Mamba

Mamba

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

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

Отправлено 20 Сентябрь 2016 - 02:52

Скажите только как изменить подчеркивания всех слов в этих окнах с черного на красный и как сделать тонкие рамочки черного цвета по краям (слева и справа) самих всплывающих окон. И как сделать что бы при наведении курсора сылка становилась красного цвета, что бы было понятно что эта ссылка ( не получилось с вашим предыдущим ответом) ???? спасибо большое

#80 Vaccina

Vaccina

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

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

Отправлено 20 Сентябрь 2016 - 03:16

В style.css найдите:
.nav li  ul {position: absolute;left: 180; display: none;z-index:50;background:#fff;border-bottom: 3px solid #F00;}

замените на:
.nav li  ul {left: 180; position: absolute;display: none;z-index:50;background:#fff;border-bottom: 3px solid #F00;border-left: 1px solid #000;border-right: 1px solid #000;}

далее найдите:
.nav li li a:hover, .nav li li li a:hover, .nav li li li li a:hover {color:#000;}

замените на:
.nav li li a{border-bottom:1px solid#F00;text-decoration:none !important;}
.nav li li a:hover{color:#F00;}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных