I’m trying to figure out how to add separate social media icons as an overlay on a photo. I was assuming that a custom liquid section could do that but I can’t seem to get it to overlay. Is there anything that Shopify has to make this easier? I have my brand’s links in the footer but I want to place 2-3 separate clickable icons (that look like the ones in the footer) over photos, as opposed to buttons.
Topic summary
Goal: overlay 2–3 separate, clickable social media icons on photos in a Shopify store, styled like the footer icons. The poster tried a custom Liquid section (Shopify’s templating language) but couldn’t get the overlay working and asked if Shopify has an easier, built-in option.
Suggestion: use CSS to position the icons and control their hover state, targeting the relevant element ID/class. No specific code or step-by-step was provided; guidance remained high-level.
Status: no confirmed solution or built-in Shopify feature identified in the thread. The question remains open, with implementation details (positioning, z-index, and hover styling) and whether a native block/section exists still unanswered.
Hello there
To accomplish this, you can use css for this.
Whatever the id and hover state