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


Переместить Логотип


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

#1 acer5

acer5

    Продвинутый пользователь

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

Отправлено 16 Октябрь 2018 - 09:09

Здравствуйте! Помогите пожалуйста.
1. Убрать кнопку обратного звонка
2. Номер передвинуть правее
3. Логотип перенести на место телефона
4. Кнопку в корзину чуть отпустить в низ
5. Название товара наоборот чуть выше к кнопке
6. Сделать чтобы слайдер не увеличивался

Аккаунт SL-458617

#2 RayLi

RayLi

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

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

Отправлено 16 Октябрь 2018 - 11:52

Просмотр сообщенияacer5 (16 Октябрь 2018 - 09:09) писал:

Здравствуйте! Помогите пожалуйста.
1. Убрать кнопку обратного звонка
2. Номер передвинуть правее
3. Логотип перенести на место телефона
4. Кнопку в корзину чуть отпустить в низ
5. Название товара наоборот чуть выше к кнопке
6. Сделать чтобы слайдер не увеличивался

Аккаунт SL-458617

Здравствуйте.
В шаблоне html найдите, пожалуйста, данный блок кода:


	<!-- Шапка -->
	<div id="header">
	  <div class="header-top">
		<div class="container">
		  <div class="header-left">
			<div class="logo col-md-2 col-xs-6">
			  <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
				<img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}">
			  </a>
			</div>
			<!-- Телефон и Режим работы -->
			{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_WORK_TIME %}
			<div class="block phone">
			  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a>
			  <div class="time">{SETTINGS_STORE_WORK_TIME}</div>
			</div>
			{% ENDIF %}
			<!-- Обратный звонок -->
			<div class="block callback">
			  <a class="button button3" href="#fancybox-callback" title="Обратный звонок"><i class="fa fa-phone"></i><span class="hide">Обратный звонок</span></a>
			  <div id="fancybox-callback" style="display:none">
				<h4 class="title">Обратный звонок</h4>
				<form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
				  <input type="hidden" name="hash" value="{HASH}" />
				  <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/>
				  <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				  {ANTISPAM_CODE}
				  <div class="callback-input">
					<input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Ваше имя" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off">
				  </div>
				  <div class="callback-input">
					<input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off">
				  </div>
				  <div class="pp">Нажимая на кнопку Отправить,<br/> Вы соглашаетесь с <a href="#">правилами обработки данных</a></div>
				  <button type="submit" title="Отправить" class="button button3">Отправить</button>
				</form>
			  </div>
			</div>
		  </div>
		  <div class="header-right">
			<!-- Меню -->

И замените его этим вот кодом:

	<!-- Шапка -->
	<div id="header">
	  <div class="header-top">
		<div class="container">
		  <div class="header-left">
			<div class="logo col-md-2 col-xs-6">
			  <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
				<img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}">
			  </a>
			</div>
			<!-- Телефон и Режим работы -->
			{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_WORK_TIME %}
			<div class="block phone">
			  <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a>
			  <div class="time">{SETTINGS_STORE_WORK_TIME}</div>
			</div>
			{% ENDIF %}
		  </div>
		  <div class="header-right">
			<!-- Меню -->


После чего, всё в том же шаблоне, найдите, пожалуйста, следующий блок кода:

	  <!-- Меню Каталог в шапке -->
	  <div class="header-middle">
		<div class="container">
		  <div class="logo col-md-2 col-xs-6">
			<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
			  <img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}">
			</a>
		  </div>
		  <!-- Каталог -->

И замените его этим кодом:

	  <!-- Меню Каталог в шапке -->
	  <div class="header-middle">
		<div class="container">
		  <!-- Каталог -->


#3 acer5

acer5

    Продвинутый пользователь

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

Отправлено 16 Октябрь 2018 - 13:11

Просмотр сообщенияRayLi (16 Октябрь 2018 - 11:52) писал:

Здравствуйте.
В шаблоне html найдите, пожалуйста, данный блок кода:


