Здравствуйте. Помогите решить вопрос пожалуйста.
Как в этой теме сделать переход из быстрого просмотра товара в полное описание?
Либо сделать быстрый просмотр с возможностью добавления видео?
Спасибо
0
Переход Из Быстрого Просмотра Товара
Автор invincible, 05 нояб. 2019 18:45
В теме одно сообщение
#1
Отправлено 05 Ноябрь 2019 - 18:45
#2
Отправлено 16 Ноябрь 2019 - 08:40
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
замените на:
Далее зайдите в шаблон Товар - в самом начале вставьте:
в самом конце шаблона вставьте:
Далее зайдите в main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - 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 анонимных