How to add blocks that when you click on them goes to a page?

Topic summary

Goal: Create three clickable image “blocks” that each link to different pages, displayed side-by-side on desktop and stacked on mobile. No confirmation from the original poster yet.

Two approaches offered:

  • Custom coding a new section: Add a custom section and adapt base HTML/CSS to match the theme. Example styles show a side-by-side layout with full-width, auto-height images, intended to be made dynamic rather than static. Offer made to implement the changes if needed.
  • Using the theme editor: Navigate to Online Store → Themes → Customize, add the necessary blocks, and save. Screenshots are provided to illustrate where and how to add blocks.

Notes:

  • The custom code is a starting point and must be edited to fit the specific theme for dynamic content and responsiveness.
  • Images/screenshots are central to understand the theme-editor method.

Status: No final solution selected; discussion remains open with two viable implementation paths.

Summarized with AI on December 29. AI used: gpt-5.

Hi @Greggy55 ,

You can follow these steps:

  • Go to Online Store → Themes → Customize

  • Add blocks you need like below → Save

Hope our solutions help you!