Skip to content

Fix crosselling thumbnail cropping in Everblock carousel#943

Merged
CySSoO merged 1 commit intomasterfrom
cyssoo/fix-product-thumbnails-in-crossell-shortcode
Feb 3, 2026
Merged

Fix crosselling thumbnail cropping in Everblock carousel#943
CySSoO merged 1 commit intomasterfrom
cyssoo/fix-product-thumbnails-in-crossell-shortcode

Conversation

@CySSoO
Copy link
Contributor

@CySSoO CySSoO commented Feb 3, 2026

Motivation

  • Cross-selling thumbnails inside Everblock blocks were being cropped on some viewports, causing poor product image display.
  • The intent is to ensure the cross-selling shortcode output receives the same class-based styling on mobile and that thumbnails keep their aspect ratio.

Description

  • Add the shortcode class to the mobile featured-products section by updating views/templates/hook/ever_presented_products.tpl so the shortcodeClass (e.g. crosselling) is present on the mobile carousel container.
  • Add cross-selling specific CSS in views/css/everblock.css (selector .ever-featured-products.crosselling .thumbnail-container and .product-thumbnail img) to center thumbnails and use object-fit: contain to avoid cropping.

Testing

  • No automated tests were run; changes are limited to a template and stylesheet and should be verifiable visually in a storefront preview.

Codex Task

@CySSoO CySSoO merged commit efcbca3 into master Feb 3, 2026
1 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant