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


Изменения В Магазине


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

#1 Slasher

Slasher

    Новичок

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

Отправлено 10 Июль 2019 - 19:40

Здравствуйте, помогите произвести следующие изменения:
1. Шапка.
  1.1. Расширить верхнюю синюю линию и вставить туда номер и почту магазина белым цветом.
  1.2. Вставить надпись "минимальная сумма заказа 900 рублей" синим шрифтом справа над слайдером.
  1.3. Иконку с права, отвечающую за Личный кабинет заменить на такую же иконку, только в которую будут входить все функции из Меню.
  1.4. Сделать так, что бы буквы на кнопках под слайдером горели синим, когда были активированы.
2. Подвал.
  2.1. В информационном блоке убрать "Бесплатная доставка".
  2.2. Убрать картинку подложку между информационным блоком и подвалом.
  2.3. Добавить онлайн чат, сдвинув стрелку быстрой перемотки.
Заранее спасибо за помощь.)

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

  • пример 1.png
  • пример 2.png


#2 MikDark

MikDark

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

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

Отправлено 11 Июль 2019 - 10:32

Просмотр сообщенияSlasher (10 Июль 2019 - 19:40) писал:

Здравствуйте, помогите произвести следующие изменения:
1. Шапка.
  1.1. Расширить верхнюю синюю линию и вставить туда номер и почту магазина белым цветом.
  1.2. Вставить надпись "минимальная сумма заказа 900 рублей" синим шрифтом справа над слайдером.
  1.3. Иконку с права, отвечающую за Личный кабинет заменить на такую же иконку, только в которую будут входить все функции из Меню.
  1.4. Сделать так, что бы буквы на кнопках под слайдером горели синим, когда были активированы.
2. Подвал.
  2.1. В информационном блоке убрать "Бесплатная доставка".
  2.2. Убрать картинку подложку между информационным блоком и подвалом.
  2.3. Добавить онлайн чат, сдвинув стрелку быстрой перемотки.
Заранее спасибо за помощь.)

Здравствуйте. Правки по первой части внесли, проверьте, пожалуйста. Если все устроит, то продолжим со второй

#3 Slasher

Slasher

    Новичок

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

Отправлено 11 Июль 2019 - 20:54

Просмотр сообщенияMikDark (11 Июль 2019 - 10:32) писал:

Здравствуйте. Правки по первой части внесли, проверьте, пожалуйста. Если все устроит, то продолжим со второй
Здравствуйте. Можно ли поднять слайдер на один уровень с каталогом, и перед номером с почтой, которые на верхней линии, поставить соответствующие значки? А в остальном все очень хорошо и качественно, спасибо.

#4 Vaccina

Vaccina

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

  • Модераторы
  • 23 584 сообщений

Отправлено 12 Июль 2019 - 08:53

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.min_sum {
	color: #09AFE7;
	font-size: 18px;
	text-align: right;
	padding: 0 0 10px;
	font-weight: bold;
}

замените на:
.min_sum {
	color: #09AFE7;
	font-size: 18px;
	text-align: right;
	padding: 0 0 10px;
	font-weight: bold;
	margin-top: -28px;
}

