Доброго времени суток! Помогите перенести контакты, поднять слайдер, уменьшить шапку и изменить кнопки "Быстрый заказ" "В корзину".
Так на данный момент:
Надо что бы получилось так:
И изменить цвет кнопок "Быстрый заказ" и "В корзину"
Изменить цвет с красного на зелёный, либо вставить изображением
0
Перенести Контакты, Поднять Слайдер, Уменьшить Шапку И Изменить Кнопки "быстрый Заказ" "в Корзину"
Автор Leonid19, 14 февр. 2014 01:40
Контакты шапка слайдер форма заказа
Сообщений в теме: 8
#1
Отправлено 14 Февраль 2014 - 01:40
#2
Отправлено 14 Февраль 2014 - 04:19
Для поднятия слайдера в style.css найдите:
Для изменения кнопок в style.css найдите:
По контактам, в style.css пропишите:
.content.container { margin-bottom: 50px; margin-top: 25px; min-height: 500px; }удалите margin-top: 25px;
Для изменения кнопок в style.css найдите:
input.exclusive, #paymentForm input, a.exclusive { background: none repeat scroll 0 0 #DA3B44 !important; border: 1px solid #A40F18; border-radius: 2px; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.2); color: #FAFAFA !important; cursor: pointer; display: inline-block; font: inherit !important; padding: 6px 12px; text-decoration: none; }измените значение фона background на необходимое
По контактам, в style.css пропишите:
.work-time { display: inline-block; } .phone { display: inline-block; }А в HTML в блоке контактов перенесите строку со скайп в блок .work-time
#3
Отправлено 15 Февраль 2014 - 19:17
Спасибо большое!
#4
Отправлено 21 Февраль 2014 - 02:03
Здравствуйте! Перечитал и попробовал все что могло хоть как то помочь, не получается. Подскажите пожалуйста как на http://r16054.storeland.ru/ поднять верхнее меню в черную полосу, изменить цвет полосы. Вставить контакты под черной полосой над поиском и корзиной?
#5
Отправлено 21 Февраль 2014 - 04:46
Меню, в style.css найдите:
Чтобы сменить цвет полосы необходимо удалить картинку header-top-bg.png загрузить свою с идентичным названием уже с измененным цветом.
По переносу контактов уже имеется инструкция в сл.ветке форума:
http://forum.storela...пку-пожалуйста/
#megamenu li.root_menu { float: left; padding: 25px 8px 5px; position: relative; }замените на:
#megamenu li.root_menu { float: left; padding: 5px; position: relative; }
Чтобы сменить цвет полосы необходимо удалить картинку header-top-bg.png загрузить свою с идентичным названием уже с измененным цветом.
По переносу контактов уже имеется инструкция в сл.ветке форума:
http://forum.storela...пку-пожалуйста/
#7
Отправлено 16 Ноябрь 2016 - 06:37
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
<!-- Каталог в шапке --> <div class="yt-main-menu col-lg-9 col-md-10 col-xs-12"> <!-- Кнопка каталога в меню для мобильных устройств --> <div id="yt-responsivemenu" class="yt-responsivemenu"> <button type="button" class="button-navbar two btn btn-navbar" title="Показать каталог"> <span class="text">Каталог</span> </button> </div> <!-- Каталог с подкатегориями --> <div class="yt-menu"> <div class="yt-menu-nav"> <ul id="nav" class="clearfix"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}"> <a href="{catalog_full.URL}" class="lvl-{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}selected{% ENDIF %}">{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} </ul> </div> </div> <!-- /END Каталог с подкатегориями --> <!-- Адаптивный каталог с подкатегориями --> <div id="resmenu_sidebar"> <ul class="nav-menu clearfix"> {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub"></span>{% ENDIF %}{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %} </ul> </div> <!-- /END Адаптивный каталог с подкатегориями --> </div>
замените на:
<div class="contacts col-lg-3 col-md-5 col-xs-12" style="float:right;"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p>Телефон : {SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p>Телефон : {SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p>Телефон : {SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</p>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<p>Время работы : {SETTINGS_STORE_WORK_TIME}</p>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<p>Email : <a href="{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></p>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<p>Skype : {SETTINGS_STORE_SKYPE}</p>{% ENDIF %} {% IF SETTINGS_STORE_ICQ %}<p>ICQ : {SETTINGS_STORE_ICQ}</p>{% ENDIF %} </div> <!-- Каталог в шапке --> <div class="yt-main-menu col-lg-6 col-md-5 col-xs-12"> <!-- Кнопка каталога в меню для мобильных устройств --> <div id="yt-responsivemenu" class="yt-responsivemenu"> <button type="button" class="button-navbar two btn btn-navbar" title="Показать каталог"> <span class="text">Каталог</span> </button> </div> <!-- Каталог с подкатегориями --> <div class="yt-menu"> <div class="yt-menu-nav"> <ul id="nav" class="clearfix"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}"> <a href="{catalog_full.URL}" class="lvl-{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}selected{% ENDIF %}">{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} </ul> </div> </div> <!-- /END Каталог с подкатегориями --> <!-- Адаптивный каталог с подкатегориями --> <div id="resmenu_sidebar"> <ul class="nav-menu clearfix"> {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub"></span>{% ENDIF %}{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %} </ul> </div> <!-- /END Адаптивный каталог с подкатегориями --> </div>
#9
Отправлено 17 Ноябрь 2016 - 09:32
Andrey_SPB (16 Ноябрь 2016 - 15:31) писал:
Добрый день!
Контакты переместились на верх .Спасибо!
Нужно их по центру шапки сделать .Добавить иконки (телефон ,майл и тд) и увеличить шрифт
Контакты переместились на верх .Спасибо!
Нужно их по центру шапки сделать .Добавить иконки (телефон ,майл и тд) и увеличить шрифт
Изменения Вам произвёл, проверьте пожалуйста.
Изменить размер шрифта можно в файле main.scc (строка 285)
.header-content .contact-link {font-size: 17px;line-height:1.3;} /* Меню в нижней части шапки */
Темы с аналогичным тегами Контакты, шапка, слайдер, форма заказа
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных