Product Quick View Issues

I am having issues with the product quick view. The add to cart button has changed and is now wrapping, instead of being in one line as it was before.

In addition, how do I remove the SKU only from the product’s quick view, reduce the font of the remaining meta, as somehow it has increased, and widen the scroll bar as from a user’s view it is very hard to even see it ?

Attachments:

You must be logged in to view attached files.

Hello,

Please deactivate all the plugins except these ones:

Slider Revolution
WPBakery Page Builder or Elementor
Woodmart Core
Contact Form 7
MailChimp for WordPress
WooCommerce
Safe SVG

If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

In case, the problem remains, even after all the plugins are deactivated, provide your site admin access (insert the site credentials into the Private content block under the message area) and confirm the permission for plugins deactivation, switching to the parent or default theme. As soon as we complete the testing we will enable all back, however, the site would be without plugins for 15-20 min. You would better make the full backup of your site.

Please provide the page URL, we will give custom CSS.

Best Regards

The problem has not gone. It was showing fine before even with these plugins activated. Please see below for access to fix. Site has been backed up.

Hello,

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

body .product-quick-view .sku_wrapper{
display:none;
}

Best Regards

Hello,

It fixed the “add to cart” issue I had, thanks. However, the SKU is still showing in product quick view and the Text of the Meta has increased in size. How do I remove the SKU and reduce the font in quick view?
Thanks.

Hello,

We have checked and we see the custom CSS works: https://gyazo.com/fb00fd67ae914cafec4f659469cd14dc

Please use this selector .product-quick-view .entry-summary you can use this selector in the Advanced typography.

You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

Hello again,

The add to cart button on the product quick view is still the same, and the SKU is still there. I have applied the global custom CSS which I thought removed it but it is showing again. The SKU never got removed. Please assist with this.

Attachments:

You must be logged in to view attached files.

This advanced typography for the Meta section of the product quick view is not working. The text is not changing and some of the font in the meta section is larger than the other.

Hi,

1. Quick view quantity buttons. We have checked your Quick view quantity buttons, and it is looking normal. Please check the video (https://gyazo.com/7bdcc650d0c7a1c2d4305513f3fbe7fa).

2. SKU on quick view popup. We have checked your quick view popup and your SKU is not present on quick view popup. Please check screenshot (https://prnt.sc/5oR1TyF4kI9P)

3. Quick view typography. You have overwritten theme typography via global Elementor forms settings. This setting is too global and is not designed for complicated eCommerce themes like Woodmart which have own style settings. Using Elementor global option will create conflict in various interface elements that Woodmart theme has. First, try to remove and reset all form settings from these Elementor option sections:

Global fonts: https://prnt.sc/qsV1dSfcMKn9
Typography: https://prnt.sc/z9wue8bIck_P

If you want to set theme styles, use the options located in Woodmart theme settings:

Font and typography: https://prnt.sc/ZI14c4z9zVSx

After you remove all Elementor global typography settings, you can additionally control quick view text font size by using Advanced typography and custom CSS selector .product-quick-view .entry-summary like is shown on screenshot (https://prnt.sc/_YT4pT3NgEtM).

Kind Regards

Thank you for the detailed response. I did reset all settings and the Meta text on the product quick view did revert to a normal size, however the “Share” meta at the bottom is still coming up as a different size from “Category” and “Tags” at the bottom. In addition, is there a way to “letter space” the words in your theme? I am noticing that the font shows up too close together on many items and is not legible. I am only seeing line spacing available.

Hi,

1. We have checked your site meta text and both Category/Tags and Share have same “font size” – 16px. Please check the screenshots

Category/Tags – 16px (https://prnt.sc/zcVee4pOBwW5)
Share – 16px (https://prnt.sc/l8hRw2KECCz1)

If you make changes on your site, make sure that you have cleared the browser and site cache before checking the issue. In your case, you are using WP Rocket plugin in which the cache needs to be cleared each time after you make changes on site. Screenshot (https://prnt.sc/bSpa730_EvS_). We also recommend you disable the cache plugin during the development process to ensure cached style conflicts.

2. Our theme didn’t have options to control letter-spacing, and initial letter-spacing depends on from chosen font itself.

Kind Regards

[Author]

Posts