Making cards clickable in third party theme

Making cards clickable in third party theme

Judkins401
Tourist
11 0 3

Hello, 

 

Looking to make the category cards on our homepage clickable links. Currently the images are not clickable, only the button below each is. I cannot find anywhere in the code to edit these into links. Any suggestions?

 

www.apexautostyling.com

 

Thanks

Replies 7 (7)

kazi
Shopify Partner
723 100 125

@Judkins401  search in "sections" any thing named "sp card grid" or similar

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

Judkins401
Tourist
11 0 3

I have checked that file, unfortunately it has none of the links or images listed and only deals

with the general layout of that section so there was nothing found to create into an html link. 

kazi
Shopify Partner
723 100 125

If you can provide access to store share collaboration code so i can send request

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

Judkins401
Tourist
11 0 3

I was able to find the code on the index.json  Is there a way to make this background image a clickable link to it's respective collection? I have tried the basic old school HTML image link and was unsuccessful. Code below if anyone can assist!

 

 

"sp_card_grid_WqAE3c": {
"type": "sp-card-grid",
"blocks": {
"feature_ACCGrP": {
"type": "feature",
"settings": {
"background_image": "shopify://shop_images/Shop_Dodge_Banner.jpg",
"headline": "<a href=\"/pages/shop-dodge\" title=\"Shop Dodge\"><strong>Dodge Products</strong></a>",
"description": "",
"cta": "Shop",
"cta_link": "shopify://pages/shop-dodge"

kazi
Shopify Partner
723 100 125

There is .liquid file in sections to render that section.

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

Judkins401
Tourist
11 0 3

Correct, but the liquid does not contain the images, buttons, links etc. Those are located in the index.json where that liquid is writing to, the code above is what I found and the "background_image": "shopify://shop_images/Shop_Dodge_Banner.jpg", is what I am trying to turn into a clickable link.

kazi
Shopify Partner
723 100 125

If you have Visual studio code  search in theme  by image class "sp-img" or "sp-content" you will see where is the code located

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd