В теме одно сообщение

[metry]

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

.product-view .product-img-box {margin-bottom: 30px;padding-left: 0;}

замените на:

.product-view .product-img-box {margin-bottom: 30px;padding-left: 0;}

далее найдите:

.product-view .product-shop .add-to-box .add-to-cart .button.quick {display: none;}

замените на:

.product-view .product-shop .add-to-box .add-to-cart .button.quick {display: none;}
.product-view .product-img-box {position: relative;top: auto;}

далее зайдите в Редактор шаблонов-->main.js

// Список отзывов о товаре. Ссылка на отображение формы для добавление отзыва о товаре
$('.goodsDataOpinionShowAddForm').click(function(){
  if(0 == $('#goodsDataOpinionAddBlock:visible').length) {
	$('#goodsDataOpinionAddBlock').show('blind');
	$('html, body').animate({scrollTop : jQuery('.goodsDataOpinionAddForm').offset().top}, 400);
	setTimeout(function() {
	  fixedGoodsPage();
	}, 500);
  } else {
	$('#goodsDataOpinionAddBlock').hide('blind');
	$('html, body').animate({scrollTop : jQuery('.goodsDataOpinion').offset().top - 60}, 400);
	setTimeout(function() {
	  fixedGoodsPage();
	}, 500);
	return false;
  }
});

замените на:

// Список отзывов о товаре. Ссылка на отображение формы для добавление отзыва о товаре

$('.goodsDataOpinionShowAddForm').click(function(){
  if(0 == $('#goodsDataOpinionAddBlock:visible').length) {
	$('#goodsDataOpinionAddBlock').show('blind');
	$('html, body').animate({scrollTop : jQuery('.goodsDataOpinionAddForm').offset().top}, 400);
  } else {
	$('#goodsDataOpinionAddBlock').hide('blind');
	$('html, body').animate({scrollTop : jQuery('.goodsDataOpinion').offset().top - 60}, 400);
	return false;
  }
});

далее найдите:

// Добавление отзыва о товаре. кнопка reset скрывающая форму добавления отзыва о товаре
$('.goodsDataOpinionFormReset').click(function(){
  $('#goodsDataOpinionAddBlock').hide('blind');
  $('html, body').animate({scrollTop : jQuery('.goodsDataOpinion').offset().top - 60}, 400);
  setTimeout(function() {
	  fixedGoodsPage();
	}, 500);
	return false;
  return false;
});

замените на:

// Добавление отзыва о товаре. кнопка reset скрывающая форму добавления отзыва о товаре
$('.goodsDataOpinionFormReset').click(function(){
  $('#goodsDataOpinionAddBlock').hide('blind');
  $('html, body').animate({scrollTop : jQuery('.goodsDataOpinion').offset().top - 60}, 400);
	return false;
  return false;
});

далее найдите:

// Запуск основных функций для разных разрешений экрана
$(document).ready(function(){
  if(getClientWidth() > 991){
	fixedGoodsPage();
  }

замените на:

// Запуск основных функций для разных разрешений экрана
$(document).ready(function(){
  if(getClientWidth() > 991){

  }

далее найдите:

  if(getClientWidth() > 991){
	fixedGoodsPage();
  }

  if(getClientWidth() < 992){
	fixedGoodsPage();
	$('.product-view .product-img-box').removeClass('fixed');
	$('.product-view .product-img-box').addClass('unfixed');
  }

замените на:

  if(getClientWidth() > 991){

  }

  if(getClientWidth() < 992){
	$('.product-view .product-img-box').removeClass('fixed');
	$('.product-view .product-img-box').addClass('unfixed');
  }

далее найдите и удалите:

// Фиксация изображения в карточке товара
function fixedGoodsPage() {
  var h = $('#header').outerHeight();
  var p = $('.product-view .product-shop').outerHeight();
  var i = $('.product-view .product-img-box').outerHeight();
  var w = $('.product-view .product-img-box').width();

  if ($(this).scrollTop() > h && getClientWidth() > 991) {
	$('.product-view .product-img-box').addClass('fixed');
	$('.product-view .product-img-box').removeClass('unfixed');
	$('.product-view .product-img-box .product-image').css({'margin-top' : 0, 'width' : w});
  } else {
	$('.product-view .product-img-box').removeClass('fixed');
	$('.product-view .product-img-box').removeClass('unfixed');
	$('.product-view .product-img-box .product-image').css({'margin-top' : 0, 'width' : 'auto'});
  }
  if ($(this).scrollTop() > p - i + h) {
	$('.product-view .product-img-box').removeClass('fixed');
	$('.product-view .product-img-box').addClass('unfixed');
	$('.product-view .product-img-box .product-image').css({'margin-top' : p - i, 'width' : 'auto'});
}

  $(window).scroll(function () {
	if ($(this).scrollTop() > h && getClientWidth() > 991) {
	  $('.product-view .product-img-box').addClass('fixed');
	  $('.product-view .product-img-box').removeClass('unfixed');
	  $('.product-view .product-img-box .product-image').css({'margin-top' : 0, 'width' : w});
	} else {
	  $('.product-view .product-img-box').removeClass('fixed');
	  $('.product-view .product-img-box').removeClass('unfixed');
	  $('.product-view .product-img-box .product-image').css({'margin-top' : 0, 'width' : 'auto'});
	}
	if ($(this).scrollTop() > p - i + h) {
	  $('.product-view .product-img-box').removeClass('fixed');
	  $('.product-view .product-img-box').addClass('unfixed');
	  $('.product-view .product-img-box .product-image').css({'margin-top' : p - i, 'width' : 'auto'});
}
});
}

[exuser]

После этих манипуляций изображение уезжает с прокруткой. И какой смысл в этим фиксе, если он всю фишку загубил?

exuser (19 Январь 2021 - 13:42) писал:

После этих манипуляций изображение уезжает с прокруткой. И какой смысл в этим фиксе, если он всю фишку загубил?

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


.product-view .product-img-box {margin-bottom: 30px;padding-left: 0;}


замените на:


.product-view .product-img-box {margin-bottom: 30px;padding-left: 0;}

Какой смысл в этой замене, если строчки идентичны?