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


Кнопки Социальных Сетей Шаблон Ночь


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

#1 Александр19850630

Александр19850630

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

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

Отправлено 01 Декабрь 2017 - 19:01

Добрый вечер, помогите пожалуйста вставить кнопки соц сетей от Яндекаса в карточки товаров

<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script src="//yastatic.net/share2/share.js"></script>
<div class="ya-share2" data-services="collections,vkontakte,facebook,odnoklassniki,moimir,viber,whatsapp,skype"></div>


С уважением,
Аккаунт SL-428981

#2 RayLi

RayLi

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

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

Отправлено 01 Декабрь 2017 - 19:24

Просмотр сообщенияАлександр19850630 (01 Декабрь 2017 - 19:01) писал:

Добрый вечер, помогите пожалуйста вставить кнопки соц сетей от Яндекаса в карточки товаров

<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script src="//yastatic.net/share2/share.js"></script>
<div class="ya-share2" data-services="collections,vkontakte,facebook,odnoklassniki,moimir,viber,whatsapp,skype"></div>


С уважением,
Аккаунт SL-428981

Здравствуйте.
Укажите, пожалуйста, более точно на скриншоте, где конкретно Вам необходимо установить в карточке товара данные кнопки.
Спасибо.

#3 Александр19850630

Александр19850630

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

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

Отправлено 01 Декабрь 2017 - 20:25

Добрый вечер,

Кнопки необходимо установить под ценой товара. Скрин прикрепил спасибо

Второй момент помогите сделать один слайд. Чтобы остальных не было. Хочу добавить надпись мы в Инстаграм. Как бы ее сделать кликабельной на фоне фото. Надпись и фото прилагаю.

Третий момент. Как бы слайдер подтянуть чуть чуть на верх до логотипа. Там куча свободного места и логотип можно было бы тоже вверх поднять.

Спасибо.

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

  • Соц сети.PNG
  • Первый слайд.jpg
  • insta.png


#4 Vaccina

Vaccina

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

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

Отправлено 02 Декабрь 2017 - 08:58

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

1. Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<!-- Цена товара -->
	  <div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
		<!-- информация для поисковика о наличии товара -->
		<meta itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}">
		<!-- информация для поисковика о валюте товара -->
		<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
		  <p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}">
			<span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span>
		  </p>
		{% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
		  <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}">
			<span>{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
		  </p>
		{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
		  <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}">
			<span>{GOODS_MOD_PRICE_OLD | money_format}</span>
		  </p>
		{% ENDIF %}
	  </div>

после него вставьте код социальных сетей.

2. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Jssor Slider Слайдер Начало -->
	  {% IF index_page %}
	  <div id="slideshow" class="wrap">
		<div id="slider">
		  <!-- Slides Container -->
		  <div u="slides" class="slides_container">
			<div>
			  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=dark" /></a>
			</div>
			<div>
			  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=dark" /></a>
			</div>
			<div>
			  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=dark" /></a>
			</div>
		  </div>
		  <!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд">
		</span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд">
		</span>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- Jssor Slider Слайдер Конец -->
      
      
замените на:
<!-- Jssor Slider Слайдер Начало -->
	  {% IF index_page %}
	  <div id="slideshow" class="wrap">
		<div id="slider">
		  <!-- Slides Container -->
		  <div u="slides" class="slides_container">
			<div>
			  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=dark" /></a>
			</div>
		  </div>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- Jssor Slider Слайдер Конец -->
      
вместо символа # укажите ссылку на необходимую страницу.

3. Зайдите  в раздел Сайт - Редактор шаблонов - main.css - найдите:
#logo {margin: 0;padding: 15px 0 10px 35px;}

замените на:
#logo {margin: 0;padding: 15px 0 0 35px;}


#5 Александр19850630

Александр19850630

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

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

Отправлено 02 Декабрь 2017 - 14:00

Добрый день,

Половина заработала. Спасибо.

Осталось пару вопросов.
1) Как наложить на слайд изображение мы в Инстаграм ? Ранее описывал куда стоит прикрепить.
2) Как поднять слайд на верх. Убрать расстояние между слайдером и логотипом. Уж очень оно большое

Фото прикрепил.

С уважением,
Аккаунт SL-428981

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

  • insta.png
  • Расстояние.PNG


#6 metry

metry

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

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

Отправлено 03 Декабрь 2017 - 20:52

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
#custommenu ul.mainnav {margin-bottom: 20px;text-align: center;}

замените на:

#custommenu ul.mainnav {margin-bottom: 0px;text-align: center;margin-top: 5px;}

далее найдите:
#logo {margin: 0;padding: 15px 0 10px 35px;}

замените на:

#logo {margin: 0;padding: 15px 0 5px 35px;}

1. Зайдите в Редактор шаблонов-->HTML и найдите:

		 <div id="slideshow" class="wrap">
			 <div id="slider">
				 <!-- Slides Container -->
				 <div u="slides" class="slides_container">
					 <div>
						 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=dark" /></a>
					 </div>
				 </div>
			 </div>
		 </div>

замените на:

		 <div id="slideshow" class="wrap">
			 <div id="slider">
				 <!-- Slides Container -->
				 <div u="slides" class="slides_container">
					 <div>
						 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=dark" /></a>
						 <div class="socseti"><a href="https://facebook.com/"><span>Мы в </span> <img src="{ASSETS_IMAGES_PATH}instagram.png" alt="" width="300" title="" /></a></div>
					 </div>
				 </div>
			 </div>
			
		 </div>

- в вставленном коде вместо https://facebook.com/ задайте свою ссылку на группу.

далее зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:

.socseti{position:absolute;bottom:0;left:15%}
.socseti a{font-weight:bold;font-size:40px;color:#fff;}

далее в Редакторе шаблонов через кнопку "Добавить файлы" загрузите картинку из вложения.

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

  • instagram.png


#7 Александр19850630

Александр19850630

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

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

Отправлено 03 Декабрь 2017 - 21:13

Спасибо




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

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