далее зайдите в шаблон HTML - найдите:
	<div id="header-top">
	  <div class="container">
		<div>
		  {% IF SETTINGS_STORE_EMAIL_MAIN %}<a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a>{% ENDIF %}
		   {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<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>{% ENDIF %}
						   

		 
		 
		</div>
	  </div>
    
    
замените на:
	<div id="header-top">
	  <div class="container">
		<div>
		  {% IF SETTINGS_STORE_EMAIL_MAIN %}<a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><em class="fa fa-envelope"></em> {SETTINGS_STORE_EMAIL_MAIN}</a>{% ENDIF %}
		  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><em class="fa fa-phone"></em> {SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a>{% ENDIF %}
		</div>
	  </div>


#5 Slasher

Slasher

    Новичок

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

Отправлено 12 Июль 2019 - 21:09

Просмотр сообщенияVaccina (12 Июль 2019 - 08:53) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.min_sum {
color: #09AFE7;
font-size: 18px;
text-align: right;
padding: 0 0 10px;
font-weight: bold;
}

замените на:
.min_sum {
color: #09AFE7;
font-size: 18px;
text-align: right;
padding: 0 0 10px;
font-weight: bold;
margin-top: -28px;
}

далее зайдите в шаблон HTML - найдите:
 <div id="header-top">
	 <div class="container">
	 <div>
		 {% IF SETTINGS_STORE_EMAIL_MAIN %}<a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<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>{% ENDIF %}
						

		
		
	 </div>
	 </div>


замените на:
 <div id="header-top">
	 <div class="container">
	 <div>
		 {% IF SETTINGS_STORE_EMAIL_MAIN %}<a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><em class="fa fa-envelope"></em> {SETTINGS_STORE_EMAIL_MAIN}</a>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><em class="fa fa-phone"></em> {SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a>{% ENDIF %}
	 </div>
	 </div>
Спасибо, все получилось. Теперь помогите пожалуйста подвал сделать. Я давал задания в начале.

#6 Vaccina

Vaccina

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

  • Модераторы
  • 23 584 сообщений

Отправлено 13 Июль 2019 - 02:18

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
	<!-- Информационный блок -->
	{% IF index_page %}
	<div id="block-info">
	  <div class="container">
		<div class="row">
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-truck"></em></div>
			<div class="text-block">
			  <h4>Бесплатная доставка</h4>
			</div>
		  </div>
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-unlock-alt"></em></div>
			<div class="text-block">
			  <h4>Безопасная оплата</h4>
			</div>
		  </div>
		  <div class="clear-resp"></div>
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-rotate-left"></em></div>
			<div class="text-block">
			  <h4>30 дней гарантии</h4>
			</div>
		  </div>
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-phone"></em></div>
			<div class="text-block">
			  <h4>Прием заказов 24/7</h4>
			</div>
		  </div>
		</div>
	  </div>
	</div>
	{% ENDIF %}
	<!-- /END Информационный блок -->

замените на:
	<!-- Информационный блок -->
	{% IF index_page %}
	<div id="block-info">
	  <div class="container">
		<div class="row">
		  <div class="col-md-4 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-unlock-alt"></em></div>
			<div class="text-block">
			  <h4>Безопасная оплата</h4>
			</div>
		  </div>
		  <div class="clear-resp"></div>
		  <div class="col-md-4 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-rotate-left"></em></div>
			<div class="text-block">
			  <h4>30 дней гарантии</h4>
			</div>
		  </div>
		  <div class="col-md-4 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-phone"></em></div>
			<div class="text-block">
			  <h4>Прием заказов 24/7</h4>
			</div>
		  </div>
		</div>
	  </div>
	</div>
	{% ENDIF %}
	<!-- /END Информационный блок -->


Код виджета консультанта разместите в разделе Настройки - Основные - в поле "Код для вывода на всех страницах магазина".

Далее зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#footer-top {overflow: hidden;border-bottom: 1px solid #333744;padding-top: 20px;padding-bottom: 15px;background: url('{ASSETS_IMAGES_PATH}bkg_brand.jpg?design=sport') no-repeat center center;}

замените на:
#footer-top {overflow: hidden;border-bottom: 1px solid #333744;background: url('{ASSETS_IMAGES_PATH}bkg_brand.jpg?design=sport') no-repeat center center;}


#7 Slasher

Slasher

    Новичок

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

Отправлено 13 Июль 2019 - 10:16

Просмотр сообщенияVaccina (13 Июль 2019 - 02:18) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Информационный блок -->
{% IF index_page %}
<div id="block-info">
	 <div class="container">
	 <div class="row">
		 <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
		 <div class="icon-block"><em class="fa fa-truck"></em></div>
		 <div class="text-block">
			 <h4>Бесплатная доставка</h4>
		 </div>
		 </div>
		 <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
		 <div class="icon-block"><em class="fa fa-unlock-alt"></em></div>
		 <div class="text-block">
			 <h4>Безопасная оплата</h4>
		 </div>
		 </div>
		 <div class="clear-resp"></div>
		 <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
		 <div class="icon-block"><em class="fa fa-rotate-left"></em></div>
		 <div class="text-block">
			 <h4>30 дней гарантии</h4>
		 </div>
		 </div>
		 <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
		 <div class="icon-block"><em class="fa fa-phone"></em></div>
		 <div class="text-block">
			 <h4>Прием заказов 24/7</h4>
		 </div>
		 </div>
	 </div>
	 </div>
</div>
{% ENDIF %}
<!-- /END Информационный блок -->

замените на:
<!-- Информационный блок -->
{% IF index_page %}
<div id="block-info">
	 <div class="container">
	 <div class="row">
		 <div class="col-md-4 col-sm-6 col-sms-6 col-smb-12 block-top-content">
		 <div class="icon-block"><em class="fa fa-unlock-alt"></em></div>
		 <div class="text-block">
			 <h4>Безопасная оплата</h4>
		 </div>
		 </div>
		 <div class="clear-resp"></div>
		 <div class="col-md-4 col-sm-6 col-sms-6 col-smb-12 block-top-content">
		 <div class="icon-block"><em class="fa fa-rotate-left"></em></div>
		 <div class="text-block">
			 <h4>30 дней гарантии</h4>
		 </div>
		 </div>
		 <div class="col-md-4 col-sm-6 col-sms-6 col-smb-12 block-top-content">
		 <div class="icon-block"><em class="fa fa-phone"></em></div>
		 <div class="text-block">
			 <h4>Прием заказов 24/7</h4>
		 </div>
		 </div>
	 </div>
	 </div>
</div>
{% ENDIF %}
<!-- /END Информационный блок -->


Код виджета консультанта разместите в разделе Настройки - Основные - в поле "Код для вывода на всех страницах магазина".

Далее зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#footer-top {overflow: hidden;border-bottom: 1px solid #333744;padding-top: 20px;padding-bottom: 15px;background: url('{ASSETS_IMAGES_PATH}bkg_brand.jpg?design=sport') no-repeat center center;}

замените на:
#footer-top {overflow: hidden;border-bottom: 1px solid #333744;background: url('{ASSETS_IMAGES_PATH}bkg_brand.jpg?design=sport') no-repeat center center;}
Спасибо. Все получилось.




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

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