How To Fill Two Multicolumn Image Boxes With Images

Store Design
,

Topic summary

A user successfully implemented code from a previous thread to fill one image container in a multicolumn section, but is encountering issues when trying to apply the same approach to fill two image boxes in a two-column layout.

Current Status:

  • Left column: Image fills the container correctly using existing code
  • Right column: Image is not filling the container as expected

Context:

  • The user references a previous thread with working code for single-column implementation
  • An attached image demonstrates the current partial success
  • The issue appears to be related to adapting the code for multiple columns simultaneously

The discussion remains open with the user seeking guidance on modifying or extending the code to work for both columns in the multicolumn section.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

I received code from another thread that filled in one column’s container on a multicolumn with my image. I’m having trouble getting it to work for two images on a two column multicolumn section. Attached image shows column on the left is filled in by the code but the image on the right side column is still not filling in the container.

Link below for previous thread with code:

https://community.shopify.com/c/shopify-design/how-to-fill-multicolumn-image-box/m-p/2394212#M630527