Добрый вечер, помогите пожалуйста вставить кнопки соц сетей от Яндекаса в карточки товаров
<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
1
Кнопки Социальных Сетей Шаблон Ночь
Автор Александр19850630, 01 дек. 2017 19:01
Сообщений в теме: 6
#1
Отправлено 01 Декабрь 2017 - 19:01
#2
Отправлено 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
<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
Отправлено 01 Декабрь 2017 - 20:25
Добрый вечер,
Кнопки необходимо установить под ценой товара. Скрин прикрепил спасибо
Второй момент помогите сделать один слайд. Чтобы остальных не было. Хочу добавить надпись мы в Инстаграм. Как бы ее сделать кликабельной на фоне фото. Надпись и фото прилагаю.
Третий момент. Как бы слайдер подтянуть чуть чуть на верх до логотипа. Там куча свободного места и логотип можно было бы тоже вверх поднять.
Спасибо.
Кнопки необходимо установить под ценой товара. Скрин прикрепил спасибо
Второй момент помогите сделать один слайд. Чтобы остальных не было. Хочу добавить надпись мы в Инстаграм. Как бы ее сделать кликабельной на фоне фото. Надпись и фото прилагаю.
Третий момент. Как бы слайдер подтянуть чуть чуть на верх до логотипа. Там куча свободного места и логотип можно было бы тоже вверх поднять.
Спасибо.
#4
Отправлено 02 Декабрь 2017 - 08:58
Здравствуйте.
1. Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
после него вставьте код социальных сетей.
2. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
вместо символа # укажите ссылку на необходимую страницу.
3. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
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
Отправлено 02 Декабрь 2017 - 14:00
Добрый день,
Половина заработала. Спасибо.
Осталось пару вопросов.
1) Как наложить на слайд изображение мы в Инстаграм ? Ранее описывал куда стоит прикрепить.
2) Как поднять слайд на верх. Убрать расстояние между слайдером и логотипом. Уж очень оно большое
Фото прикрепил.
С уважением,
Аккаунт SL-428981
Половина заработала. Спасибо.
Осталось пару вопросов.
1) Как наложить на слайд изображение мы в Инстаграм ? Ранее описывал куда стоит прикрепить.
2) Как поднять слайд на верх. Убрать расстояние между слайдером и логотипом. Уж очень оно большое
Фото прикрепил.
С уважением,
Аккаунт SL-428981
#6
Отправлено 03 Декабрь 2017 - 20:52
Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
замените на:
далее найдите:
замените на:
1. Зайдите в Редактор шаблонов-->HTML и найдите:
замените на:
- в вставленном коде вместо https://facebook.com/ задайте свою ссылку на группу.
далее зайдите в Редактор шаблонов-->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;}
далее в Редакторе шаблонов через кнопку "Добавить файлы" загрузите картинку из вложения.
#7
Отправлено 03 Декабрь 2017 - 21:13
Спасибо
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных