Преимущества И Вы Смотрели
#1
Отправлено 17 Июль 2017 - 20:38
Очень понравился новый шаблон Туризм.
Аккаунт SL-357668
У меня стоит Рассвет, и я бы хотел установить себе в карточку товара преимущества из шаблона Туризм, выделил на принт скрине.
Подскажите пожалуйста, как это сделать?
Спасибо!
#2
Отправлено 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
Отправлено 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;}
Всё получилось, но не могу понять, как картинки установить. Подскажите пожалуйста как картинки вставить?
#6
Отправлено 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
Отправлено 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
Подскажите пожалуйста, как сделать блок с описанием товара такой же, как и в шаблоне туризм. Я имею ввиду не только шрифты, но и чтобы блок "Вы смотрели" показывался. В общем как скрине.
Спасибо!
#8
Отправлено 13 Август 2017 - 13:35
Дмитрий Шумский (12 Август 2017 - 22:09) писал:
Всё получилось. Благодарю!
Вопрос ещё такой.
Аккаунт SL-357668
Подскажите пожалуйста, как сделать блок с описанием товара такой же, как и в шаблоне туризм. Я имею ввиду не только шрифты, но и чтобы блок "Вы смотрели" показывался. В общем как скрине.
пп.jpg
Спасибо!
Бэкап до: 13.08.2017 12:45:11
После: 13.08.2017 13:34:20
#9
Отправлено 13 Август 2017 - 20:36
Mr.Nito (13 Август 2017 - 13:35) писал:
Бэкап до: 13.08.2017 12:45:11
После: 13.08.2017 13:34:20
Всё отлично. Благодарю!
Единственное, текст редко врезается в этот блок. (прилагаю скрин)
Подскажите пожалуйста, как изменить расстояние между ними скажем на 10px
Спасибо!
#10
Отправлено 14 Август 2017 - 09:44
Дмитрий Шумский (13 Август 2017 - 20:36) писал:
Единственное, текст редко врезается в этот блок. (прилагаю скрин)
12.jpg
Подскажите пожалуйста, как изменить расстояние между ними скажем на 10px
Спасибо!
/* Вкладки табы */ .product-tabs .tab-content#content_1 {padding: 0 10px;}
#11
Отправлено 14 Август 2017 - 12:36
Mr.Nito (14 Август 2017 - 09:44) писал:
/* Вкладки табы */ .product-tabs .tab-content#content_1 {padding: 0 10px;}
Отлично. Благодарю!
Ещё вот у меня есть такая фишка на сайте, что полное и короткое seo-описание отображается сразу же после кнопки быстрый заказ.
И вот оно теперь стало дублироваться ещё после описания.
Подскажите пожалуйста, как сделать, чтобы оно не дублировалось после описания?
Спасибо!
#12
Отправлено 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 анонимных