Alternate Metaobject filled Media with Text boxes Left and Right

Topic summary

A user is working with metaobjects (containing Title, Description, and Image) on product pages and wants to alternate the image placement—switching between left and right sides instead of having all images consistently positioned on the right.

Current Issue:

  • All images currently appear on the same side (right)
  • Using Impact Theme
  • Seeking CSS solution to create alternating layout

Expert Response:

  • Simple CSS alone won’t achieve this without affecting other elements
  • Requires more extensive custom coding beyond basic CSS
  • A developer offered to implement the necessary code changes if the user cannot do it themselves

Status: The discussion remains open, with the user having provided their live product page URL for review. The solution requires custom development work rather than a quick CSS fix.

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

Hi,

I have a metaboject with Title, Discription and Image that i want to use on our product pages based on the features of each product.

I want to altnerate the boxes left and right instead of all images to the right. Like it is now:

What i want:

Please advise on the CSS code to use in this block. We’re using Impact Theme.

Hi @Letster

Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for your store.

Best regards

Sahil

Hi, Of course. I put the page live on one product: https://www.brunotti.com/products/glow-fullsuit-5-3-mm-women-wetsuit-grey

Hi @Letster Thanks for providing the url, I have looked into your site and found that this can’t be achieved with simple css, as it will messing other element as well.

So it need more custom coding just css will not work here.

If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil