How to make Featured Product image and title clickable on Motion theme?

Topic summary

Goal: Make the homepage Featured Product’s image and title in the Motion theme link to the product page.

Proposed approach:

  • Wrap the featured product image and the title in anchor tags (<a href="PRODUCT_URL"> … ), replacing placeholders with the product and image URLs.
  • Insert this around the existing image tag and title (e.g., and

    ) in the section that renders the Featured Product.

Clarifications requested:

  • A screenshot was requested to identify exactly what to change.
  • The key open question is which “Featured product” section/file in Motion’s code should be edited, since multiple instances exist.

Status:

  • No definitive guidance yet on the exact Motion theme file/section to modify.
  • The provided HTML snippet is central to the solution, but Motion-specific implementation details remain unresolved.
Summarized with AI on December 30. AI used: gpt-5.

Hello community,

I think this is a common question but I haven’t seen an answer that works for Motion theme. I would like the featured product that I have on my home page to link with its product page.

Would appreciate if someone could share the code that would do the job.

Thanks!

https://www.petgem.com.au/

Thanks a lot for your reply, Saad! I am still a little lost, would you mind sharing a screenshot so I can see exactly what I am trying to change?

Featured Product

Featured Product Title

Replace “YOUR_PRODUCT_PAGE_URL” with the actual URL of your featured product page and “URL_TO_YOUR_FEATURED_PRODUCT_IMAGE” with the URL of your featured product image.

Make sure to find the appropriate section in your Motion theme’s code where the featured product is displayed, and then wrap the image and title with the tag as shown above.

Hope this helps!

1 Like

Thanks for your reply! Can you elaborate on what the appropriate section of the code is? There are many instances where ‘featured product’ is displayed so I am not sure which is the right one