Изменения
#41
Отправлено 10 Февраль 2016 - 07:49
#44
Отправлено 17 Февраль 2016 - 19:26
1.В шапке, где телефоны, надо убрать фразы: ТЕЛЕФОНЫ ДЛЯ СВЯЗИ, ПРИЕМ ЗАКАЗОВ С 9 ДО 21.
2. Сами номера телефонов и иконки телефонных трубок сделать крупнее.
3. Строку поиска сместить вниз, ближе к слайдеру.
#45
Отправлено 18 Февраль 2016 - 09:20
Alex87 (17 Февраль 2016 - 19:26) писал:
1.В шапке, где телефоны, надо убрать фразы: ТЕЛЕФОНЫ ДЛЯ СВЯЗИ, ПРИЕМ ЗАКАЗОВ С 9 ДО 21.
2. Сами номера телефонов и иконки телефонных трубок сделать крупнее.
3. Строку поиска сместить вниз, ближе к слайдеру.
Здравствуйте,
1) В шаблоне HTMl найдите код:
<div class="col-md-3 col-xs-12 contacts"> <div>Телефоны для связи</div> <div class="tel-right"><em class="fa fa-phone"> </em><a href="tel:+7(495)123-45-67">+7(495)123-45-67</a></div> <div class="tel-right"><em class="fa fa-phone"> </em><a href="tel:+7(495)123-45-67">+7(495)123-45-67</a></div> <div>Прием заказов с 9:00 до 21:00</div> <div><a href="#">Заказать обратный звонок</a></div> </div>
и замените на код:
<div class="col-md-3 col-xs-12 contacts"> <div class="tel-right"><em class="fa fa-phone"> </em><a href="tel:+7(495)123-45-67">+7(495)123-45-67</a></div> <div class="tel-right"><em class="fa fa-phone"> </em><a href="tel:+7(495)123-45-67">+7(495)123-45-67</a></div> </div>
2) В main.css найдите код:
.tel-right { position: relative; color: #696C79; font-size: 23px; }
у свойства font-size изменяйте числовое значение на нужное Вам, в Вашем случае нужно поставить больше 23.
3) в main.css найдите код:
#header .header-search {margin-top: 20px;}
значение 20 увеличивайте до нужного Вам значения, чтобы поиск опустился до нужного положения.
#47
Отправлено 19 Февраль 2016 - 11:20
_max_ (19 Февраль 2016 - 10:48) писал:
Здравствуйте, в шаблоне HTML найдите код:
<!-- Товары на главной, Новинки, Хиты -->
перед этим кодом добавьте код:
<div class="block-title"> <a href="http://babyplay21.ru/catalog"><h5><span>О Нас</span></h5></a></div> <div class="htmlDataBlock"> {% IF FORM_NOTICE %} <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div> {% ENDIF %} {PAGE_CONTENT} </div>
В main.css найдите код:
#producttabs .pdt-nav {display: block;margin-bottom: 20px;background-color: #333744;float: left;width: 100%;text-align: center;}
и замените на код:
#producttabs .pdt-nav {display: none;margin-bottom: 20px;background-color: #333744;float: left;width: 100%;text-align: center;} .col-right .block-title {text-align: center;}
Далее в шаблоне страница
{% IFNOT index_page && PAGE_NAME %} <div class="block-title"> <h1>{PAGE_NAME}</h1> </div> {% ENDIF %} <div class="htmlDataBlock"> {% IF FORM_NOTICE %} <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div> {% ENDIF %} {PAGE_CONTENT} </div>
замените на код:
{% IFNOT index_page && PAGE_NAME %} <div class="block-title"> <h1>{PAGE_NAME}</h1> </div> <div class="htmlDataBlock"> {% IF FORM_NOTICE %} <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div> {% ENDIF %} {PAGE_CONTENT} </div> {% ENDIF %}
#48
Отправлено 19 Февраль 2016 - 11:36
#49
Отправлено 19 Февраль 2016 - 12:03
_max_ (19 Февраль 2016 - 11:36) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.index-page-goods .box-up-sell .block-title {margin-bottom: 0px;} .index-page-goods .block-title {height:1px;}
#51
Отправлено 29 Февраль 2016 - 18:42
Alex87 (29 Февраль 2016 - 18:30) писал:
Здравствуйте.
Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
.col-md-3.col-xs-12.contacts { padding-left: 10px; background: url("{ASSETS_IMAGES_PATH}ссылка на иконку") no-repeat left center; }
И замените его вот этим вот кодом:
.col-md-3.col-xs-12.contacts { padding-left: 10px; background: url("{ASSETS_IMAGES_PATH}ссылка на иконку") no-repeat left center; margin-top: 95px; }
Далее в том же шаблоне найдите, пожалуйста, следующий код:
#header .header-search .search-hover .form-search input { margin-top: 1px; position: relative; z-index: 1000; padding: 0; float: left; background: #fff; border: 1px solid #e5e5e5; width: 450px; }
И замените его вот этим кодом:
#header .header-search .search-hover .form-search input { margin-top: 1px; position: relative; z-index: 1000; padding: 0; float: left; background: #fff; border: 1px solid #e5e5e5; width: 300px; }
#52
Отправлено 01 Март 2016 - 10:22
RayLi (29 Февраль 2016 - 18:42) писал:
Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
.col-md-3.col-xs-12.contacts { padding-left: 10px; background: url("{ASSETS_IMAGES_PATH}ссылка на иконку") no-repeat left center; }
И замените его вот этим вот кодом:
.col-md-3.col-xs-12.contacts { padding-left: 10px; background: url("{ASSETS_IMAGES_PATH}ссылка на иконку") no-repeat left center; margin-top: 95px; }
Далее в том же шаблоне найдите, пожалуйста, следующий код:
#header .header-search .search-hover .form-search input { margin-top: 1px; position: relative; z-index: 1000; padding: 0; float: left; background: #fff; border: 1px solid #e5e5e5; width: 450px; }
И замените его вот этим кодом:
#header .header-search .search-hover .form-search input { margin-top: 1px; position: relative; z-index: 1000; padding: 0; float: left; background: #fff; border: 1px solid #e5e5e5; width: 300px; }
Ни каких изменений не произошло. Сделал откат бэк офиса. Еще раз подскажите пжл, как мне опустить контакты в шапке ниже, а строку поиска урезать в 2 раза?!
Заранее спасибо!
#53
Отправлено 01 Март 2016 - 10:35
Alex87 (01 Март 2016 - 10:22) писал:
Заранее спасибо!
Здравствуйте.
Для этого вам необходимо повторить вышеуказанную инструкцию, после чего очистить кэш вашего интернет-браузера или открыть ваш сайт в режиме инкогнито, чтобы увидеть полученные изменения.
Проверьте, пожалуйста.
#54
Отправлено 01 Март 2016 - 10:39
Alex87 (01 Март 2016 - 10:22) писал:
Заранее спасибо!
Здравствуйте,
1) Поиск Вам уменьшили по той инструкции, что описана выше, очистите кеш, и проверьте.
2) Чтобы отпустить контакты в конце main.css добавьте код:
.contacts .tel-right:first-child {margin-top:40px}
значение 40 измените на нужное (чем больше установите, тем ниже опустится блок с контактами).
так же код
.col-md-3.col-xs-12.contacts { padding-left: 10px; background: url("ссылка на иконку") no-repeat left center; }
замените на код:
.col-md-3.col-xs-12.contacts { padding-left: 10px; }
#55
Отправлено 01 Июль 2016 - 16:30
Заранее спасибо!
#56
Отправлено 01 Июль 2016 - 16:39
Alex87 (01 Июль 2016 - 16:30) писал:
Заранее спасибо!
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<title>{PAGE_TITLE}</title>
Замените на:
<title>{% IF PAGE_TITLE=Связь с администрацией %}Контакты{% ELSE %}{PAGE_TITLE}{% ENDIF %}</title>
Найдите код:
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Связь с администрацией</strong></li>
Замените на:
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><strong itemprop="name">Контакты</strong></li>
#57
Отправлено 26 Август 2016 - 07:15
Подскажите пожалуйста как мне привести главную страницу к такому виду?
Подробней на рисунке
1) Убрать линию
2)Добавить телефон, email и корзину ( картитинки корзины , телефона и почты подгружаются из файлов админки)
У корзины должно отображаться кол-во товаров и их сумма.
3) Убрать блок и вместо него разместить поиск
Отображаться должно при разрешениях от 1024 и выше
Номер аккаунта: SL-376370
#58
Отправлено 28 Август 2016 - 14:44
praim2 (26 Август 2016 - 07:15) писал:
Подскажите пожалуйста как мне привести главную страницу к такому виду?
Подробней на рисунке
1) Убрать линию
2)Добавить телефон, email и корзину ( картитинки корзины , телефона и почты подгружаются из файлов админки)
У корзины должно отображаться кол-во товаров и их сумма.
3) Убрать блок и вместо него разместить поиск
Отображаться должно при разрешениях от 1024 и выше
Номер аккаунта: SL-376370
#custommenu ul.menunav li > a.active {border-bottom: 2px solid #09afe7;}
2) В main.css найдите код
#header-right .fa {width: 45px;height: 45px;line-height: 45px;color: #fff;font-size: 16px;background: #09afe7;text-align: center;margin-bottom: 5px;border: 1px solid #fff;}и замените на
.cart-title .fa {width: 45px;height: 45px;line-height: 45px;color: #fff;font-size: 16px;background: #09afe7;text-align: center;margin-bottom: 5px;border: 1px solid #fff;}В шаблоне html найдите код
</div> </div> </div> <!-- /END Шапка (логотип, каталог)-->и перед ним вставьте
<div class="col-md-9 col-xs-12"> <div class="col-md-4 col-sm-6 col-sms-6 col-smb-12">{% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope"> </em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}</div> <div class="col-md-4 col-sm-6 col-sms-6 col-smb-12">{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><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></span></p>{% ENDIF %}</div> <div class="col-md-4 col-sm-6 col-sms-6 col-smb-12"> <div class="cart-title"> <a href="{CART_URL}"><i class="fa fa-shopping-cart"> </i></a> {% IF cart_count_empty %} <div class="cart-empty">Ваша корзина пуста</div> {% ELSE %} <span class="ajax_cart_quantity"><span>В корзине</span>{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span> {% ENDIF %} </div> </div> </div>3) Данный блок является тегом h1, поэтому удалять его нельзя, т.к. сайт будет хуже индексироваться.
Возможно заголовок h1 стоит сместить ниже и изменить его стилистику?
#59
Отправлено 29 Август 2016 - 10:51
как это сделать
#60
Отправлено 30 Август 2016 - 04:28
<div class="col-md-4 col-sm-6 col-sms-6 col-smb-12"> <div class="cart-title"> <a href="{CART_URL}"><i class="fa fa-shopping-cart"> </i></a> {% IF cart_count_empty %} <div class="cart-empty">Ваша корзина пуста</div> {% ELSE %} <span class="ajax_cart_quantity"><span>В корзине</span>{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span> {% ENDIF %} </div> </div>
после него пропишите:
<div class="col-md-12 col-xs-12 search"> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;"> <div class="form-search"> <input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск по магазину..."> <input type="hidden" name="goods_search_field_id" value="0"> <button type="submit" title="Искать" class="fa fa-search"></button> </div> </form> </div>
В main.css найдите:
#header-right .header-search {position: relative;clear: both;} #header-right .header-search .search-hover {position: absolute;top: 0;right: 45px;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);} #header-right .header-search:hover .search-hover {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);} #header-right .header-search .search-hover .form-search {position: relative;z-index: 1000;padding: 0;float: right;background: #fff;border: 1px solid #e5e5e5;width: 300px;} #header-right .header-search .search-hover .form-search input {font-size: 13px;float: left;margin: 0;border: none;background: none;padding: 6px 10px;color: #b6b6b6;width: 300px;height: 43px;line-height: 43px;padding-right: 60px;} #header-right .header-search .search-hover .form-search button {position: absolute;top: -1px;right: 5px;outline: 0;} #header-right .header-search .search-hover .form-search .fa-search {font-size: 16px;color: #333744;line-height: 43px;padding: 0 17px;width: 50px;background: transparent;float: right;margin-bottom: 0;border: 0;} #header-right .header-search .search-hover .form-search .fa-search:hover {color: #fff;background: #09afe7;cursor: pointer;}
после него пропишите:
#header .search {position: relative;clear: both;} #header .search .form-search {position: relative;z-index: 1000;padding: 0;float: right;background: #fff;border: 1px solid #e5e5e5;width: 70%;} #header .search .form-search input {font-size: 13px;float: left;margin: 0;border: none;background: none;padding: 6px 10px;color: #b6b6b6;width: 300px;height: 43px;line-height: 43px;padding-right: 60px;} #header .search .form-search button {position: absolute;top: -1px;right: 5px;outline: 0;} #header .search .form-search .fa-search {font-size: 16px;color: #333744;line-height: 43px;padding: 0 17px;width: 50px;background: transparent;float: right;margin-bottom: 0;border: 0;} #header .search .form-search .fa-search:hover {color: #fff;background: #09afe7;cursor: pointer;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных