2

I have added quick view on list page. But I could not load slider in image thumb in quick view also configurable options/swatches are not visible.

Does any one have faced this issue? Below is the screen shot for both the issues,

https://drive.google.com/file/d/0B1aJL9nhfbfFN1Q0RGR6cTNBaFk/view?usp=drivesdk https://drive.google.com/file/d/0B1aJL9nhfbfFcDZvZERtTnZZZTQ/view?usp=drivesdk

1

After debugging for a day I had find out below solution.

For Owl Crousel js issue i followed below steps for my module, Step1 : Added js below path,

Vendorname/Modulename/view/frontend/web/js/owl.carousel.js

Step2: In my custom file I have called js like this, where my files resides at below path, Vendorname/Modulename/view/frontend/templates/product/myfile.phtml

<script type="text/javascript">

   require([
        //'cookiecode/jquery',
        'Vendorname_Modulename/js/owl.carousel',
    ], function () {
        jQuery(document).ready(function()
    {
        jQuery(".quick-view-thumb").owlCarousel({
                autoPlay: false, //Set AutoPlay to 3 seconds
                margin:4,
                items : 4,
                itemsDesktop : [1199,4],
                itemsDesktopSmall : [979,4],
                itemsTablet : [768,4],
                navigation : false,
                pagination : false
            });
    });
    });
</script>

With this successfully my js is now called in my custom page.

For swatch issue due to mismatch of block and function it was not working now successfully swatches are coming up in quick view too.

Problems have been fixed.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.