Issues with Quick View Popup

The Quick View popup shows the Brand name under the product name, as shown in the screenshot. I would like it to appear on top of the product name. Also, the View details button is not working. It used to open the product page, but it does not do that anymore.

Please advise.

Thanks,

Kashif.

Attachments:

You must be logged in to view attached files.

Hi familyecomm-7680,

Thanks for reaching to us.

Please provide URL of the mentioned page, so I can take a closer look.

Best Regards,

https://scentedmeadow.com/shop/?stock_status=instock

Hi familyecomm-7680,

Thanks for details.

1. Product Brands

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS

div.product-quick-view .summary-inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

div.product-quick-view .wd-product-brands{
	order: 0;
	align-items: self-start;
	margin-bottom: 0;
}

div.product-quick-view .product_title{
	order: 1;
}

div.product-quick-view .price,
div.product-quick-view form.cart{
	order: 2;
}

2. View details

You should deactivate all plugins (except Required Plugins) and then reactivate them one by one. This makes it very easy to isolate the plugin causing problems.

Regards,

Hi,

1. The solution sort of worked. However, the result is not as expected. Between the Brand name, title, price, and variant options the gaps are prominent. As soon I select a variant, the gap reduces. It seems like it is set to be flexible, can we make everything before the variants fixed instead of flexible? See attached screenshot.

2. I’ve deactivated all the plugins except the ones that were necessary to retain the layout of the website. The View details button is still not working.

I’m including the test website’s URL and user credentials for your testing.

Please advise.

Thanks,

Kashif.

Attachments:

You must be logged in to view attached files.

Hi familyecomm-7680,

Would you mind if I deactivate extra plugins for testing? Please confirm me back.

Regards,

Yes, you can certainly do that in the Test environment, test.scentedmeadow.com.

Thanks,

Kashif.

Hi familyecomm-7680,

Please add above Custom CSS code to Theme Settings > Custom CSS > Custom CSS for Desktop

.popup-quick-view a:is(.btn,.button,button,[type="submit"],[type="button"]){
	display: block;
}

.popup-quick-view .btn.view-details-btn{
	z-index: 99999;
	position: relative;
}

Regards,

That seems to have resolved the issue.

Thanks a lot for your help!

Hi familyecomm-7680,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts