-
-
Hello
How to make product quick view for Product image and name.I don’t want the single product pages , instead, everything can be done from shop page itself.
How to make quick view for Product images and product name ?
Please suggest the coding part it will be helpful and I will provide good rate for Theme.
Thanks
-
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
-
Yes, I know that.
please understand my question. I want to open quick view when we click on product name or image instead of going to product page.
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") } } ); }); }); }
-
Is class ” <span style=”color: #4b4d4d; font-family: Raleway; font-size: 14px;”>cl-quick-view ” enough or product id need to call on image and title?</span>
-
-
One More thing, When I click add to cart product gets added to cart and quick view opens again.
How to hide / remove both the icons like add to cart and add to wishlist from the shop page.
-
Cart and Checkout link from “CART icon” in the Menu , redirect to home page only.
Please check and fix it.
I have updated and saved the woocommerce cart and checkout pages in woocommerce settings.
Thanks
-
-
here is the website link : https://demo.tacisbeyti.com
mouse hover cart icon and click cart or checkout redirect to homepage only.
-
Please add a cart page and a checkout page at WooCommerce options, that’s all
Thanks
-
I have already mentioned that, I have added them in Woocommerce settings for cart, checkout and my account.
-
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 -
-
Hello,
Sorry for the inconvenience.
The developer is working on this. We will include the changed code in the next theme update that will be released soon.
You will be notified for everything.Best regards!
-
Please Update these things , these are very basic and needed for my website.
I expext new update with these fixes within one or two days , otherwise I will request for refund and choose someother theme.
Thanks
-
Hello,
I understand and as promised these changes will be added to theme in the next update.
Please keep in mind that you are not getting anything less than the demo you first saw online and chose to get!
If any feature you saw in the demo, is not being showed in your site, we will fix immediately. As for other additional features, you will have to wait till the update is available.Best regards!
-
You must be logged in to reply to this topic.