Hello,

Quick view is included with theme:

https://codeless.co/picante/default/?post_type=product

Just please use Shop Items (WooCommerce) and also setup quick view on Customizer -> Shop Options.

Thanks

ah ok,

If you know a little bit of coding, please add this class on title or image:

cl-quick-view

Or please replace this function on js/codeless-main.js

CL_FRONT.quickView = function(){

        if( CL_FRONT.config.$isMobileScreen )
            return;

        $('.product_item').on( 'click', function(e){
            e.preventDefault();
            var $button = $(this).find( '.cl-quick-view' );
            $button.addClass('loading');

            var id = $button.data('id');

            var data = {
                id: id,
                action: "codeless_woo_quick_view"
            };
            
            CL_FRONT.components.loadDependencies( [ codeless_global.FRONT_LIB_JS + 'jquery.magnific-popup.min.js' ], function() {
                $.ajax({
                    url: codeless_global.ajax_url,
                    data: data,
                    method: "get",
                    success: function(message) {
                        var $result = $(message);
                        $result.find( '.woocommerce-product-gallery--with-images').css('opacity', '');
                        $result.imagesLoaded(function(){
                            $.magnificPopup.open({
                                items: {
                                    src: '<div class="mfp-with-anim popup-quick-view single-product woocommerce">' + $result[0].outerHTML + "</div>",
                                    type: "inline"
                                },
                                
                                removalDelay: 300,
                                preloader: true,
                                tClose: '',
                                callbacks: {
                                    beforeOpen: function() {
                                        $.magnificPopup.close();
                                        this.st.mainClass = "mfp-move-horizontal" + " quick-view-wrapper";

                                    },

                                    open: function() {

                                        $(".popup-quick-view .variations_form").each(function() {
                                            $(this).wc_variation_form().find(".variations select:eq(0)").change()
                                        });

                                        $(".popup-quick-view .variations_form").trigger("wc_variation_form");

                                        $( '.popup-quick-view .woocommerce-product-gallery__wrapper' ).addClass('cl-carousel owl-theme owl-carousel');
                                        
                                        setTimeout(function(){
                                            CL_FRONT.components.Carousel( $( '.popup-quick-view .woocommerce-product-gallery__wrapper' ), { items: 1, nav: true }, function(){ CL_FRONT.nanoScroller(); } );
                                        }, 1);
                                        
                                        CL_FRONT.shopDropDown();
                                        CL_FRONT.shopFixes();
                                        CL_FRONT.xBrowserFixes();

                                        if( $('.popup-quick-view').find('.product-type-grouped').length > 0 )
                                            CL_FRONT.quickView();

                                        CL_FRONT.ajaxProductAdd();
                                        
                                        $('.popup-quick-view .variation-selector select').on('change', function(){
                                            $(this).closest('.popup-quick-view').find('.woocommerce-product-gallery__wrapper').trigger('to.owl.carousel', 0)
                                        });
                                     
                                        if( $.fn.tawcvs_variation_swatches_form )
                                            $( '.popup-quick-view .variations_form' ).tawcvs_variation_swatches_form();
                                        
                                        $button.removeClass("loading");

                                    }
                                }
                            })
                        })
                        
                        
                    },
                    complete: function() {
                        
                    },
                    error: function() {
                        $button.removeClass("loading")
                    }
                } );
            });

        });

    }

Please,

Can you share a link?
Thanks

Please add a cart page and a checkout page at WooCommerce options, that’s all

Thanks

Please send credentials or set them on profile so i can test.

Thanks

Hello,

I see that you have fixed that issue.
Cart and Checkout works perfectly