HTML/Shopify Project - Give Image Different Link
Budget: $10 – $30 USD
Hello, on my Shopify store collection pages, I'd like the product image and title to use the "Add to cart" functionality instead of re-directing it to the product page.
So I'd like to copy the functionality from the "Add To Cart" button and use this for the image, and product title (It uses "form, post, action" instead of a URL).
The other minor update is to align the "More Info>>" text with the right side of the grid items.
The changes are to be made on this page, and all other collection pages: https://checkoutfirst.com/collections/socks
All of these updates are within the code at "product-grid-item.liquid" on my Shopify store, I can either share the code or give you access to Shopify code panel on my website.
The image summarizes the changes required.
So I'd like to copy the functionality from the "Add To Cart" button and use this for the image, and product title (It uses "form, post, action" instead of a URL).
The other minor update is to align the "More Info>>" text with the right side of the grid items.
The changes are to be made on this page, and all other collection pages: https://checkoutfirst.com/collections/socks
All of these updates are within the code at "product-grid-item.liquid" on my Shopify store, I can either share the code or give you access to Shopify code panel on my website.
The image summarizes the changes required.