<!-- Шапка -->
<div id="header">
<div class="header-top">
<div class="container">
<div class="header-left">
<div class="logo col-md-2 col-xs-6">
<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
<img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}">
</a>
</div>
<!-- Телефон и Режим работы -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_WORK_TIME %}
<div class="block phone">
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a>
<div class="time">{SETTINGS_STORE_WORK_TIME}</div>
</div>
{% ENDIF %}
<!-- Обратный звонок -->
<div class="block callback">
<a class="button button3" href="#fancybox-callback" title="Обратный звонок"><i class="fa fa-phone"></i><span class="hide">Обратный звонок</span></a>
<div id="fancybox-callback" style="display:none">
<h4 class="title">Обратный звонок</h4>
<form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
<input type="hidden" name="hash" value="{HASH}" />
<input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/>
<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
{ANTISPAM_CODE}
<div class="callback-input">
<input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Ваше имя" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off">
</div>
<div class="callback-input">
<input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off">
</div>
<div class="pp">Нажимая на кнопку Отправить,<br/> Вы соглашаетесь с <a href="#">правилами обработки данных</a></div>
<button type="submit" title="Отправить" class="button button3">Отправить</button>
</form>
</div>
</div>
</div>
<div class="header-right">
<!-- Меню -->

И замените его этим вот кодом:

<!-- Шапка -->
<div id="header">
<div class="header-top">
<div class="container">
<div class="header-left">
<div class="logo col-md-2 col-xs-6">
<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
<img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}">
</a>
</div>
<!-- Телефон и Режим работы -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_WORK_TIME %}
<div class="block phone">
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a>
<div class="time">{SETTINGS_STORE_WORK_TIME}</div>
</div>
{% ENDIF %}
</div>
<div class="header-right">
<!-- Меню -->


После чего, всё в том же шаблоне, найдите, пожалуйста, следующий блок кода:

<!-- Меню Каталог в шапке -->
<div class="header-middle">
<div class="container">
<div class="logo col-md-2 col-xs-6">
<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
<img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}">
</a>
</div>
<!-- Каталог -->

И замените его этим кодом:

<!-- Меню Каталог в шапке -->
<div class="header-middle">
<div class="container">
<!-- Каталог -->
Спасибо. Вот что стало, логотип можно увеличить и телефон еще правее?

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

  • Screenshot (14).png


#4 acer5

acer5

    Продвинутый пользователь

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

Отправлено 16 Октябрь 2018 - 13:42

В мобильной версии тоже выровнять все по центру

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

  • Screenshot (15).png


#5 RayLi

RayLi

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

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

Отправлено 16 Октябрь 2018 - 17:37

Просмотр сообщенияacer5 (16 Октябрь 2018 - 13:42) писал:

В мобильной версии тоже выровнять все по центру

В шаблоне main.css найдите, пожалуйста, следующий блок кода:

@media all and (max-width: 641px) {
.scroll {overflow-x: scroll;}
#producttabs .pdt-nav > li {display: block;float: none;}

И замените его этим вот кодом:

@media all and (max-width: 641px) {
.scroll {overflow-x: scroll;}
.header-top .header-left .logo.col-md-2.col-xs-6 {width: 100%;}
#producttabs .pdt-nav > li {display: block;float: none;}


#6 acer5

acer5

    Продвинутый пользователь

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

Отправлено 17 Октябрь 2018 - 13:46

Просмотр сообщенияacer5 (16 Октябрь 2018 - 13:11) писал:

Спасибо. Вот что стало, логотип можно увеличить и телефон еще правее?
Помогите пожалуйста, телефон еще правее и логотип был нормального размера и сделать в один ряд по центру разделы сайта.

#7 RayLi

RayLi

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

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

Отправлено 17 Октябрь 2018 - 13:52

Просмотр сообщенияacer5 (17 Октябрь 2018 - 13:46) писал:

Помогите пожалуйста, телефон еще правее и логотип был нормального размера и сделать в один ряд по центру разделы сайта.

Для этого Вам необходимо в шаблоне html найти следующий блок кода:

	<!-- Шапка -->
		<div id="header">
		  <div class="header-top">
				<div class="container">
				  <div class="header-left">
						<div class="logo col-md-2 col-xs-6">
						  <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
								<img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}">
						  </a>
						</div>
						<!-- Телефон и Режим работы -->

И заменить его этим вот кодом:

	<!-- Шапка -->
		<div id="header">
		  <div class="header-top">
				<div class="container">
				  <div class="header-left">
						<div class="logo col-md-5 col-xs-6">
						  <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
								<img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}">
						  </a>
						</div>
						<!-- Телефон и Режим работы -->





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных