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


Страница Товара


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

#21 Firefly

Firefly

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

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

Отправлено 14 Сентябрь 2016 - 11:24

Просмотр сообщенияpraim2 (14 Сентябрь 2016 - 10:25) писал:

Спасибо. Помогите так же внести следующие изменения.

1) Фото товара должно быть одинакового размера с правым блоком
2) Правый блок сделать меньшим по ширине
3) уменьшенные изображения должны отображаться слева от основного изображения товара

Здравствуйте. Произвел Вам изменения.
Добавил дополнительный код вертикального слайдера: lightslider

Проверьте, пожалуйста.

#22 praim2

praim2

    Пользователь

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

Отправлено 23 Сентябрь 2016 - 12:30

Спасибо.
Помогите поправить.
Цена без скидки съехала.

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

  • 01a738f3aec5f0dc0b6661b054458dad.jpg


#23 Mr.Nito

Mr.Nito

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

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

Отправлено 23 Сентябрь 2016 - 12:49

Просмотр сообщенияpraim2 (23 Сентябрь 2016 - 12:30) писал:

Спасибо.
Помогите поправить.
Цена без скидки съехала.
Здравствуйте.
В файле main.css
замените
.product-view .product-shop .price-box p {display: inline;margin: 0 5px 0 0;}
на
.product-view .product-shop .price-box p { display: block; text-align: right;margin: 0 5px 0 0;}
ниже добавьте
 .product-view .product-shop .add-cart {	display: block; float:right; margin-top: 25px;}


#24 praim2

praim2

    Пользователь

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

Отправлено 23 Сентябрь 2016 - 12:57

Спасибо большое.

#25 janjak

janjak

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

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

Отправлено 23 Ноябрь 2016 - 10:14

Здравствуйте!
Подскажите, как мне вставить ссылку в "Наши объекты", чтобы при нажатии шло перенаправление на другой сайт?

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

  • 1.png


#26 Vaccina

Vaccina

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

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

Отправлено 24 Ноябрь 2016 - 07:56

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

Зайдите в раздел Сайт - Меню - удалите данный пункт меню, далее создайте в верхнем меню новый пункт и в строке "Куда ссылается" выберите "Произвольный адрес" и вставьте ссылку на сторонний сайт.

#27 grinch

grinch

    Пользователь

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

Отправлено 31 Январь 2019 - 22:45

Помогите произвести изменения прилагаю фото как должно выглядеть.
перед этим нужно сделать:
1. сделать сворачивающийся и разворачивающийся каталог, только когда просматриваешь товар.
2. каталог, навигация и корзина должны быть плавающими.
3. дальше сделать как показано на фото

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

  • 2019-02-01_01-35-08 (2).png


#28 grinch

grinch

    Пользователь

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

Отправлено 01 Февраль 2019 - 10:25

Ответьте пожалуйста

#29 Vaccina

Vaccina

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

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

Отправлено 02 Февраль 2019 - 03:54

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
	  <div class="product-name"><h1 itemprop="name">{GOODS_NAME}</h1></div>
      
перенесите, поставив перед:
	<div class="product-img-box col-md-5 col-sm-12 col-sms-12">
	  <div class="general-img popup-gallery">
      
далее найдите:
		  <div class="qty-wrap">
			<div class="qty-title"><span>Количество:</span></div>
			<div class="qty-set">
			  <span id="qty_minus" class="quantity-minus fa fa-minus unselectable" title="Уменьшить"></span>
			  <input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty quantity" onkeypress="return keyPress(this, event);" onpaste="return false;">
			  <span id="qty_plus" class="quantity-plus fa fa-plus unselectable" title="Увеличить"></span>
			</div>
		  </div>
		  <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
		  <button type="submit" class="add-cart button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>В корзину</button>
          
замените на:
		  <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
		  <button type="submit" class="add-cart button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>В корзину</button>
		  <div class="qty-wrap">
			<div class="qty-title"><span>Количество:</span></div>
			<div class="qty-set">
			  <span id="qty_minus" class="quantity-minus fa fa-minus unselectable" title="Уменьшить"></span>
			  <input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty quantity" onkeypress="return keyPress(this, event);" onpaste="return false;">
			  <span id="qty_plus" class="quantity-plus fa fa-plus unselectable" title="Увеличить"></span>
			</div>
		  </div>
          
далее найдите:
	  <div class="thumblist-box navigation" {% FOR goods_images %}{% IF goods_images.length <= 1 %}style="display:none;"{% ENDIF %}{% ENDFOR %}>
		<span class="prev"><i class="fa fa-angle-left"></i></span>
		<span class="next"><i class="fa fa-angle-right"></i></span>
		<!-- Другие изображения товара. Отображаются если есть изображения товара -->
        
замените на:
	  <div class="thumblist-box navigation" {% FOR goods_images %}{% IF goods_images.length <= 1 %}style="display:none;"{% ENDIF %}{% ENDFOR %}>
		<!-- Другие изображения товара. Отображаются если есть изображения товара -->
          
