Мессенджер Isq
#1
Отправлено 13 Декабрь 2015 - 14:18
#2
Отправлено 13 Декабрь 2015 - 15:53
Ильяc (13 Декабрь 2015 - 14:18) писал:
Здравствуйте.
Изначально в установленном у Вас шаблоне "Лазурь" отсутствует вывод номера ICQ в контактах, но Вы можете ее добавить.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;}
Замените на:
#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 10px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;}
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<ul class="contact-us-now"> {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %} </ul>
Замените на:
<ul class="contact-us-now"> {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_ICQ %}<li class="icq"><label>ICQ</label>: {SETTINGS_STORE_ICQ}</li>{% ENDIF %} </ul>
#3
Отправлено 14 Декабрь 2015 - 14:45
Firefly (13 Декабрь 2015 - 15:53) писал:
Изначально в установленном у Вас шаблоне "Лазурь" отсутствует вывод номера ICQ в контактах, но Вы можете ее добавить.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 15px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;}
Замените на:
#header-top .topheader-left ul.contact-us-now li {display: inline-block;float: left;line-height: 36px;margin-left: 10px;padding-left: 28px;background: url("{ASSETS_IMAGES_PATH}ico-contactusnow.png") no-repeat left -1px;font-size: 92%;}
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<ul class="contact-us-now"> {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %} </ul>
Замените на:
<ul class="contact-us-now"> {% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_ICQ %}<li class="icq"><label>ICQ</label>: {SETTINGS_STORE_ICQ}</li>{% ENDIF %} </ul>
Спасибо! Добавил
Еще подскажите как сделать меню более узким? На картинке обвел красным, как нужно
#4
Отправлено 14 Декабрь 2015 - 14:59
Ильяc (14 Декабрь 2015 - 14:45) писал:
Еще подскажите как сделать меню более узким? На картинке обвел красным, как нужно
линия.png
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#menu .nav-right {text-align: right;float:right;margin-top:14px;}
Замените на:
#menu .nav-right {text-align: right;float:right;}
Найдите код:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 21px 5px 21px 0px;}
Замените на:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 5px 5px 5px 0px;}
#5
Отправлено 14 Декабрь 2015 - 15:09
Firefly (14 Декабрь 2015 - 14:59) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#menu .nav-right {text-align: right;float:right;margin-top:14px;}
Замените на:
#menu .nav-right {text-align: right;float:right;}
Найдите код:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 21px 5px 21px 0px;}
Замените на:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 5px 5px 5px 0px;}
Еще немного и все) Корзину и сравнение можно уменьшить чтобы попадало в область полосы
#6
Отправлено 14 Декабрь 2015 - 15:33
Ильяc (14 Декабрь 2015 - 15:09) писал:
К сожалению, если уменьшать размер блоков с иконками корзины и сравнения сами иконки не будут отображаться точно по центру, т.к. имеют фиксированный размер и вставляются из общего файла с изображениями.
Лучшим вариантом будет слегка увеличить ширину основной полосы на несколько пикселей за счет отступов от данных значков, без их уменьшения.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#menu .nav-right .header-right-inner {float: right;}
Замените на:
#menu .nav-right .header-right-inner {float: right;padding: 2px 0;}
Найдите код:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 5px 5px 5px 0px;}
Замените на:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 7px 5px 7px 0px;}
#7
Отправлено 14 Декабрь 2015 - 15:47
Firefly (14 Декабрь 2015 - 15:33) писал:
Лучшим вариантом будет слегка увеличить ширину основной полосы на несколько пикселей за счет отступов от данных значков, без их уменьшения.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#menu .nav-right .header-right-inner {float: right;}
Замените на:
#menu .nav-right .header-right-inner {float: right;padding: 2px 0;}
Найдите код:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 5px 5px 5px 0px;}
Замените на:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 7px 5px 7px 0px;}
Так тоже неплохо! Спасибо
#8
Отправлено 27 Декабрь 2015 - 09:04
#9
Отправлено 27 Декабрь 2015 - 15:49
Ильяc (27 Декабрь 2015 - 09:04) писал:
@media only screen and (max-width: 480px) { div#owl-one-slider { display: none !important; } }
#11
Отправлено 27 Декабрь 2015 - 16:52
Ильяc (27 Декабрь 2015 - 15:58) писал:
<!-- Jssor Slider Слайдер Начало --> {% IF index_page %} <div id="slideshow" class="wrap" style="display:none;"> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <a href="http://mobilefanat.ru/goods/smartfon-lg-nexus-5x" ><img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg" /></a> </div> <div> <a href="http://mobilefanat.ru/goods/chromecast-audio" ><img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg" /></a> </div> <!--<div style="display:none;"> <img u="image" src="{ASSETS_IMAGES_PATH}slide3.jpg?design=azure" /> </div> <div style="display:none;"> <img u="image" src="{ASSETS_IMAGES_PATH}slide4.jpg?design=azure" /> </div> <div style="display:none;"> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.jpg?design=azure" /> </div>--> </div> <!-- Arrow Left --> <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;"> </span> <!-- Arrow Right --> <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px"> </span> </div> </div> {% ENDIF %} <!-- Jssor Slider Слайдер Конец -->и замените на
<!-- Jssor Slider Слайдер Начало --> {% IF index_page %} <div id="slideshow" class="wrap"> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <a href="http://mobilefanat.ru/goods/smartfon-lg-nexus-5x" ><img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg" /></a> </div> <div> <a href="http://mobilefanat.ru/goods/chromecast-audio" ><img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg" /></a> </div> <!--<div style="display:none;"> <img u="image" src="{ASSETS_IMAGES_PATH}slide3.jpg?design=azure" /> </div> <div style="display:none;"> <img u="image" src="{ASSETS_IMAGES_PATH}slide4.jpg?design=azure" /> </div> <div style="display:none;"> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.jpg?design=azure" /> </div>--> </div> <!-- Arrow Left --> <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;"> </span> <!-- Arrow Right --> <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px"> </span> </div> </div> {% ENDIF %} <!-- Jssor Slider Слайдер Конец -->В конец main.css добавьте
@media only screen and (max-width: 480px) { div#slideshow { display: none !important; } }Загрузите изображения для слайдера с названием slide1.jpg, slide2.jpg и т.д.
#12
Отправлено 05 Январь 2016 - 15:17
Не выполняются теги <ul><li> в описаниях товаров
В редакторе все правильно, но на странице товара ничего нет, сплошной столбец. http://mobilefanat.r...huawei-nexus-6p
#13
Отправлено 05 Январь 2016 - 15:37
Ильяc (05 Январь 2016 - 15:17) писал:
Не выполняются теги <ul><li> в описаниях товаров
В редакторе все правильно, но на странице товара ничего нет, сплошной столбец. http://mobilefanat.r...huawei-nexus-6p
ul.png
В конец main.css добавьте
.htmlDataBlock ol, .htmlDataBlock ul { list-style: inherit; list-style-position: inherit; }
#14
Отправлено 05 Январь 2016 - 16:26
#16
Отправлено 10 Январь 2016 - 17:18
Ильяc (10 Январь 2016 - 13:30) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.product-shop .add-to-cart .btn-cart.quick {margin-left:10px;}
Замените на:
.product-shop .add-to-cart .btn-cart.quick {margin-left:10px;display: none;}
Так же при проверке, проблем в отображении магазина на мобильных устройствах не было обнаружено. Пример на скриншоте в приложении.
#17
Отправлено 10 Январь 2016 - 18:04
Firefly (10 Январь 2016 - 17:18) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.product-shop .add-to-cart .btn-cart.quick {margin-left:10px;}
Замените на:
.product-shop .add-to-cart .btn-cart.quick {margin-left:10px;display: none;}
Так же при проверке, проблем в отображении магазина на мобильных устройствах не было обнаружено. Пример на скриншоте в приложении.
#19
Отправлено 18 Январь 2016 - 10:18
Ильяc (17 Январь 2016 - 22:00) писал:
Здравствуйте! Нужно сделать как на картинке стрелку, рядом с "Каталог товаров" указатель, что это выпадающее меню. Спасибо!
стрелка.png
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{catalog_full.NAME}</a>
Замените на:
<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}"><span class="{% IF catalog_full.NAME=Каталог товаров %}icdf icon-chevron-down{% ENDIF %}"></span> {catalog_full.NAME}</a>
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.icdf {font-family: FontAwesome !important;}
#20
Отправлено 18 Январь 2016 - 13:40
Firefly (18 Январь 2016 - 10:18) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{catalog_full.NAME}</a>
Замените на:
<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}"><span class="{% IF catalog_full.NAME=Каталог товаров %}icdf icon-chevron-down{% ENDIF %}"></span> {catalog_full.NAME}</a>
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.icdf {font-family: FontAwesome !important;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных