How can I use custom badges in Ride Theme's product page using Liquid?

Topic summary

Main topic: Using custom badges on a Shopify Ride Theme product page via the Custom Liquid section; the badge image was not rendering.

  • Initial guidance: A responder suggested the image likely doesn’t exist and to verify the image link. The original poster acknowledged and planned to check.
  • Placement request: The poster asked how to display the badge under the “Add to cart” button. The responder couldn’t give a precise solution without seeing the site, suggesting the image might have left/right white space and recommending removal, plus potential adjustment with custom HTML/CSS.
  • Context: Liquid is Shopify’s templating language used to customize theme sections; “custom badges” are promotional/label images. Screenshots were central to illustrate the display/placement issue.
  • Latest update: Outro participante (em português) relatou um problema urgente — acredita ter deletado o “liquid-theme”; ao clicar em fotos de produtos aparece erro 404 no site (www.lindaseciashop.com.br), ocorrido após retirar o “cartão panda”. Solicita ajuda para entender a causa.
  • Status: The badge display and placement question remains partially unresolved (no code solution provided). The 404 issue is newly raised and unresolved, with no answers yet.
Summarized with AI on February 1. AI used: gpt-5.

Hello, im helping my client to set up the store.
We are using Ride Theme. In the product page, i wanted to use our custom badges in the custom liquide section, but for some reason it doesn’t work. Any ideas what im doing wrong?
Thanks a lot!

Hello,

At first glance, it seems that the image does not exist. Check if the image link is correct.

Regards,

1 Like

Thanks i will check

Thank you very much!
You think you can help me further please? I need it to be under the “add to card” button.
what i can add to code? Thank you very much!

Glad that I could be of help!

Regarding the other request, I can’t give an exact answer as I haven’t seen the website.

My guess is that the image contains white/blank space on left and right sides - removing that may address your issue.

Furthermore, if needed, you could adjust this through custom HTML/CSS.

Cheers!

1 Like

Oi Gabriel, estou precisando de ajuda urgente, nem os especialistas podem ajudar, mandam entrar em contato com vcs! Acho q deletei o liquid-theme, clico em alguma foto do produto no site e dá erro 404.

Meu site www.lindaseciashop.com.br

Pode me dizer o que fiz que deu isso?Estava perfeito, fui tirar o cartão panda e ficou assim!