Изменения В Дизайне
#1
Отправлено 19 Февраль 2015 - 18:28
Помогите чуть-чуть с изменениями.
1. надо убрать совсем каталог боковой, и как я подразумеваю и блок " вы смотрели"
2. - изменения в горизонтальном меню
3. - изменения в горизонтальном каталоге
4. можно выпадающее меню сделать прозрачным( я просто хочу убрать совсем серый цвет)
5. убрать совсем
6. где меняется цвет , для " галочек"
7. и вот тут поменять цвет при наведение курсора( не нашла или пропустила)
Буду благодарна за помощь.
#2
Отправлено 19 Февраль 2015 - 18:30
#3
Отправлено 19 Февраль 2015 - 18:36
SL-332626 вроде у меня написан в профиле
#4
Отправлено 19 Февраль 2015 - 20:07
uyjv (19 Февраль 2015 - 18:36) писал:
SL-332626 вроде у меня написан в профиле
Здравствуйте.
1) В шаблоне main.css Вам нужно найти код:
main_left { padding-left: 0; float: left; }
и заменить его на:
main_left { padding-left: 0; float: left; display:none; }
Далее в шаблоне Страница находим:
{% IF index_page %}<div class="box m15">{% ELSE %}<div id="main_right" class="col-lg-9 col-md-9 col-sm-8 col-xs-12 box">{% ENDIF %}
и меняем на:
{% IF index_page %}<div class="box m15">{% ELSE %}<div id="main_right" class="col-lg-12 col-md-12 col-sm-8 col-xs-12 box">{% ENDIF %}
3) В шаблон main.css добавьте код:
.yt-menu-nav li a { color: #fff; }
Это поменяет цвет на белый. Вместо #fff можете указать свой код цвета. Уточните, что Вы хотите поменять в стиле?
5) В шаблон main.css добавьте код:
.toolbar-top { display: none; }
Как сделаете изменения, напишите,ответим на остальные вопросы.
#5
Отправлено 19 Февраль 2015 - 20:51
по поводу 3 пункта я наверно не правильно выразилась, мне надо поменять цвет самих букв
#6
Отправлено 20 Февраль 2015 - 02:34
#nav li a { display: block; font-size: 20px; line-height: 100%; background: #fff; padding: 15px 30px 15px; margin: 0px; margin-right: 1px; margin-bottom: 1px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
в нем пропишите стиль color с необходимым значением, пример:
#nav li a { display: block; font-size: 20px; line-height: 100%; background: #fff; padding: 15px 30px 15px; margin: 0px; margin-right: 1px; margin-bottom: 1px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; color:#e1e1e1; }
#8
Отправлено 21 Февраль 2015 - 01:13
<!-- Баннеры на главной --> {% IF index_page %} <div class="yt-bannertop"> <div class="container"> <div class="row"> <div class="banner-top"> <ul> <li class="li-1 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico1-banner-top2.jpg?design=orange" alt=""></a> <div class="li1-content"><a href="#">Бесплатная доставка!</a> <p>Доставка по городу и области Бесплатна!</p> </div> </li> <li class="li-2 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico2-banner-top2.jpg?design=orange" alt=""></a> <div class="li2-content"><a href="#">30 дней Гарантии</a> <p>Вы можете вернуть товар в течении 30 дней после получения заказа</p> </div> </li> <li class="li-3 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico3-banner-top2.jpg?design=orange" alt=""></a> <div class="li3-content"><a href="#">Прием заказов 24/7</a> <p>Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</p> </div> </li> </ul> </div> </div> </div> </div> {% ENDIF %} <!-- /END Баннеры на главной -->замените на:
<!-- Каталог в шапке --> <div class="yt-main-menu col-lg-12 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 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 style="clear:both;"></div>
Далее найдите выше в этом же шаблоне:
<!-- Каталог в шапке --> <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 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="yt-main-menu col-lg-8 col-md-10 col-xs-12"> <div class="block-content"> {% 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>
далее найдите:
<div class="logo col-lg-3 col-md-2 col-xs-12">замените на:
<div class="logo col-lg-4 col-md-2 col-xs-12">
#9
Отправлено 21 Февраль 2015 - 05:03
MikDark (19 Февраль 2015 - 20:07) писал:
uyjv (19 Февраль 2015 - 18:28) писал:
Помогите чуть-чуть с изменениями.
1. надо убрать совсем каталог боковой, и как я подразумеваю и блок " вы смотрели" - убрать боковой каталог
2. 10.png - изменения в горизонтальном меню - надо сделать
3. 11.png - изменения в горизонтальном каталоге - сама сделала
4. можно выпадающее меню сделать прозрачным( я просто хочу убрать совсем серый цвет) - надо сделать
5. убрать совсем 12.png - готово
6. где меняется цвет , для " галочек" - надо сделать
13.png
7. и вот тут поменять цвет при наведение курсора( не нашла или пропустила) - надо сделать
14.png
Буду благодарна за помощь.
#10
Отправлено 21 Февраль 2015 - 09:36
#11
Отправлено 21 Февраль 2015 - 09:49
andrey99 (21 Февраль 2015 - 09:36) писал:
#12
Отправлено 21 Февраль 2015 - 10:56
На главной не нужно чтобы отображались каталоги "Новинки" и т.д.
#13
Отправлено 21 Февраль 2015 - 11:14
andrey99 (21 Февраль 2015 - 10:56) писал:
На главной не нужно чтобы отображались каталоги "Новинки" и т.д.
#15
Отправлено 21 Февраль 2015 - 12:13
uyjv (19 Февраль 2015 - 18:28) писал:
Помогите чуть-чуть с изменениями.
1. надо убрать совсем каталог боковой, и как я подразумеваю и блок " вы смотрели"
2. 10.png - изменения в горизонтальном меню
3. 11.png - изменения в горизонтальном каталоге
4. можно выпадающее меню сделать прозрачным( я просто хочу убрать совсем серый цвет)
5. убрать совсем 12.png
6. где меняется цвет , для " галочек"
13.png
7. и вот тут поменять цвет при наведение курсора( не нашла или пропустила)
14.png
Буду благодарна за помощь.
Здравствуйте
1) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Html найдите и замените строчку кода:
<div id="main_left" class="col-lg-3 col-md-3 col-sm-4 col-xs-12">на
<div id="main_left" class="none">
2) админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css добавьте в конец код:
.header-top .container { width: 100%; } .header-top .header-top-left { padding: 0; width: 390px; } .header-top .header-top-right .header-right-mobile { float: light; }3) -
4) Какое именно выпадающее меню вам требуется сделать прозрачным?
5) -
6) Они являются картинками которые можно заменить, для этого зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Файлы -> ico-breadcrumbs.png
7) Поменять этот цвет можно в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.feedbackForm .buttons-set .button:hover {background-color: #bd3339;}
#16
Отправлено 21 Февраль 2015 - 14:09
#17
Отправлено 21 Февраль 2015 - 15:56
andrey99 (21 Февраль 2015 - 14:09) писал:
.yt-main-menu.col-lg-8.col-md-10.col-xs-12 .block-content p { color: white; font-weight: bold; font-size: 18px; margin-left: 50px; text-align: center; width: 300px; }
#18
Отправлено 21 Февраль 2015 - 18:03
Cupuyc (21 Февраль 2015 - 12:13) писал:
на
2) админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css добавьте в конец код:
.header-top .container { width: 100%; } .header-top .header-top-left { padding: 0; width: 390px; } .header-top .header-top-right .header-right-mobile { float: light; }3) - 4) Какое именно выпадающее меню вам требуется сделать прозрачным? 5) - 6) Они являются картинками которые можно заменить, для этого зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Файлы -> ico-breadcrumbs.png 7) Поменять этот цвет можно в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
.feedbackForm .buttons-set .button:hover {background-color: #bd3339;}
Надо сделать изменения:
1. убрать совсем боковой каталог со всех страниц
2.верхнее меню надо привести вот к такому виду
3. верхний каталок: выпадающее меню сделать прозрачным(ледяным), ну в крайнем случае взять в рамочку
#20
Отправлено 21 Февраль 2015 - 21:05
uyjv (21 Февраль 2015 - 18:43) писал:
<div class="block-sidebar menu">И замените на:
<div class="block-sidebar menu"style="display:none;">Там же строчку:
<div class="block-sidebar viewed">Замените на:
<div class="block-sidebar viewed"style="display:none;">
2) админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите и замените строчку кода:
.header-top {background-color: #9966FF;height: 50px;}И замените на:
.header-top {height: 50px;}Там же строчки:
.header-top .header-top-left .top-navbar-links li a {padding: 18px 18px 12px 18px;display: block;font-size:115%;} .header-top .header-top-left .top-navbar-links li:hover {background-color: #f79242;}Замените на:
.header-top .header-top-left .top-navbar-links li a {padding: 18px 18px 12px 18px;display: block;font-size:115%;background-color: #9966FF;border-radius:20px} .header-top .header-top-left .top-navbar-links li:hover {background-color: #f79242;border-radius:20px}Строчку:
.header-top .header-top-right #search_mini_form {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;position: relative;background-color: #f79242;}Заменить на:
.header-top .header-top-right #search_mini_form {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;position: relative;background-color: #f79242;border-radius:15px}И строчку
.header-top .mini-cartpro .block-title {background-image: url('{ASSETS_IMAGES_PATH}ico-cart.png?design=orange');background-repeat: no-repeat;background-position: 15px 12px;background-color: #f79242;padding: 18px 18px 12px 50px;color: #fff;height: 50px;margin-left: 1px;}Заменить на:
.header-top .mini-cartpro .block-title {background-image: url('{ASSETS_IMAGES_PATH}ico-cart.png?design=orange');background-repeat: no-repeat;background-position: 15px 12px;background-color: #f79242;padding: 18px 18px 12px 50px;color: #fff;height: 50px;margin-left: 1px;border-radius:15px}
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных