I have a layout that alternates between rows of 2 square images, and rows of 1 widescreen image. this is easily done by using a CSS grid and allowing the widescreen images to span 2 columns. this is for a case study page template. some of our case studies have 10 images, others have 30 (I have no control over this inconsistency)
I’m unable to leverage the multi-image uploader, since I can’t specify which ones are wide and which are square. If I use the editor to replace images on a collections page, it will change for all 38 case studies.
Coming from Wordpress I’m honestly kind of shocked there are no “repeaters”…makes it hard for clients to add their own content if they need to add custom fields to their site to do so.
If I wasn’t trying to transfer a mountain of content from Wordpress, I’d probably just make each case study its own page to avoid the headache. But alas, I need to use the CSV import otherwise I will miss my launch date.
replacing images in the editor on standard page is so easy, I wish this were the case for a collection page with a bunch of images on it.
Tips? I’m comfortable with some custom code or js
Here is my site Read-Only: LINK
(how to share your site Read-Only link)