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


Не Помещается Меню Второго Уровня


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

#1 a.korkishko

a.korkishko

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

  • Пользователи
  • PipPipPip
  • 72 сообщений
  • ГородКраснодар

Отправлено 12 Май 2016 - 21:53

когда открываешь меню второго уровня, то оно открывается куда то вниз и его не видно.

Прикрепленные изображения

  • 22222222.jpg


#2 Vaccina

Vaccina

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

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

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

Не хватает места для отображения, попробуйте следующее, в main,css найдите:
#custommenu li .dropdown-menu {
	display: none;
	position: absolute;
	width: 200px;
	left: 100%;
	top: 0px;
	padding: 0px 0;
	border-radius: 0 3px 3px 3px;
	background-color: #3b3b3b;
	border: 1px solid #575757;
	z-index: 10000;
}

замените на:
#custommenu li .dropdown-menu {
	display: none;
	position: absolute;
	width: 600px;
	left: 100%;
	top: 0px;
	padding: 0px 0;
	border-radius: 0 3px 3px 3px;
	background-color: #3b3b3b;
	border: 1px solid #575757;
	z-index: 10000;
}

далее найдите:
#custommenu li {
	position: relative;
	border-left: 3px solid transparent;
}

после него пропишите:
#custommenu li .dropdown-menu li {
	display: inline-block;
	width: 32%;
}


#3 lis78

lis78

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

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

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

Здравствуйте, можно сделать меню выпадающим вниз, а не в сторону?

#4 Firefly

Firefly

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

  • Модераторы
  • 3 806 сообщений

Отправлено 21 Октябрь 2016 - 10:58

Просмотр сообщенияlis78 (19 Октябрь 2016 - 10:38) писал:

Здравствуйте, можно сделать меню выпадающим вниз, а не в сторону?

Здравствуйте.
Поскольку Ваш магазин на данный момент заблокирован и витрина не открывается - написать инструкцию без визуальной составляющей не получится.
Вам нужно либо оплатить магазин, либо перенесите шаблон на другой магазин, чтобы мы могли Вам помочь.

#5 lis78

lis78

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

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

Отправлено 24 Октябрь 2016 - 12:25

Хорошо, а как можно добавить больше свойств для модификаций товара? Мне допустим надо вписать цвета, у меня там только четыре, а надо допустим 10.

#6 Razon

Razon

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

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

Отправлено 24 Октябрь 2016 - 13:26

Просмотр сообщенияlis78 (24 Октябрь 2016 - 12:25) писал:

Хорошо, а как можно добавить больше свойств для модификаций товара? Мне допустим надо вписать цвета, у меня там только четыре, а надо допустим 10.

Здравствуйте,
Для добавления нового свойства модификации,  выберете товар, зайдите в его редактирование, в строке где указывается модификация товара, в поле выбора ее значения выберете *Добавить новое значение* и введите необходимое значение.
В дальнейшем данное свойство этой модификации вы можете использовать на любом товаре.

#7 lis78

lis78

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

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

Отправлено 25 Октябрь 2016 - 11:36

Все получилось.

#8 сергей1985

сергей1985

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

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

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

подскажите пожалуйста где можно редактировать эти блоки меню (как поменять их описание, и где в коде поставить ссылки с этих разделов)

Прикрепленные изображения

  • 12345.png


#9 MikDark

MikDark

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

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

Отправлено 23 Ноябрь 2016 - 16:48

Просмотр сообщениясергей1985 (23 Ноябрь 2016 - 16:03) писал:

подскажите пожалуйста где можно редактировать эти блоки меню (как поменять их описание, и где в коде поставить ссылки с этих разделов)

Здравствуйте. Уточните, пожалуйста, номер аккаунта

#10 сергей1985

сергей1985

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

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

Отправлено 23 Ноябрь 2016 - 17:27

SL-401717

#11 MikDark

MikDark

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

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

Отправлено 23 Ноябрь 2016 - 19:24

Просмотр сообщениясергей1985 (23 Ноябрь 2016 - 17:27) писал:

SL-401717

Код этого блока находится в шаблоне HTML:
  <!-- Информационный блок -->
	  {% IF index_page %}
	  <div class="block-info">
		<div class="container">
		  <div class="row">
			<ul class="info-list">
			  <li class="info-item col-sm-4 col-xs-12">
				<a href="http://{NET_DOMAIN}/page/Доставка">
				  <div class="info-icon">
					<i class="fa fa-truck"></i>
				  </div>
				  <div class="info-content">
					<h6>Бесплатная доставка</h6>
					<p class="text-italic">Доставка по городу бесплатно!</p>
				  </div>
				</a>
			  </li>
			  <li class="info-item col-sm-4 col-xs-12">
				<a href="http://{NET_DOMAIN}/page/Доставка">
				  <div class="info-icon">
					<i class="fa fa-gift"></i>
				  </div>
				  <div class="info-content">
					<h6>Прием заказов 24/7</h6>
					<p class="text-italic">Скидки при оформлении заказа!</p>
				  </div>
				</a>
			  </li>
			  <li class="info-item col-sm-4 col-xs-12">
				<a href="http://{NET_DOMAIN}/page/Доставка">
				  <div class="info-icon">
					<i class="fa fa-money"></i>
				  </div>
				  <div class="info-content">
					<h6>Гарантия возврата</h6>
					<p class="text-italic">Возврат товара в течение 30 дней!</p>
				  </div>
				</a>
			  </li>
			</ul>
		  </div>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- /END Информационный блок -->


#12 Dr.Raz

Dr.Raz

    Новичок

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

Отправлено 27 Ноябрь 2016 - 08:32

Просмотр сообщенияVaccina (13 Май 2016 - 01:44) писал:

Не хватает места для отображения, попробуйте следующее, в main,css найдите:
#custommenu li .dropdown-menu {
display: none;
position: absolute;
width: 200px;
left: 100%;
top: 0px;
padding: 0px 0;
border-radius: 0 3px 3px 3px;
background-color: #3b3b3b;
border: 1px solid #575757;
z-index: 10000;
}

замените на:
#custommenu li .dropdown-menu {
display: none;
position: absolute;
width: 600px;
left: 100%;
top: 0px;
padding: 0px 0;
border-radius: 0 3px 3px 3px;
background-color: #3b3b3b;
border: 1px solid #575757;
z-index: 10000;
}

далее найдите:
#custommenu li {
position: relative;
border-left: 3px solid transparent;
}

после него пропишите:
#custommenu li .dropdown-menu li {
display: inline-block;
width: 32%;
}

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

#13 сергей1985

сергей1985

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

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

Отправлено 28 Ноябрь 2016 - 10:03

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

#14 сергей1985

сергей1985

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

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

Отправлено 29 Ноябрь 2016 - 09:57

подскажите как убрать ссылку на storelend?

Прикрепленные изображения

  • 111.png


#15 сергей1985

сергей1985

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

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

Отправлено 30 Ноябрь 2016 - 10:17

подскажите пожалуйста как добавить номер телефона магазина в указанное место
SL-401717

Прикрепленные изображения

  • 1111.png


#16 сергей1985

сергей1985

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

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

Отправлено 01 Декабрь 2016 - 10:55

ответьте на вопросы

#17 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 01 Декабрь 2016 - 13:44

Просмотр сообщениясергей1985 (30 Ноябрь 2016 - 10:17) писал:

подскажите пожалуйста как добавить номер телефона магазина в указанное место
SL-401717

Просмотр сообщениясергей1985 (01 Декабрь 2016 - 10:55) писал:

ответьте на вопросы

Здравствуйте.
В данном случае попробуйте, пожалуйста, произвести следующие изменения:
В шаблоне html найдите, пожалуйста, данный код:

<!-- Основная часть -->
<div class="main">
<div class="container">
<div class="row">
<div id="main-header">
<div class="container">
<div class="row">
<div class="col-xs-12">
<ul class="links">
{% FOR menu %}
{% FOR footer %}
{% FOR links %}
<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>
</div>
</div>
</div>
<!-- Товары на главной, Новинки, Хиты -->

И замените его вот этим вот кодом:

<!-- Основная часть -->
<div class="main">
<div class="container">
<div class="row">
<div id="main-header">
<div class="container">
<div class="row">
<div class="col-xs-12">
<ul class="links">
{% FOR menu %}
{% FOR footer %}
{% FOR links %}
<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
<div class="telefon"><a>номер_вашего_телефона</a></div>
</div>
</div>
</div>
</div>
<!-- Товары на главной, Новинки, Хиты -->

Где заместо фразы номер_вашего_телефона , пропишите, пожалуйста, требуемый номер, который вы хотите видеть в данном месте на вашем сайте.

#18 сергей1985

сергей1985

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

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

Отправлено 05 Декабрь 2016 - 11:05

Просмотр сообщенияRayLi (01 Декабрь 2016 - 13:44) писал:

Здравствуйте.
В данном случае попробуйте, пожалуйста, произвести следующие изменения:
В шаблоне html найдите, пожалуйста, данный код:

<!-- Основная часть -->
<div class="main">
<div class="container">
<div class="row">
<div id="main-header">
<div class="container">
<div class="row">
<div class="col-xs-12">
<ul class="links">
{% FOR menu %}
{% FOR footer %}
{% FOR links %}
<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>
</div>
</div>
</div>
<!-- Товары на главной, Новинки, Хиты -->

И замените его вот этим вот кодом:

<!-- Основная часть -->
<div class="main">
<div class="container">
<div class="row">
<div id="main-header">
<div class="container">
<div class="row">
<div class="col-xs-12">
<ul class="links">
{% FOR menu %}
{% FOR footer %}
{% FOR links %}
<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
<div class="telefon"><a>номер_вашего_телефона</a></div>
</div>
</div>
</div>
</div>
<!-- Товары на главной, Новинки, Хиты -->

Где заместо фразы номер_вашего_телефона , пропишите, пожалуйста, требуемый номер, который вы хотите видеть в данном месте на вашем сайте.


спасибо все получилось, только плохо читаемо, подскажите как перенести в другое место (фото), увеличить шрифт и поменять цвет шрифта на белый.

Прикрепленные изображения

  • 11111.png


#19 сергей1985

сергей1985

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

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

Отправлено 06 Декабрь 2016 - 11:20

ответьте пожалуйста

#20 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 06 Декабрь 2016 - 15:34

Просмотр сообщениясергей1985 (05 Декабрь 2016 - 11:05) писал:

спасибо все получилось, только плохо читаемо, подскажите как перенести в другое место (фото), увеличить шрифт и поменять цвет шрифта на белый.

Просмотр сообщениясергей1985 (06 Декабрь 2016 - 11:20) писал:

ответьте пожалуйста

Здравствуйте.
В данном случае вам необходимо в бэк-офисе вашего интернет-магазина зайти в раздел Сайт -> Редактор шаблонов и в самый конец шаблона main.css добавьте, пожалуйста, следующий код:

.telefon {
	float: right;
	margin-right: 20%;
	margin-top: -30px;
}
.telefon a {
	color: #ffffff;
	font-size: 15px;
}





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

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