Show Quick View Box within the viewport
-
Hi,
The “QUICK VIEW” box does not center in the viewport and move up and down with the scroll. Is there anyway we can center the quick view box in the viewport?
Can we adjust the height of the quick view box without changing the width?
Regards,
Attachments:
You must be
logged in to view attached files.
Hello,
Navigate to Theme Settings > Shop > Quick view > Choose the quick view layout and set the width of quick view.
If you have any questions feel free to contact us.
Best Regards.
Hello,
Can’t we adjust the height of the quick view without changing the width?
Regards,
Hello,
Please try to use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Global CSS section:
.popup-quick-view .product-image-summary {
min-height: auto !important;
}
Best Regards.
Hi,
This doesn’t make any changes.
In the quick view, product image and description width ratio (X1:X2) seams to be 1:1 . (please see the attachment)
Since I’m using the product images of the width to height ratio 2:3 and set the quick view width to 920px, to keep the X1:X2 ratio as 1:1, it goes beyond the viewport.
I think if we can increase the width of X2 and reduce the X1 the problem will be solved. (its better have sufficient X2 width to show the products attributes table properly)
Regards
Attachments:
You must be
logged in to view attached files.
Hello,
Can you please share the page URL I will check and give you a possible solution.
Best Regards.
Please find the following URL
Hello,
Try to add the following code to control the width and height of the popup. Add the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Global CSS section:
.popup-quick-view .product-image-summary {
height: 510px;
}
div.wd-popup.popup-quick-view {
max-width: 800px !important
}
Best Regards.
.
