Не Помещается Меню Второго Уровня
#1
Отправлено 12 Май 2016 - 21:53
#2
Отправлено 13 Май 2016 - 01:44
#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
Отправлено 19 Октябрь 2016 - 10:38
#4
Отправлено 21 Октябрь 2016 - 10:58
lis78 (19 Октябрь 2016 - 10:38) писал:
Здравствуйте.
Поскольку Ваш магазин на данный момент заблокирован и витрина не открывается - написать инструкцию без визуальной составляющей не получится.
Вам нужно либо оплатить магазин, либо перенесите шаблон на другой магазин, чтобы мы могли Вам помочь.
#5
Отправлено 24 Октябрь 2016 - 12:25
#6
Отправлено 24 Октябрь 2016 - 13:26
lis78 (24 Октябрь 2016 - 12:25) писал:
Здравствуйте,
Для добавления нового свойства модификации, выберете товар, зайдите в его редактирование, в строке где указывается модификация товара, в поле выбора ее значения выберете *Добавить новое значение* и введите необходимое значение.
В дальнейшем данное свойство этой модификации вы можете использовать на любом товаре.
#7
Отправлено 25 Октябрь 2016 - 11:36
#10
Отправлено 23 Ноябрь 2016 - 17:27
#11
Отправлено 23 Ноябрь 2016 - 19:24
сергей1985 (23 Ноябрь 2016 - 17:27) писал:
Код этого блока находится в шаблоне 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
Отправлено 27 Ноябрь 2016 - 08:32
Vaccina (13 Май 2016 - 01:44) писал:
#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
Отправлено 28 Ноябрь 2016 - 10:03
#16
Отправлено 01 Декабрь 2016 - 10:55
#17
Отправлено 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
Отправлено 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> <!-- Товары на главной, Новинки, Хиты -->
Где заместо фразы номер_вашего_телефона , пропишите, пожалуйста, требуемый номер, который вы хотите видеть в данном месте на вашем сайте.
спасибо все получилось, только плохо читаемо, подскажите как перенести в другое место (фото), увеличить шрифт и поменять цвет шрифта на белый.
#19
Отправлено 06 Декабрь 2016 - 11:20
#20
Отправлено 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 анонимных