Layout of Product View Version 4
I am working on an installation of Magento 2.3.2 with the theme Pearl Weltpixel, specifically with Product View Version 4.
With a configuration of Image area width 60% and Product info area width 35%.
All good so far, but Product info area is always on the right. Very large screens break the design a lot.
What solution is there so that the "Left" of Product info area is always next to the Image area and not completely to the right of the screen
-
Official comment
The Product Page V4 was designed specifically to showcase the product image in the center of the screen. As such, there's a float-right value for the description area.
In your case, a possible solution would be to add a margin-right to the page of, let's say 5%. You can do that by adding the following code to the wp_custom.less file:
.theme-pearl.product-page-v4 .product-info-main.product_v4.pp-floating-v4 {
margin-right: 5%
}
This'll keep the info area closer to the product image, which should help on high resolution screens. Keep in mind that this would add the margin value to all resolutions, though, so if you need to limit that to certain screen sizes only, you'd need to use media queries. For more info about customizations, you can take a look at our article here: https://support.weltpixel.com/hc/en-us/articles/115000705293-How-to-customize-css-xml-phtml-js-files-in-Magento-2-examples-Tutorial-
Comment actions
Please sign in to leave a comment.
Comments
1 comment