далее зайдите в main.css - найдите:
.product-view .product-shop .add-to-box .qty-wrap {background: #f8f8f8;margin-left: 30px;display: inline-block;float: right;}

замените на:
.product-view .product-shop .add-to-box .qty-wrap {background: #f8f8f8;display: inline-block;float: left;}

далее найдите:
.thumblist-box {margin: 25px 0;padding: 0;position: relative;}

замените на:
.thumblist-box {width: 130px;float: left;margin: 25px 0;padding: 0;position: relative;}

далее найдите:
.product-view .product-img-box .general-img {display: block;padding-bottom: 1px;text-align: center;}

замените на:
.product-view .product-img-box .general-img {display: block;padding-bottom: 1px;text-align: center;width: calc(100% - 130px);float: right;}

далее зайдите в main.js - найдите и удалите:
// Другие изображение товара
jQuery(document).ready(function ($) {
  if ($('#thumblist').length) {
	$('#thumblist').carouFredSel({
	  prev  : '.thumblist-box .prev',
	  next  : '.thumblist-box .next',
	  width : '100%',
	  auto  : false,
	  padding: [0, 20],
	  swipe : {
	  onMouse : false,
	  onTouch : true
	}
	}).parents('.thumblist-box').removeClass('load');
  }
});


#30 grinch

grinch

    Пользователь

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

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

Просмотр сообщенияVaccina (02 Февраль 2019 - 03:54) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
	 <div class="product-name"><h1 itemprop="name">{GOODS_NAME}</h1></div>
  
перенесите, поставив перед:
 <div class="product-img-box col-md-5 col-sm-12 col-sms-12">
	 <div class="general-img popup-gallery">
  
далее найдите:
		 <div class="qty-wrap">
		 <div class="qty-title"><span>Количество:</span></div>
		 <div class="qty-set">
			 <span id="qty_minus" class="quantity-minus fa fa-minus unselectable" title="Уменьшить"></span>
			 <input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty quantity" onkeypress="return keyPress(this, event);" onpaste="return false;">
			 <span id="qty_plus" class="quantity-plus fa fa-plus unselectable" title="Увеличить"></span>
		 </div>
		 </div>
		 <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
		 <button type="submit" class="add-cart button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>В корзину</button>
  
замените на:
		 <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
		 <button type="submit" class="add-cart button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>В корзину</button>
		 <div class="qty-wrap">
		 <div class="qty-title"><span>Количество:</span></div>
		 <div class="qty-set">
			 <span id="qty_minus" class="quantity-minus fa fa-minus unselectable" title="Уменьшить"></span>
			 <input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty quantity" onkeypress="return keyPress(this, event);" onpaste="return false;">
			 <span id="qty_plus" class="quantity-plus fa fa-plus unselectable" title="Увеличить"></span>
		 </div>
		 </div>
  
далее найдите:
	 <div class="thumblist-box navigation" {% FOR goods_images %}{% IF goods_images.length <= 1 %}style="display:none;"{% ENDIF %}{% ENDFOR %}>
	 <span class="prev"><i class="fa fa-angle-left"></i></span>
	 <span class="next"><i class="fa fa-angle-right"></i></span>
	 <!-- Другие изображения товара. Отображаются если есть изображения товара -->

замените на:
	 <div class="thumblist-box navigation" {% FOR goods_images %}{% IF goods_images.length <= 1 %}style="display:none;"{% ENDIF %}{% ENDFOR %}>
	 <!-- Другие изображения товара. Отображаются если есть изображения товара -->
  
далее зайдите в main.css - найдите:
.product-view .product-shop .add-to-box .qty-wrap {background: #f8f8f8;margin-left: 30px;display: inline-block;float: right;}

замените на:
.product-view .product-shop .add-to-box .qty-wrap {background: #f8f8f8;display: inline-block;float: left;}

далее найдите:
.thumblist-box {margin: 25px 0;padding: 0;position: relative;}

замените на:
.thumblist-box {width: 130px;float: left;margin: 25px 0;padding: 0;position: relative;}

далее найдите:
.product-view .product-img-box .general-img {display: block;padding-bottom: 1px;text-align: center;}

замените на:
.product-view .product-img-box .general-img {display: block;padding-bottom: 1px;text-align: center;width: calc(100% - 130px);float: right;}

далее зайдите в main.js - найдите и удалите:
// Другие изображение товара
jQuery(document).ready(function ($) {
if ($('#thumblist').length) {
$('#thumblist').carouFredSel({
	 prev : '.thumblist-box .prev',
	 next : '.thumblist-box .next',
	 width : '100%',
	 auto : false,
	 padding: [0, 20],
	 swipe : {
	 onMouse : false,
	 onTouch : true
}
}).parents('.thumblist-box').removeClass('load');
}
});

ни чего не вышло, все поехало. сначала надо сделать каталог сворачивающимся чтобы товар открывался на всю страницу

#31 grinch

grinch

    Пользователь

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

Отправлено 09 Февраль 2019 - 06:17

Спасибо большое, уже не актуально




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

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