Сообщений в теме: 15

[frendly]

Как изменить надписи на странице товара?








Аккаунт SL-445277

[Firefly]

frendly (04 Март 2018 - 15:44) писал:

Как изменить надписи на странице товара?


dz3.jpg





Аккаунт SL-445277

Вы можете найти данный текст в разделе Сайт - Редактор шаблонов - шаблон Товар, начиная со строки 108:

		<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>

[frendly]

Понятно

[kv09483]

Аккаунт SL-333527. Здравствуйте! Скажите, пожалуйста, а как вставить ссылку в эти надписи? Спасибо!

[Mr.Nito]

kv09483 (06 Июнь 2018 - 23:16) писал:

Аккаунт SL-333527. Здравствуйте! Скажите, пожалуйста, а как вставить ссылку в эти надписи? Спасибо!

Чтобы добавить ссылки на пункты преимуществ в шаблоне Товар заменил

	 <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>
	 <!-- Блок информации по акции действующей на товар, если таковая есть -->

на

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

где вместо # укажите ссылки для каждого пункта

[MikDark]

kv09483 (06 Июнь 2018 - 23:16) писал:

Аккаунт SL-333527. Здравствуйте! Скажите, пожалуйста, а как вставить ссылку в эти надписи? Спасибо!

Здравствуйте. Вам нужно в шаблоне Товар найти код:

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

и вместо знаков # подставить нужные ссылки

[kv09483]

Огромное спасибо! Все получилось! Помогите, пожалуйста, еще со следующим:

1) Скрыть блок с названием категории.
2) Убрать два поля - сортировка и показывать по

И еще момент в прошлом вопросе. как вставить ссылку в эти надписи? Как сделать, чтобы при наведении - она выделялась красным цветом?

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

• 

[Mr.Nito]

kv09483 (07 Июнь 2018 - 11:07) писал:

Огромное спасибо! Все получилось! Помогите, пожалуйста, еще со следующим:

1) Скрыть блок с названием категории.
2) Убрать два поля - сортировка и показывать по

И еще момент в прошлом вопросе. как вставить ссылку в эти надписи? Как сделать, чтобы при наведении - она выделялась красным цветом?

Блоки срыл

цвет текста при наведении изменил в строке файла main.css

.product-view .product-shop .custom-block .item a:hover h3 {color:#ee1c35;}

[kv09483]

Спасибо большое! Очень мне помогаете!!! Скажите, пожалуйста, как сделать еще следующее:

1) Скрыть "Доставка"
2) Где менять стили шрифта 1, 2, 3. Я потом сам подберу, что мне надо.

Спасибо!

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

• 

[Mr.Nito]

kv09483 (07 Июнь 2018 - 12:26) писал:

Спасибо большое! Очень мне помогаете!!! Скажите, пожалуйста, как сделать еще следующее:

1) Скрыть "Доставка"
2) Где менять стили шрифта 1, 2, 3. Я потом сам подберу, что мне надо.

Спасибо!

1. Скрыл
2.  1) В меню сверху

#custommenu .mainnav > li > a {display: block;position: relative;text-transform: uppercase;padding: 9px 20px 9px 15px;font-size: 14px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;letter-spacing: 1px;transition: color 0.1s,background-color .1s;}

2) - 3) Нужно менять прямо в описании товара, на странице редактирования

[kv09483]

Ясно...Да...2 - 3 - буду долго менять)))) Спасибо!
Скажите, чтобы в будущем Вас не отвлекать по этому вопросу:

Где стили шрифтов следующих меню:
1
2
3
4
5 - как на эту кнопку вставить свою ссылку?

Спасибо!!!!

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

• 

[Vaccina]

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

В разделе Сайт - Редактор шаблонов - main.css

1.

#breadcrumbs ul li {display: inline-block;text-transform: uppercase;padding-right: 5px;}

2.

#custommenu .mainnav > li > a {display: block;position: relative;text-transform: uppercase;padding: 9px 20px 9px 15px;font-size: 14px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;letter-spacing: 1px;transition: color 0.1s,background-color .1s;}

3.

#header .header-right .header-links .top-links .links li a {color: #21293c;font-size: 13px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;letter-spacing: 1px;}

4.

#header .header-top .contacts > div a {color: #21293c;font-size: 14px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;letter-spacing: 1px;}

В разделе Сайт - Редактор шаблонов - HTML
5.

{% IF SETTINGS_STORE_EMAIL_MAIN %}<div><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="fa fa-envelope" aria-hidden="true"></i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a></div>{% ENDIF %}

Вместо mailto:{SETTINGS_STORE_EMAIL_MAIN} укажите необходимую ссылку.

[kv09483]

Благодарю Вас!
У меня еще небольшие вопросики:

1) Как на карте указать свой адрес?
2) Как убрать в категории количество товаров в скобках?
3) Как скрыть все социальные сети, кроме ВК и Инстаграма, а туда вписать свои ссылки?
4) Кнопочки, которые способы оплаты - сделать не кликабельными, но яркими. Как сейчас, когда они горят при наведении?

[kv09483]

Помогите, пожалуйста, решить данные вопросы!

[Mr.Nito]

kv09483 (08 Июнь 2018 - 11:02) писал:

Благодарю Вас!
У меня еще небольшие вопросики:

1) Как на карте указать свой адрес?
2) Как убрать в категории количество товаров в скобках?
3) Как скрыть все социальные сети, кроме ВК и Инстаграма, а туда вписать свои ссылки?
4) Кнопочки, которые способы оплаты - сделать не кликабельными, но яркими. Как сейчас, когда они горят при наведении?

1) Шаблон Связь с администрацией 60 строку замените на свою, сгенерировав карту на яндексе
https://yandex.ru/map-constructor/
2) Шаблон HTML заменил

<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IFNOT catalog_full.IMAGE_EMPTY %}<img src="{catalog_full.IMAGE_ICON}" class="goods-cat-image-icon"/>{% ENDIF %}{% IF catalog_full.ISSET_VISIBLE_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME} {% IF catalog_full.GOODS_COUNT>0 %}<span class="count">({catalog_full.GOODS_COUNT}){% ELSEIF catalog_full.BRANCH_GOODS_COUNT>0 %}({catalog_full.BRANCH_GOODS_COUNT})</span>{% ENDIF %}</a>

На

<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IFNOT catalog_full.IMAGE_EMPTY %}<img src="{catalog_full.IMAGE_ICON}" class="goods-cat-image-icon"/>{% ENDIF %}{% IF catalog_full.ISSET_VISIBLE_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>

3) Шаблон HTML

		 <div class="social-links">
			 <a class="facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i><span>facebook</span></a>
			 <a class="twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i><span>twitter</span></a>
			 <a class="odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><i class="fa fa-odnoklassniki" aria-hidden="true"></i><span>odnoklassniki</span></a>
			 <a class="vk" href="https://vk.com/" title="VK.com" target="_blank"><i class="fa fa-vk" aria-hidden="true"></i><span>vk</span></a>
			 <a class="instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i><span>instagram</span></a>
			 <a class="youtube" href="https://youtube.com/" title="YouTube.com" target="_blank"><i class="fa fa-youtube" aria-hidden="true"></i><span>YouTube</span></a>
		 </div>

на

		 <div class="social-links">
			 <a class="vk" href="https://vk.com/" title="VK.com" target="_blank"><i class="fa fa-vk" aria-hidden="true"></i><span>vk</span></a>
			 <a class="instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i><span>instagram</span></a>
		 </div>

https://vk.com/ замените на свои ссылки

4) main.css заменил

/* Способы оплаты */
#footer #payment a:hover {text-decoration: none;}
#payment {line-height: 37px;float: left;}
#payment span {display: inline-block;vertical-align: middle;width: 40px;height: 27px;margin-right: 10px;cursor: pointer;background: url("{ASSETS_IMAGES_PATH}payment.png?design=tourism") no-repeat;}
#payment span:nth-child(5n) {clear: both;}
#payment span:hover {background-position-y: -33px;}
#payment .sber {width: 26px;background-position: 0 0;}
#payment .visa {width: 69px;background-position: -34px 0;}
#payment .mastercard {width: 43px;background-position: -112px 0;}
#payment .maestro {width: 43px;background-position: -162px 0;}
#payment .yandex {width: 18px;background-position: -215px 0;}
#payment .webmoney {width: 26px;background-position: -242px 0;}
#payment .rbk {width: 26px;background-position: -277px 0;}
#payment .sms {width: 33px;background-position: -312px 0;}
#payment .qiwi {width: 24px;background-position: -353px 0;}

на

/* Способы оплаты */
#footer #payment a:hover {text-decoration: none;}
#payment {line-height: 37px;float: left;pointer-events:none}
#payment span {display: inline-block;vertical-align: middle;width: 40px;height: 27px;margin-right: 10px;cursor: pointer;background: url("{ASSETS_IMAGES_PATH}payment.png?design=tourism") no-repeat;}
#payment span:nth-child(5n) {clear: both;}
#payment .sber {width: 26px;background-position: 0 0;}
#payment .visa {width: 69px;background-position: -34px 0;}
#payment .mastercard {width: 43px;background-position: -112px 0;}
#payment .maestro {width: 43px;background-position: -162px 0;}
#payment .yandex {width: 18px;background-position: -215px 0;}
#payment .webmoney {width: 26px;background-position: -242px 0;}
#payment .rbk {width: 26px;background-position: -277px 0;}
#payment .sms {width: 33px;background-position: -312px 0;}
#payment .qiwi {width: 24px;background-position: -353px 0;}
#payment span {background-position-y: -33px!important;}

[kv09483]

Очень большое спасибо!