Перейти к содержимому


Изменения


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 82

#41 _max_

_max_

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 10 Февраль 2016 - 07:49

Добрый день! подскажите, пожалуйста, как увеличить межстрочный интервал на главной, в описании. Аккаунт 374699

#42 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 10 Февраль 2016 - 09:13

Просмотр сообщения_max_ (10 Февраль 2016 - 07:49) писал:

Добрый день! подскажите, пожалуйста, как увеличить межстрочный интервал на главной, в описании. Аккаунт 374699

Изменения Вам произвели.

#43 _max_

_max_

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 10 Февраль 2016 - 09:51

Просмотр сообщенияMikDark (10 Февраль 2016 - 09:13) писал:

Изменения Вам произвели.
спасибо!

#44 Alex87

Alex87

    Пользователь

  • Пользователи
  • PipPip
  • 48 сообщений

Отправлено 17 Февраль 2016 - 19:26

Подскажите пожалуйста:

  1.В шапке, где телефоны, надо убрать фразы: ТЕЛЕФОНЫ ДЛЯ СВЯЗИ, ПРИЕМ ЗАКАЗОВ С 9 ДО 21.
  2. Сами номера телефонов и иконки телефонных трубок сделать крупнее.
  3. Строку поиска сместить вниз, ближе к слайдеру.

#45 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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 увеличивайте до нужного Вам значения, чтобы поиск опустился до нужного положения.

#46 _max_

_max_

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 19 Февраль 2016 - 10:48

Добрый день! необходимо поменять на главной блок с текстом и карусель товаров местами. полоска "На главной" должна остаться и надпись поменяться на "О нас", с выравниванием слева. Полоска до карусели не должна отображаться.

Прикрепленные изображения

  • изменения на главной.JPG


#47 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 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 _max_

_max_

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 19 Февраль 2016 - 11:36

спасибо! теперь образовалась пустота между описанием и каруселью

#49 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 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;}


#50 Alex87

Alex87

    Пользователь

  • Пользователи
  • PipPip
  • 48 сообщений

Отправлено 29 Февраль 2016 - 18:30

Здравствуйте. Подскажите пжл, как опустить контакты в шапке ниже и как обрезать в шапке строку поиска?! Скрин изменений прикрепляю.

Прикрепленные изображения

  • rfgcek.png


#51 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 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 Alex87

Alex87

    Пользователь

  • Пользователи
  • PipPip
  • 48 сообщений

Отправлено 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 раза?!

Заранее спасибо!

Прикрепленные изображения

  • rfgcek.png


#53 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 01 Март 2016 - 10:35

Просмотр сообщенияAlex87 (01 Март 2016 - 10:22) писал:

Ни каких изменений не произошло. Сделал откат бэк офиса. Еще раз подскажите пжл, как мне опустить контакты в шапке ниже, а строку поиска урезать в 2 раза?!

Заранее спасибо!

Здравствуйте.
Для этого вам необходимо повторить вышеуказанную инструкцию, после чего очистить кэш вашего интернет-браузера или открыть ваш сайт в режиме инкогнито, чтобы увидеть полученные изменения.
Проверьте, пожалуйста.

#54 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 01 Март 2016 - 10:39

Просмотр сообщенияAlex87 (01 Март 2016 - 10:22) писал:

Ни каких изменений не произошло. Сделал откат бэк офиса. Еще раз подскажите пжл, как мне опустить контакты в шапке ниже, а строку поиска урезать в 2 раза?!

Заранее спасибо!

Здравствуйте,

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 Alex87

Alex87

    Пользователь

  • Пользователи
  • PipPip
  • 48 сообщений

Отправлено 01 Июль 2016 - 16:30

Здравствуйте. У меня на главной странице есть меню, в котором есть контакты. Когда переходишь в эти контакты, под шапкой страницы показан путь перехода на страницу. Так вот у меня в этом пути написано, что я перешел не в контакты, а в связь с администрацией. Как мне сделать, что бы в этом пути высвечивались именно контакты?

Заранее спасибо!

#56 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 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 praim2

praim2

    Пользователь

  • Пользователи
  • PipPip
  • 41 сообщений

Отправлено 26 Август 2016 - 07:15

День добрый!
Подскажите пожалуйста как мне привести главную страницу к такому виду?
Подробней на рисунке
1) Убрать линию
2)Добавить телефон, email и корзину ( картитинки корзины , телефона и почты подгружаются из файлов админки)
У корзины должно  отображаться кол-во товаров и их сумма.
3) Убрать блок и вместо него разместить поиск

Отображаться должно при разрешениях от 1024 и выше

Номер аккаунта: SL-376370

Прикрепленные изображения

  • Безымянный.png


#58 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 28 Август 2016 - 14:44

Просмотр сообщенияpraim2 (26 Август 2016 - 07:15) писал:

День добрый!
Подскажите пожалуйста как мне привести главную страницу к такому виду?
Подробней на рисунке
1) Убрать линию
2)Добавить телефон, email и корзину ( картитинки корзины , телефона и почты подгружаются из файлов админки)
У корзины должно  отображаться кол-во товаров и их сумма.
3) Убрать блок и вместо него разместить поиск

Отображаться должно при разрешениях от 1024 и выше

Номер аккаунта: SL-376370
1) В main.css найдите и удалите код
#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">&nbsp;</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">&nbsp;</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">&nbsp;</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 praim2

praim2

    Пользователь

  • Пользователи
  • PipPip
  • 41 сообщений

Отправлено 29 Август 2016 - 10:51

Да, можно сместить.

как это сделать

#60 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 30 Август 2016 - 04:28

В шаблоне HTML найдите:
<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">&nbsp;</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 анонимных