Upsell image size, limit, and display.
I changed /Magento_Catalog/layout/catalog_product_view.xml to limit the upsell to ‘4’ items and that’s working well. Only 4 items are being shown, even if more are selected.
Next, I edited the theme’s ‘_listings.less’ to reflect the new image size for Upsell as well – default was 152px.
I’ve also changed the etc/view.xml to the size images I want and, a run php bin/magento catalog:images:resize, which did resize the actual images.
However, the display of the upsell items is smaller than expected, CSS is still showing:
@media (min-width: 1024px), print styles-l.min.css:1 .page-layout-1column .products-grid .product-item { width: 16.66666667%; }
In inspector, if I change the number to 25.00%, the spacing is correct. But the images are still set at 152px via
.product-item-info { max-width: 100%; width: 152px; }
In inspector, if I remove the width: 152px; the images are displayed in the correct size, and the correct dimensions, but as soon as the page is reloaded, the image spacing, and display is not what would be expected.
After making the changes, I’ve upgraded, flushed cache, reindexed, compiled, and deployed, but without any change to the upsell image or display.
Is there somewhere else I should be making the CSS changes or a php file?