I now have three collection images on the home page and they linked to different product collection. I really like the design and but I want to change one of the image link to my delivery page instead of a product page. Is that possible? For example, change the “bicycle part” to “delivery page”. Thanks a lot!
From your Shopify admin, go to Online Store > Themes > Actions > Edit Code.
Open the theme.liquid file.
Locate the code for the section that contains the collection images on the home page. This will typically be in the index.liquid file or in a separate section file.
Find the HTML code for the image that you want to change the link for. It should be within a link tag with the class name “card”.
Change the href attribute of the link tag to the URL of your delivery page. For example, if the URL for your delivery page is “https://www.yourstore.com/pages/delivery”, the code would look like this:
<a href="/pages/delivery" class="card card--standard card--media"> <!-- your image code here --> </a>
Save the changes and preview your website to ensure that the link is working properly.
Note: If you’re not comfortable with editing code, you can also use a page builder app or a Shopify app that allows you to create custom sections with links to your delivery page.
Locate the code for the section that contains the collection images on the home page. This will typically be in the index.liquid file or in a separate section file.