Кнопка Каталог, Текст В Шапке Шаблона
#1
Отправлено 09 Ноябрь 2015 - 21:11
1) справа от логотипа, добавить текст, номер телефона и т.д.
2) вместо блоков с категориями товаров, поменять на кнопку "каталог" (сразу над слайдами, растянутая)
#2
Отправлено 10 Ноябрь 2015 - 19:55
UGIN (09 Ноябрь 2015 - 21:11) писал:
1) справа от логотипа, добавить текст, номер телефона и т.д.
2) вместо блоков с категориями товаров, поменять на кнопку "каталог" (сразу над слайдами, растянутая)
1) В шаблоне html найдите код
<!-- Логотип --> <div class="logo col-lg-3 col-md-2 col-xs-12"> <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/"> <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange"> </a> </div>и замените на
<!-- Логотип --> <div class="logo col-lg-3 col-md-2 col-xs-12"> <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/"> <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange"> </a> </div> <!-- ТЕКСТ --> <div class="logo col-lg-9 col-md-10 col-xs-12"> <p>СТРОКА 1</p> <p>СТРОКА 2</p> <p>СТРОКА 3</p> <p>СТРОКА и т.д.</p> </div>2) Кнопка каталог, должна работать как ссылка, при нажатии на которую пользователь переходил на страницу каталога? Если да, то сделайте следующее:
в шаблоне 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 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-9 col-md-10 col-xs-12"> <a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ</a> </div>После в конец main.css добавьте
a.catalogshapka { font-size: 30px; color: #F00; border: 2px solid #F00; padding: 10px 100px 10px; background: #F0F; } a.catalogshapka:hover { color: #F00; border: 2px solid #F00; background: #F0F; }стили изменяйте на свои.
#3
Отправлено 12 Ноябрь 2015 - 22:48
Danil (10 Ноябрь 2015 - 19:55) писал:
[url="http://{NET_DOMAIN}/"][img]{ASSETS_IMAGES_PATH}logo.png?design=orange[/img] [/url]и замените на
[url="http://{NET_DOMAIN}/"][img]{ASSETS_IMAGES_PATH}logo.png?design=orange[/img] [/url] СТРОКА 1 СТРОКА 2 СТРОКА 3 СТРОКА и т.д.2) Кнопка каталог, должна работать как ссылка, при нажатии на которую пользователь переходил на страницу каталога? Если да, то сделайте следующее: в шаблоне html найдите код
Каталог [list] {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}[*] [list] {% ENDIF %}{% ENDIF %}[*][url="{catalog_full.URL}"]{catalog_full.NAME}[/url] {% IF catalog_full.ISSET_SUB=0 %} {% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%} [/list]{%IFNOT catalog_full.out.LAST%}{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} [/list] [list] {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}[*] [list] {% ENDIF %}{% ENDIF %}[*][url="{catalog_full.URL}"]{% IF catalog_full.ISSET_SUB %}{% ENDIF %}{catalog_full.NAME}[/url] {% IF catalog_full.ISSET_SUB=0 %} {% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%} [/list]{%IFNOT catalog_full.out.LAST%}{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %} [/list]и замените на
[url="http://{NET_DOMAIN}/catalog"]КАТАЛОГ[/url]После в конец main.css добавьте
a.catalogshapka { font-size: 30px; color: #F00; border: 2px solid #F00; padding: 10px 100px 10px; background: #F0F; } a.catalogshapka:hover { color: #F00; border: 2px solid #F00; background: #F0F; }стили изменяйте на свои.
#4
Отправлено 13 Ноябрь 2015 - 01:16
a.catalogshapka { font-size: 30px; color: #FFF; border: 2px solid #F00; padding: 10px 100px; background: #2A8D9C; }
замените на:
a.catalogshapka { font-size: 30px; color: #FFF; border: 2px solid #F00; padding: 10px 100px; background: #2A8D9C; width: 100%; display: block; text-align: center; border-radius: 20px; }
#5
Отправлено 13 Ноябрь 2015 - 15:28
Vaccina (13 Ноябрь 2015 - 01:16) писал:
a.catalogshapka { font-size: 30px; color: #FFF; border: 2px solid #F00; padding: 10px 100px; background: #2A8D9C; }
замените на:
a.catalogshapka { font-size: 30px; color: #FFF; border: 2px solid #F00; padding: 10px 100px; background: #2A8D9C; width: 100%; display: block; text-align: center; border-radius: 20px; }
#6
Отправлено 13 Ноябрь 2015 - 15:39
UGIN (13 Ноябрь 2015 - 15:28) писал:
a.catalogshapka { font-size: 25px; color: #2A8D9C; border: 0px solid #F00; padding: 20px 30px; background: #2A8D9C; width: 100%; display: block; text-align: center; border-radius: 20px; }и замените на
a.catalogshapka { font-size: 25px; color: #2A8D9C; border: 2px solid #F00; padding: 20px 30px; background: #1CAE5C; width: 100%; display: block; text-align: center; border-radius: 20px; }
#7
Отправлено 13 Ноябрь 2015 - 15:42
Danil (13 Ноябрь 2015 - 15:39) писал:
a.catalogshapka { font-size: 25px; color: #2A8D9C; border: 0px solid #F00; padding: 20px 30px; background: #2A8D9C; width: 100%; display: block; text-align: center; border-radius: 20px; }и замените на
a.catalogshapka { font-size: 25px; color: #2A8D9C; border: 2px solid #F00; padding: 20px 30px; background: #1CAE5C; width: 100%; display: block; text-align: center; border-radius: 20px; }
#9
Отправлено 13 Ноябрь 2015 - 20:48
UGIN (13 Ноябрь 2015 - 15:42) писал:
Danil (13 Ноябрь 2015 - 15:43) писал:
#10
Отправлено 13 Ноябрь 2015 - 20:54
UGIN (13 Ноябрь 2015 - 20:48) писал:
<!-- Каталог в шапке --> <div class="yt-main-menu col-lg-9 col-md-10 col-xs-12"> <a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ</a> </div> </div> </div> </div> <!-- Нижняя часть шапки --> <div class="header-bottom">и замените на
<!-- Каталог в шапке --> </div> </div> </div> <div class="yt-main-menu col-lg-12 col-md-12 col-xs-12"> <a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ</a> </div> <!-- Нижняя часть шапки --> <div class="header-bottom">В main.css найдите код
a.catalogshapka { font-size: 25px; color: #2A8D9C; border: 2px solid #F00; padding: 20px 30px; background: #1CAE5C; width: 100%; display: block; text-align: center; border-radius: 20px; }и замените на
a.catalogshapka { font-size: 25px; color: #2A8D9C; border: 2px solid #F00; padding: 20px 30px; background: #F00; display: block; text-align: center; margin: 0 auto; width: 300px; }
#11
Отправлено 13 Ноябрь 2015 - 21:05
Danil (13 Ноябрь 2015 - 20:54) писал:
<!-- Каталог в шапке --> <div class="yt-main-menu col-lg-9 col-md-10 col-xs-12"> <a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ</a> </div> </div> </div> </div> <!-- Нижняя часть шапки --> <div class="header-bottom">и замените на
<!-- Каталог в шапке --> </div> </div> </div> <div class="yt-main-menu col-lg-12 col-md-12 col-xs-12"> <a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ</a> </div> <!-- Нижняя часть шапки --> <div class="header-bottom">В main.css найдите код
a.catalogshapka { font-size: 25px; color: #2A8D9C; border: 2px solid #F00; padding: 20px 30px; background: #1CAE5C; width: 100%; display: block; text-align: center; border-radius: 20px; }и замените на
a.catalogshapka { font-size: 25px; color: #2A8D9C; border: 2px solid #F00; padding: 20px 30px; background: #F00; display: block; text-align: center; margin: 0 auto; width: 300px; }
#12
Отправлено 14 Ноябрь 2015 - 02:33
a.catalogshapka { font-size: 25px; color: #2A8D9C; border: 2px solid #F00; padding: 20px 30px; background: #F00; display: block; text-align: center; margin: 0 auto; width: 300px; }
замените на:
a.catalogshapka { font-size: 25px; color: #2A8D9C; border: 2px solid #F00; padding: 20px 30px; background: #F00; display: block; text-align: center; border-radius: 10px; margin: 0 auto; width: 300px; }
#13
Отправлено 14 Ноябрь 2015 - 19:02
Vaccina (14 Ноябрь 2015 - 02:33) писал:
a.catalogshapka { font-size: 25px; color: #2A8D9C; border: 2px solid #F00; padding: 20px 30px; background: #F00; display: block; text-align: center; margin: 0 auto; width: 300px; }
замените на:
a.catalogshapka { font-size: 25px; color: #2A8D9C; border: 2px solid #F00; padding: 20px 30px; background: #F00; display: block; text-align: center; border-radius: 10px; margin: 0 auto; width: 300px; }
как её сделать, как на втором слайде?
#14
Отправлено 15 Ноябрь 2015 - 10:47
UGIN (14 Ноябрь 2015 - 19:02) писал:
как её сделать, как на втором слайде?
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<<!-- Каталог в шапке -->
Замените на:
<!-- Каталог в шапке -->
Найдите код:
<a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ</a>
Замените на:
<a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ ТОВАРОВ</a>
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
a.catalogshapka { font-size: 25px; color: #000000; border: 2px solid #ffffff; padding: 15px 80px; background: #ffffff; display: block; text-align: center; border-radius: 40px; margin: 0 auto; width: 800px; } a.catalogshapka:hover { color: #000000; border: 2px solid #F00; background: #ffffff; }
Замените на:
a.catalogshapka { font-size: 25px; color: #000000; border: 2px solid #ffffff; padding: 15px 80px; background: #ffffff; display: block; text-align: center; border-radius: 40px; margin: 0 auto; width: 800px; -moz-box-shadow: 0 0 20px #fff; -webkit-box-shadow: 0 0 20px #fff; box-shadow: 0 0 20px #fff;} a.catalogshapka:hover { color: #000000; background: #ffffff; }
#15
Отправлено 15 Ноябрь 2015 - 11:46
Firefly (15 Ноябрь 2015 - 10:47) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<<!-- Каталог в шапке -->
Замените на:
<!-- Каталог в шапке -->
Найдите код:
<a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ</a>
Замените на:
<a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ ТОВАРОВ</a>
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
a.catalogshapka { font-size: 25px; color: #000000; border: 2px solid #ffffff; padding: 15px 80px; background: #ffffff; display: block; text-align: center; border-radius: 40px; margin: 0 auto; width: 800px; } a.catalogshapka:hover { color: #000000; border: 2px solid #F00; background: #ffffff; }
Замените на:
a.catalogshapka { font-size: 25px; color: #000000; border: 2px solid #ffffff; padding: 15px 80px; background: #ffffff; display: block; text-align: center; border-radius: 40px; margin: 0 auto; width: 800px; -moz-box-shadow: 0 0 20px #fff; -webkit-box-shadow: 0 0 20px #fff; box-shadow: 0 0 20px #fff;} a.catalogshapka:hover { color: #000000; background: #ffffff; }
1) как убрать эту фигурную скобку?
2)"утопить" кнопку, что-бы вокруг нее была зеленая оконтовка
3) в тексте "каталог" поменять на " каталог товаров"
Спасибо!
#16
Отправлено 15 Ноябрь 2015 - 12:00
UGIN (15 Ноябрь 2015 - 11:46) писал:
1) как убрать эту фигурную скобку?
2)"утопить" кнопку, что-бы вокруг нее была зеленая оконтовка
3) в тексте "каталог" поменять на " каталог товаров"
Спасибо!
Здравствуйте!
Вам были высланы инструкции по вопросам 1 и 3 в посте #15. Протестировали Ваш сайт, эти изменения уже внесены.
Но кнопка выглядит некорректно. Выполните пожалуйста инструкции еще раз, чтобы ми моли помочь Вам с вопросом №2.
#17
Отправлено 15 Ноябрь 2015 - 12:02
UGIN (15 Ноябрь 2015 - 11:46) писал:
1) как убрать эту фигурную скобку?
2)"утопить" кнопку, что-бы вокруг нее была зеленая оконтовка
3) в тексте "каталог" поменять на " каталог товаров"
Спасибо!
#18
Отправлено 15 Ноябрь 2015 - 12:17
UGIN (15 Ноябрь 2015 - 12:02) писал:
Найдите в шаблоне html строку
<div class="yt-main-menu col-lg-12 col-md-12 col-xs-12">и замените на
<div class="yt-main-menu col-lg-12 col-md-12 col-xs-12" style="padding-top: 15px;">
#20
Отправлено 04 Декабрь 2015 - 21:55
RedHead (15 Ноябрь 2015 - 12:17) писал:
<div class="yt-main-menu col-lg-12 col-md-12 col-xs-12">и замените на
<div class="yt-main-menu col-lg-12 col-md-12 col-xs-12" style="padding-top: 15px;">
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных