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


Перенос Дополнительного Фото К Товару Сниза Влево


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

#1 Toto

Toto

    Новичок

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

Отправлено 28 Декабрь 2018 - 22:28

Здравствуйте! Мой номер аккаунта 465770, шаблон Веган
Подскажите, пожалуйста:
1. Как перенести дополнительные фото к товару из-под низа основного фото влево?
2. Как сделать, чтобы кликая по фото, оно открывалось увеличенным, и были стрелочки для просмотра других фото к товару, как например, в шаблоне Рассвет?
Спасибо.

#2 Vaccina

Vaccina

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

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

Отправлено 29 Декабрь 2018 - 12:40

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
		<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 Toto

Toto

    Новичок

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

Отправлено 02 Январь 2019 - 21:46

Спасибо, Vaccina! У меня получилось) Единственное, хотелось бы, чтобы были видны другие фотографии товара вместо стрелочек. Скрин приложила. Спасибо, и с Наступившим Новым годом!
Желаю всего хорошего в Новом году! Счастья и улыбок, успехов и удачи! :D
F:\Фото%20для%20сайта\Разное

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

  • Снимок.PNG


#4 Vaccina

Vaccina

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

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

Отправлено 03 Январь 2019 - 09:32

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.caroufredsel_wrapper{width:120px;margin:0 auto;}
        
замените на:
.caroufredsel_wrapper{width:120px;height: 300px !important;margin:0 auto;}

Спасибо большое и вас с наступившим Новым Годом, желаем вам здоровья, счастья, процветания и успехов в бизнесе! ^_^

#5 Toto

Toto

    Новичок

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

Отправлено 03 Январь 2019 - 19:14

Спасибо! :rolleyes:




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

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