Error in multicolumn image clickable code

Shopify Discussion

Topic summary

A user implemented code from a community tutorial to make images clickable in Shopify’s multicolumn section by replacing the multicolumn.liquid file with code from a Pastebin link. While the basic functionality works, several bugs have emerged:

Issues identified:

  • Slide counter displays “1/NaN” instead of proper numbering (e.g., “1/8”)
  • Navigation arrows malfunction—clicking left/right arrows always returns to the first image rather than moving sequentially
  • Mobile slide functionality appears broken

Attachments: The user included WhatsApp screenshots (dated 2023-02-01) showing the errors, though the image text in the post appears corrupted or reversed.

The discussion remains open with no resolution yet provided.

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

So i wanted to make my multicolumn section image clickable so i referred to this

https://community.shopify.com/topic/1339474

and replaced the multicolumn.liquid all the code to the code provided at this link https://pastebin.com/tvvm1EQ0

everything works fine but there are small error when it comes to mobile slide option

the right and left arrows don’t work , clicking the arrow always takes to the first image instead of the previous or next image

second, as soon as the first slide the counting "1/8 " becomes " NaN/ "

please refer the screenshots attached

WhatsApp Image 2023-02-01 at 4.36.29 PM.jpeg
WhatsApp Image 2023-02-01 at 4.36.29 PM.jpeg1178×1216 88.1 KB

WhatsApp Image 2023-02-01 at 4.36.28 PM.jpeg
WhatsApp Image 2023-02-01 at 4.36.28 PM.jpeg1179×1168 70.2 KB

@LitExtension