Здравствуйте! Мой номер аккаунта 465770, шаблон Веган
Подскажите, пожалуйста:
1. Как перенести дополнительные фото к товару из-под низа основного фото влево?
2. Как сделать, чтобы кликая по фото, оно открывалось увеличенным, и были стрелочки для просмотра других фото к товару, как например, в шаблоне Рассвет?
Спасибо.
1
Перенос Дополнительного Фото К Товару Сниза Влево
Автор Toto, 28 дек. 2018 22:28
Сообщений в теме: 4
#1
Отправлено 28 Декабрь 2018 - 22:28
#2
Отправлено 29 Декабрь 2018 - 12:40
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
замените на:
далее найдите:
замените на:
далее найдите:
после него пропишите:
далее зайдите в main.css - найдите:
замените на:
далее найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<span class="prev"><i class="fa fa-long-arrow-left"></i></span> <span class="next"><i class="fa fa-long-arrow-right"></i></span>
замените на:
<span class="prev"><i class="fa fa-long-arrow-up"></i></span> <span class="next"><i class="fa fa-long-arrow-down"></i></span>
далее найдите:
<a href="{GOODS_IMAGE_LARGE}" class="cloud-zoom" id="zoom1" rel="position:'inside',adjustX:0,adjustY:0" title="Увеличить {GOODS_NAME}"> <img src="{GOODS_IMAGE_LARGE}" class="goods-image-medium" itemprop="image"/> </a>
замените на:
<a href="{GOODS_IMAGE_LARGE}" rel="gallery" title="Увеличить {GOODS_NAME}"> <img src="{GOODS_IMAGE_LARGE}" class="goods-image-medium" itemprop="image"/> </a>
далее найдите:
jQuery(document).ready(function ($) { if ($('#thumblist').length) { $('#thumblist').carouFredSel({ prev : '.thumblist-box .prev', next : '.thumblist-box .next',
после него пропишите:
direction : "up",
далее зайдите в main.css - найдите:
.general-img.popup-gallery{width:445px;position:relative;text-align:center;overflow:hidden;}
замените на:
.general-img.popup-gallery{width:calc(100% - 130px);position:relative;text-align:center;overflow:hidden;float: right;}
далее найдите:
.caroufredsel_wrapper{width:345px;margin:0 auto;} .thumblist-box {margin: 25px 0;padding: 0;position: relative;} .thumblist-box .next, .thumblist-box .prev {width:50px;text-align:center;position: absolute;line-height:85px;margin-top: 0px;z-index: 10;color:#6a6a6a;cursor:pointer;font-size:26px;} .thumblist-box .next .fa, .thumblist-box .prev .fa{width:100%;} .thumblist-box .next:hover, .thumblist-box .prev:hover{color:#99c800;} .thumblist-box .prev {left: 0px;} .thumblist-box .next {right: 0px;}
замените на:
.caroufredsel_wrapper{width:120px;margin:0 auto;} .thumblist-box {margin: 25px 0;padding: 40px 0;position: relative;width: 120px;float: left;} .thumblist-box .next, .thumblist-box .prev {width:50px;text-align:center;position: absolute;line-height:30px;margin-top: 0px;z-index: 10;color:#6a6a6a;cursor:pointer;font-size:26px;} .thumblist-box .next .fa, .thumblist-box .prev .fa{width:100%;} .thumblist-box .next:hover, .thumblist-box .prev:hover{color:#99c800;} .thumblist-box .prev {top: 0px;left: 50%;margin-left: -25px;} .thumblist-box .next {bottom: 0px;margin-right: -25px;right: 50%;}
#3
Отправлено 02 Январь 2019 - 21:46
Спасибо, Vaccina! У меня получилось) Единственное, хотелось бы, чтобы были видны другие фотографии товара вместо стрелочек. Скрин приложила. Спасибо, и с Наступившим Новым годом!
Желаю всего хорошего в Новом году! Счастья и улыбок, успехов и удачи!
F:\Фото%20для%20сайта\Разное
Желаю всего хорошего в Новом году! Счастья и улыбок, успехов и удачи!
F:\Фото%20для%20сайта\Разное
#4
Отправлено 03 Январь 2019 - 09:32
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
Спасибо большое и вас с наступившим Новым Годом, желаем вам здоровья, счастья, процветания и успехов в бизнесе!
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.caroufredsel_wrapper{width:120px;margin:0 auto;}
замените на:
.caroufredsel_wrapper{width:120px;height: 300px !important;margin:0 auto;}
Спасибо большое и вас с наступившим Новым Годом, желаем вам здоровья, счастья, процветания и успехов в бизнесе!
#5
Отправлено 03 Январь 2019 - 19:14
Спасибо!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных