Quick View Option Isn’t Showing

Hi there,

Thanks for reaching out.

I’ve gone through your website and clicked the “eye” icon. The quick view is working properly.

Screenshot 1: https://prnt.sc/N4W1XyjWsoVy
Screenshot 2: https://prnt.sc/luxxm5IhZpZA

Can you please try it in a different browser? You may face a cache issue.

Let me know if this helps.

• This reply was modified 6 months ago by Owadud.

also I want to stick the quick view option beside add to cart button how can i do that in both desktop and mobile?

Right now quick view option is coming when i hover on them.

Thank You.

You can choose the layout from the block setting > General > Layout > select layout 5 or 6 . image for reference .

Now you need to add additional CSS . Go to appearance > Customize > Additional Css .

Enter this code and publish.

.wopb-pg-l5 .wopb-product-meta, .wopb-pg-l6 .wopb-product-meta {
align-items: center;
justify-content: center;
display: flex;
}

Front end image .

In the future, we will introduce layout options for both hover and non-hover styles.

When I am using layout 5-6 it’s not showing the the add to cart button and I want that on my page also.

Your assistant in showing add to cart + quick view on page will be appreciated.

Thank You.

Layout 6 and using the additional css the frontend will be like this image . without hover in the product image an element box icluding( wishlist,quickview and add to card button) will be shown.

Also please let me know – Which block you are using ?

Grid #3 Layout 2 > frontend – img – to set it fixed add this additional css>

.wopb-quick-cart {
opacity: 1;
}

Please note that , Every layout has not the quickview option .