How can i make multicolumn section image change on hover

Topic summary

Goal: Customize the multicolumn section in the Drawn theme (v12.0.0) so each column image swaps to a second image on hover, similar to product cards. The merchant also wants a theme setting (checkbox) to enable “show second image on hover.”

Approach discussed: Code customization is feasible. It would involve editing theme files to add a second image field and a toggle in the section settings, then using conditional logic to display the second image on hover. “Liquid” (Shopify’s templating language) proficiency is needed for this.

Guidance given: A responder confirms it’s possible with Liquid but recommends engaging a developer if the merchant isn’t comfortable with the code. No specific code snippet or step‑by‑step instructions were provided.

Current status: Unresolved. The original poster requested concrete code help but did not receive it. No app recommendations were offered. An image reference was mentioned but not included in the thread, which may be important for implementation details.

Summarized with AI on January 9. AI used: gpt-5.

Hy, i need to customized my multicolumn section and i am using drawn theme 12.0.0. Like the product card image when user hover, it should show the second image. Basically i wanted to add one more image on multicolumn section and there should be a checkbox for it (show second image on hover). Please let me know how can i do it whether with code customization or by using some app. Would be great if can done with code.

I am attaching the reference what exactly i want.

Hello @Taniya1 ,

Yes possible with code customization but only if you know the liquid otherwise you have to ask a developer to do it for you.

Thanks

Yah i know the little bit but i am not much prominent with the liquid code still learning things, it will great help for me if you or anybody could help me with the code

Sorry but with a little bit you cannot extend the code.