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


Переход Из Быстрого Просмотра Товара


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

#1 invincible

invincible

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

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

Отправлено 05 Ноябрь 2019 - 18:45

Здравствуйте. Помогите решить вопрос пожалуйста.
Как в этой теме сделать переход из быстрого просмотра товара в полное описание?
Либо сделать быстрый просмотр с возможностью добавления видео?
Спасибо

#2 Vaccina

Vaccina

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

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

Отправлено 16 Ноябрь 2019 - 08:40

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

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
// Функция Быстрого просмотра товара
function quickView() {
// Получение центральной разметки страницы (для быстрого просмотра)
$(document).ready(function(){
  $.fn.getColumnContent = function() {
	var block = ($(this).length && $(this).hasClass('product-view') ? $(this).filter('.product-view') : $('div.product-view:eq(0)'));
	block.find('#main').each(function(){
	  // Удаляем все блоки, которые не отображаются в быстром просмотре.
	  if(!$(this).hasClass('product-img-box') && !$(this).hasClass('product-shop')) {
		$(this).remove();
	  }
	});
	block.find('.product-view').addClass('quickView');
	return block;
  }
});
// Быстрый просмотр товара
$(document).ready(function(){
  // При наведении на блок товара загружаем контент этого товара, который будет использоваться для быстрого просмотра, чтобы загрузка происходила быстрее.
  $('.products-container .item').mouseover(function() {
	// Если в блоке нет ссылки на быстрый просмотр, то не подгружаем никаких данных
	var link = $(this).find('a.quickview');
	if(link.length < 1) {
	  return true;
	}
	// Если массив с подгруженными заранее карточками товара для быстрого просмотра ещё не создан - создадим его.
	if(typeof(document.quickviewPreload) == 'undefined') {
	  document.quickviewPreload = [];
	}
	var href = link.attr('href');
	href += (false !== href.indexOf('?') ? '&' : '?') + 'only_body=1';
	// Если контент по данной ссылке ещё не загружен
	if(typeof(document.quickviewPreload[href]) == 'undefined') {
	  // Ставим отметку о том, что мы начали загрузку страницы товара
	  document.quickviewPreload[href] = 1;
	  // Делаем запрос на загрузку страницы товара
	  $.get(href, function(content) {
		// Сохраняем контент, необходимый для быстрого просмотра в специально созданный для этого массив
		document.quickviewPreload[href] = $(content).getColumnContent();
	  })
	  // Если загрузить страницу не удалось, удаляем отметку о том, что мы подгрузили эту страницу
	  .fail(function() {
		delete document.quickviewPreload[href];
	  });
	}
  });
});
// Действие при нажатии на кнопку быстрого просмотра.  
$(document).ready(function(){
  $(document).on('click', 'a.quickview', function() {
	var href = $(this).attr('href');
	href += (false !== href.indexOf('?') ? '&' : '?') + 'only_body=1';
	quickViewShow(href);
	$('.product-view').removeClass('quickViewMod');
	return false;
  });
});
}



замените на:
// Функция Быстрого просмотра товара
function quickView() {
// Получение центральной разметки страницы (для быстрого просмотра)
$(document).ready(function(){
  $.fn.getColumnContent = function() {
	var block = ($(this).length && $(this).hasClass('quick_view') ? $(this).filter('.quick_view') : $('div.quick_view:eq(0)'));
	block.find('#main').each(function(){
	  // Удаляем все блоки, которые не отображаются в быстром просмотре.
	  if(!$(this).hasClass('product-img-box') && !$(this).hasClass('product-shop')) {
		$(this).remove();
	  }
	});
	block.find('.quick_view').addClass('quickView');
	return block;
  }
});
// Быстрый просмотр товара
$(document).ready(function(){
  // При наведении на блок товара загружаем контент этого товара, который будет использоваться для быстрого просмотра, чтобы загрузка происходила быстрее.
  $('.products-container .item').mouseover(function() {
	// Если в блоке нет ссылки на быстрый просмотр, то не подгружаем никаких данных
	var link = $(this).find('a.quickview');
	if(link.length < 1) {
	  return true;
	}
	// Если массив с подгруженными заранее карточками товара для быстрого просмотра ещё не создан - создадим его.
	if(typeof(document.quickviewPreload) == 'undefined') {
	  document.quickviewPreload = [];
	}
	var href = link.attr('href');
	href += (false !== href.indexOf('?') ? '&' : '?') + 'only_body=1';
	// Если контент по данной ссылке ещё не загружен
	if(typeof(document.quickviewPreload[href]) == 'undefined') {
	  // Ставим отметку о том, что мы начали загрузку страницы товара
	  document.quickviewPreload[href] = 1;
	  // Делаем запрос на загрузку страницы товара
	  $.get(href, function(content) {
		// Сохраняем контент, необходимый для быстрого просмотра в специально созданный для этого массив
		document.quickviewPreload[href] = $(content).getColumnContent();
	  })
	  // Если загрузить страницу не удалось, удаляем отметку о том, что мы подгрузили эту страницу
	  .fail(function() {
		delete document.quickviewPreload[href];
	  });
	}
  });
});
// Действие при нажатии на кнопку быстрого просмотра.  
$(document).ready(function(){
  $(document).on('click', 'a.quickview', function() {
	var href = $(this).attr('href');
	href += (false !== href.indexOf('?') ? '&' : '?') + 'only_body=1';
	quickViewShow(href);
	$('.quick_view').removeClass('quickViewMod');
	return false;
  });
});
}

Далее зайдите в шаблон Товар - в самом начале вставьте:
<div class="quick_view">

в самом конце шаблона вставьте:
</div>

Далее зайдите в main.css - найдите:
.fancybox-content .product-tabs {display: none;padding: 0 15px 0 0;}

замените на:
.fancybox-content .product-tabs {padding: 15px 0 0 0;}





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

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