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


Преимущества И Вы Смотрели


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

#1 Дмитрий Шумский

Дмитрий Шумский

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

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

Отправлено 17 Июль 2017 - 20:38

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

Очень понравился новый шаблон Туризм.

Аккаунт SL-357668

У меня стоит Рассвет, и я бы хотел установить себе в карточку товара преимущества из шаблона Туризм, выделил на принт скрине.

12.jpg

Подскажите пожалуйста, как это сделать?

Спасибо!

#2 Vaccina

Vaccina

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

  • Модераторы
  • 22 349 сообщений

Отправлено 18 Июль 2017 - 08:26

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<!-- Краткое описание -->
	{% IF GOODS_DESCRIPTION_SHORT %}
	<div class="short-description f-fix">
	  <p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p>
	</div>
	{% ENDIF %}

после него вставьте:
<div class="custom-block f-fix">
		  <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
			<i class="icon-shipped"></i>
			<div class="text-area"><h3>Бесплатная<br> Доставка</h3></div>
		  </div>
		  <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
			<i class="icon-us-dollar"></i>
			<div class="text-area"><h3>Гарантия<br>Возврата</h3></div>
		  </div>
		  <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
			<i class="icon-online-support"></i>
			<div class="text-area"><h3>Онлайн<br>Поддержка</h3></div>
		  </div>
		</div>

Далее зайдите в шаблон main.css - найдите:
.product-view .product-shop .short-description {display: inline-block;}
.product-view .product-shop .short-description p {max-height: 100px;overflow: hidden;}

после него вставьте:
.product-view .product-shop .custom-block {padding: 20px 0;border-bottom: 1px solid #e4e4e4;}
.product-view .product-shop .custom-block .item {display: inline-block;padding: 0 10px;text-align: left;border-left: 1px solid #e4e4e4;}
.product-view .product-shop .custom-block .item:first-child {border-left: 0;padding-left: 0;}
.product-view .product-shop .custom-block .item i {display: inline-block;vertical-align: middle;font-size: 35px;color: #019934;}
.product-view .product-shop .custom-block .text-area {display: inline-block;vertical-align: middle;text-align: left;margin-left: 5px;}
.product-view .product-shop .custom-block .text-area h3 {font-size: 14px;font-weight: 400;font-family: inherit;color: #7a7d82;}


#3 Дмитрий Шумский

Дмитрий Шумский

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

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

Отправлено 18 Июль 2017 - 15:12

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

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<!-- Краткое описание -->
{% IF GOODS_DESCRIPTION_SHORT %}
<div class="short-description f-fix">
	 <p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p>
</div>
{% ENDIF %}

после него вставьте:
<div class="custom-block f-fix">
		 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
		 <i class="icon-shipped"></i>
		 <div class="text-area"><h3>Бесплатная<br> Доставка</h3></div>
		 </div>
		 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
		 <i class="icon-us-dollar"></i>
		 <div class="text-area"><h3>Гарантия<br>Возврата</h3></div>
		 </div>
		 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
		 <i class="icon-online-support"></i>
		 <div class="text-area"><h3>Онлайн<br>Поддержка</h3></div>
		 </div>
	 </div>

Далее зайдите в шаблон main.css - найдите:
.product-view .product-shop .short-description {display: inline-block;}
.product-view .product-shop .short-description p {max-height: 100px;overflow: hidden;}

после него вставьте:
.product-view .product-shop .custom-block {padding: 20px 0;border-bottom: 1px solid #e4e4e4;}
.product-view .product-shop .custom-block .item {display: inline-block;padding: 0 10px;text-align: left;border-left: 1px solid #e4e4e4;}
.product-view .product-shop .custom-block .item:first-child {border-left: 0;padding-left: 0;}
.product-view .product-shop .custom-block .item i {display: inline-block;vertical-align: middle;font-size: 35px;color: #019934;}
.product-view .product-shop .custom-block .text-area {display: inline-block;vertical-align: middle;text-align: left;margin-left: 5px;}
.product-view .product-shop .custom-block .text-area h3 {font-size: 14px;font-weight: 400;font-family: inherit;color: #7a7d82;}


Всё получилось, но не могу понять, как картинки установить. Подскажите пожалуйста как картинки вставить?

#4 Mr.Nito

Mr.Nito

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

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

Отправлено 18 Июль 2017 - 16:20

Просмотр сообщенияДмитрий Шумский (18 Июль 2017 - 15:12) писал:

Всё получилось, но не могу понять, как картинки установить. Подскажите пожалуйста как картинки вставить?
Загрузил пакет иконок от шаблона Туризм на Ваш сайт, сейчас иконки отображаются.

#5 Дмитрий Шумский

Дмитрий Шумский

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

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

Отправлено 18 Июль 2017 - 17:12

Просмотр сообщенияMr.Nito (18 Июль 2017 - 16:20) писал:

Загрузил пакет иконок от шаблона Туризм на Ваш сайт, сейчас иконки отображаются.

Отлично, благодарю!

А как отредактировать иконку?

#6 Vaccina

Vaccina

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

  • Модераторы
  • 22 349 сообщений

Отправлено 19 Июль 2017 - 06:39

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<div class="custom-block f-fix">
				  <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
						<i class="icon-shipped"></i>
						<div class="text-area"><h3>Доставим<br>быстро<br>и аккуратно</h3></div>
				  </div>
				  <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
						<i class="icon-us-dollar"></i>
						<div class="text-area"><h3>Скидка 5%<br>при оплате<br>онлайн</h3></div>
				  </div>
				  <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
						<i class="icon-online-support"></i>
						<div class="text-area"><h3>Гарантия<br>на каждый<br>товар</h3></div>
				  </div>
				</div>

В данном блоке за иконки отвечают следующие строки:
<i class="icon-shipped"></i>

<i class="icon-us-dollar"></i>

<i class="icon-online-support"></i>

для смены иконки необходимо изменить название класса, список иконок:
http://fontawesome.io/icon

#7 Дмитрий Шумский

Дмитрий Шумский

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

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

Отправлено 12 Август 2017 - 22:09

Просмотр сообщенияVaccina (19 Июль 2017 - 06:39) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<div class="custom-block f-fix">
				 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
					 <i class="icon-shipped"></i>
					 <div class="text-area"><h3>Доставим<br>быстро<br>и аккуратно</h3></div>
				 </div>
				 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
					 <i class="icon-us-dollar"></i>
					 <div class="text-area"><h3>Скидка 5%<br>при оплате<br>онлайн</h3></div>
				 </div>
				 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
					 <i class="icon-online-support"></i>
					 <div class="text-area"><h3>Гарантия<br>на каждый<br>товар</h3></div>
				 </div>
			 </div>

В данном блоке за иконки отвечают следующие строки:
<i class="icon-shipped"></i>

<i class="icon-us-dollar"></i>

<i class="icon-online-support"></i>

для смены иконки необходимо изменить название класса, список иконок:
http://fontawesome.io/icon


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

Всё получилось. Благодарю!

Вопрос ещё такой.

Аккаунт SL-357668

Подскажите пожалуйста, как сделать блок с описанием товара такой же, как и в шаблоне туризм. Я имею ввиду не только шрифты, но и чтобы блок "Вы смотрели" показывался. В общем как скрине.

пп.jpg

Спасибо!

#8 Mr.Nito

Mr.Nito

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

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

Отправлено 13 Август 2017 - 13:35

Просмотр сообщенияДмитрий Шумский (12 Август 2017 - 22:09) писал:

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

Всё получилось. Благодарю!

Вопрос ещё такой.

Аккаунт SL-357668

Подскажите пожалуйста, как сделать блок с описанием товара такой же, как и в шаблоне туризм. Я имею ввиду не только шрифты, но и чтобы блок "Вы смотрели" показывался. В общем как скрине.

Прикрепленный файл пп.jpg

Спасибо!
Перенёс блок со вкладками и товарами "Вы смотрели" с шаблона туризм
Бэкап до: 13.08.2017 12:45:11
После: 13.08.2017 13:34:20

#9 Дмитрий Шумский

Дмитрий Шумский

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

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

Отправлено 13 Август 2017 - 20:36

Просмотр сообщенияMr.Nito (13 Август 2017 - 13:35) писал:

Перенёс блок со вкладками и товарами "Вы смотрели" с шаблона туризм
Бэкап до: 13.08.2017 12:45:11
После: 13.08.2017 13:34:20

Всё отлично. Благодарю!

Единственное, текст редко врезается в этот блок. (прилагаю скрин)

12.jpg

Подскажите пожалуйста, как изменить расстояние между ними скажем на 10px

Спасибо!

#10 Mr.Nito

Mr.Nito

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

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

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

Просмотр сообщенияДмитрий Шумский (13 Август 2017 - 20:36) писал:

Всё отлично. Благодарю!

Единственное, текст редко врезается в этот блок. (прилагаю скрин)

Прикрепленный файл 12.jpg

Подскажите пожалуйста, как изменить расстояние между ними скажем на 10px

Спасибо!
Добавил отступ в строке
/* Вкладки табы */
.product-tabs .tab-content#content_1 {padding: 0 10px;}


#11 Дмитрий Шумский

Дмитрий Шумский

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

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

Отправлено 14 Август 2017 - 12:36

Просмотр сообщенияMr.Nito (14 Август 2017 - 09:44) писал:

Добавил отступ в строке
/* Вкладки табы */
.product-tabs .tab-content#content_1 {padding: 0 10px;}

Отлично. Благодарю!

Ещё вот у меня есть такая фишка на сайте, что полное и короткое seo-описание отображается сразу же после кнопки быстрый заказ.

13.jpg

И вот оно теперь стало дублироваться ещё после описания.

14.jpg

Подскажите пожалуйста, как сделать, чтобы оно не дублировалось после описания?

Спасибо!

#12 Mr.Nito

Mr.Nito

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

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

Отправлено 14 Август 2017 - 13:26

Просмотр сообщенияДмитрий Шумский (14 Август 2017 - 12:36) писал:

Отлично. Благодарю!

Ещё вот у меня есть такая фишка на сайте, что полное и короткое seo-описание отображается сразу же после кнопки быстрый заказ.

Прикрепленный файл 13.jpg

И вот оно теперь стало дублироваться ещё после описания.

Прикрепленный файл 14.jpg

Подскажите пожалуйста, как сделать, чтобы оно не дублировалось после описания?

Спасибо!
Удалил код в шаблоне Товар
			 <!-- Короткое SEO-описание -->
			 {% IF GOODS_SEO_DESCRIPTION_SHORT %}
			 <p>{GOODS_SEO_DESCRIPTION_SHORT}</p>
			 {% ENDIF %}
			 <!-- END Короткое SEO-описание -->	
			 <!-- Полное SEO-описание -->
			 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
			 <p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
			 {% ENDIF %}
			 <!-- END Полное SEO-описание -->
из блока
<!-- Основные вкладки описаний товара --> 
<!-- Описание -->





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

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