Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
I am looking to add the dark colored Shopify security badge to the Vantage theme code of my store but I don't know where to insert it.
<a
href="https://www.shopify.com/security/pci-compliant?utm_medium=shop&utm_source=secure"
title="This online store is secured by Shopify"
target="_blank"
rel="nofollow"
>
<img
src="https://cdn.shopify.com/s/images/badges/shopify-secure-badge-dark.svg"
alt="Shopify secure badge"
>
</a>
Solved! Go to the solution
This is an accepted solution.
you want to paste your code snippet within the <div> element where you want it showing. for example
<div class="footer-text tablet-6 mobile-3 footer-sect">
<a
href="https://www.shopify.com/security/pci-compliant?utm_medium=shop&utm_source=secure"
title="This online store is secured by Shopify"
target="_blank"
rel="nofollow"
>
<img
src="https://cdn.shopify.com/s/images/badges/shopify-secure-badge-dark.svg"
alt="Shopify secure badge"
>
</a>
Hey, @kbuzz
Is there a particular area on the website where you would like this badge to display?
Dirk | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
I would like it inserted in the footer
Vantage
ok in that case I don't have access to their specific code. I wont be able to give you file names to reference but I can share the overall process to follow
1. Open Edit Code
2. Under the Sections folder, look for the footer file (usually footer.liquid)
3. Locate the place in the code where you would like to place the image
For example, if you have a section that is for the copyright (© 2022 Vantage - Powered by Shopify), you would look for that section in the code, and paste yours above or below that.
In a Dawn theme, the final block of code would look like this
<div class="footer__copyright caption">
<a
href="https://www.shopify.com/security/pci-compliant?utm_medium=shop&utm_source=secure"
title="This online store is secured by Shopify"
target="_blank"
rel="nofollow">
<img
src="https://cdn.shopify.com/s/images/badges/shopify-secure-badge-dark.svg"
alt="Shopify secure badge">
</a>
<small class="copyright__content">© {{ 'now' | date: "%Y" }}, {{ shop.name | link_to: routes.root_url }}</small>
<small class="copyright__content">{{ powered_by_link }}</small>
</div>
Hope that helps
I deleted the section that is for the copyright (© 2022 Vantage - Powered by Shopify). Is there alternate way to find that area?
whats the website url?
This is an accepted solution.
you want to paste your code snippet within the <div> element where you want it showing. for example
<div class="footer-text tablet-6 mobile-3 footer-sect">
<a
href="https://www.shopify.com/security/pci-compliant?utm_medium=shop&utm_source=secure"
title="This online store is secured by Shopify"
target="_blank"
rel="nofollow"
>
<img
src="https://cdn.shopify.com/s/images/badges/shopify-secure-badge-dark.svg"
alt="Shopify secure badge"
>
</a>
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024