Quick View

Hi Xtemos,

I want to know if it is possible to just have Quick View? I mean when I click on the image (all products) it only loads the quick view.

If it is not possible could please give me an additional code customization ? Thank you very much.

Hello,

Thank you so much for purchasing our theme and contacting our support center.

Please, send us a link to your website so we can try to prepare a code snippet for this.

Kind Regards
XTemos Studio

Hello,

Thank you!
So could you please give me an additional code for that :

– When I click on the image and the product grid title (for all products), it only loads the quick view window (for the desktop layout)
– Hide on the image (for all products) the add cart icon and the quick view icon (for the desktop/tablet/mobile layout)
– On the quick view window, hide on the image : “VIEW DETAILS”

Thank you.

Hello,
Please add this code to the Theme Settings > Custom JS:

jQuery('.product-image-link, .product-element-bottom').on('click', function(e) {
    e.preventDefault();
    jQuery(this).parents('.product-grid-item').find('.open-quick-view').click();
});

Please add this code to the Theme Settings > Custom CSS > Global:

body .woodmart-hover-tiled .woodmart-buttons{
display:none;
}
.btns-shop-light .popup-quick-view .woodmart-scroll-content>a{
display:none;
}

Best Regards

Hi,

Thank you for your help, it works.

Last questions :

1) How can I hide on the quick view window on the product image : “VIEW DETAILS” (for all products) ?

2) How can I add on the quick view mode (for all products) the affiliate button (for all affiliate products) ?
I already have it on the product page (the blue one) and I want it too on the quick view window between the description and the share part.

Please send me the additional code if necessary.
Thank you very much.

Hi,

Try to use the following code snippet

.popup-quick-view .product-images .view-details-btn {
	display: none;
}

instead of this part

.btns-shop-light .popup-quick-view .woodmart-scroll-content>a{
display:none;
}

Regards

It works, thanks!
I forgot to ask you :
When I click on the affiliate button, I want to open the affiliate link in a new tab. I didn’t find a way to do that on the theme settings.

Thank you.

It is a WooCommerce functionality and unfortunately, there is no option for this.

Regards

Hello,

Since I added the element “AJAX products tabs”, I can see that the possibility to just have Quick View when I click on the image (all products), only works for the products who are in the first products tabs.
Please check the Private Content.

Try to replace the code with the following one

jQuery('body').on('click', '.product-image-link, .product-element-bottom', function(e) {
    e.preventDefault();
    jQuery(this).parents('.product-grid-item').find('.open-quick-view').click();
});

Thank you so much, it works.

One more question, do you know how can I hide in the Quick View the Category line ?

Thanks!

Hello,

The quick view option is global and deactivated only for all pages in the Theme Settings > Shop > Quick view

Best Regards

Hello,

Sorry, I mean (for Desktop, Tablet and Mobile) :

1) On the quick view window, I want to hide for all products “Category: … ”

2) And also on the quick view window, I want to disable for all products the link on the title/price.

Please check the Private Content.

Thank you.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.btns-shop-light .popup-quick-view .woodmart-scroll-content>a{
	pointer-events: none;
}
body .popup-quick-view .entry-summary .entry-title {
pointer-events: none;
}
body .popup-quick-view .entry-summary .product_meta>span {
    display: none;
}

Best Regards

Perfect! Thank you so much!

On the quick view window, on my affiliate button letters are always in uppercase, how can I change that ?
Thanks.
Please check the Private Content.

Hello,

Replace the code for the button:

.btns-shop-light .popup-quick-view .woodmart-scroll-content>a{
	pointer-events: none;
		text-transform:none;
}

Best Regards

Thank you, it works.

I wrote here all my questions, thank you for your time and help.

1) How can I add on the quick view window the Instagram icon (share) ?
I actually have the Facebook, Twitter and Pinterest icons.

2) How can I add a permanent text for all products on the quick view window below “Share”

3) I do not wish to have users be able to comment on products.
When I add a product I can see that I have the option “Activate comments”. If I disable that, it works. But this option is automatically checked, is there a way to permanently disable this option ? Because I don’t want to disable this option for each products I add.

4) When I click on one image product, it directly opens a quick view window. Actually it works for Desktop and Mobile version. You gave me an additional code to do that but I only need this function for the Desktop version and not for the Mobile version. Could you please give an additional code to do that ? Thank you!

Hello,

1. There is no option for that.

2. There is no option for that.

3. Navigate to Woocommerce > Settings > Products Tab > Inventory > disable Reviews.

4. Please find this code in the Theme Settings > Custom CSS > Global:

body .woodmart-hover-tiled .woodmart-buttons{
display:none;
}
.btns-shop-light .popup-quick-view .woodmart-scroll-content>a{
display:none;
}

Delete from Global and insert in Mobile/Tab and into the device type you need.

Best Regards

How can we hide short description in quickview ?

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.popup-quick-view .entry-summary  .woocommerce-product-details__short-description{
display:none;
}

Best Regards

How to show loading sign when someone clicks on product image/link before loading quickview?

Hello,

Unfortunately, there is no option to add such a loading icon.

Best Regards

[Author]

Posts