magento 2 добавить карусель совы к недавно просмотренным продуктам

Я пытаюсь добавить карусель owl к недавно просмотренным продуктам на странице сведений о продукте, создав пользовательскую тему и создав viewed_grid.phtml в 

app/design/frontend/_YOUR_VENDOR_/YOUR_THEME/Magento_Reports/view/frontend/templates/widget/viewed/content and requirejs.config.js

В 

app/design/frontend/_YOUR_VENDOR_/YOUR_THEME/Magento_Reports .

Но все равно я не могу получить слайдер.

Author: Savan Patel, 2019-12-05
Source

1 answers

Скопируйте HTML-шаблон knockout в свою тему. Копировать 

/vendor/magento/module-catalog/view/base/web/template/product/list/listing.html

чтобы 

app/design/frontend/[Vendor]/[Theme]/Magento_Catalog/web/template/product/list/listing.html

и держите ниже div до того, как последний div закончится в файле

<div class="clear" data-bind="afterRender: pdpRvowlInit"></div>

и переопределить файл listing.js от 

vendor/module_catalog/view/base/js/product/list/listing.js

и создавать в 

app/design/frontend/_YOUR_VENDOR_/YOUR_THEME/Magento_Catalog/web/js/product/list/listing.js

и внесите следующие изменения

    define([
    'ko',
    'underscore',
    'Magento_Ui/js/grid/listing',
    'jquery',
    'owlCarousel'],function (ko, _, Listing, $) { 'use strict';

//and add  below function

    pdpRvowlInit: function(){
    $('.block-viewed-products-grid .product-items').owlCarousel({
        autoPlay: 3000, //Set AutoPlay to 3 seconds
        items : 3,
        nav: true,
        navText : ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>'],
        itemsDesktop : [1199,5],
        itemsDesktopSmall : [900,4], // betweem 900px and 601px
        itemsTablet: [700,2], // 2 items between 600 and 480
        itemsMobile : [479,1] , // 1 item between 479 and 0
    });}

Надежда requirejs.config.js уже добавлен в папку web/js

 3
Author: Zarna Parekh, 2019-12-06 07:51:48