This code will output the same image anywhere you place it. It's perfect for running sale banners, trustmarks or other imagery. When you update it in your library, it will automatically update everywhere.
The optional CSS helps control the size of the image so that it will scale to fit most locations automatically as well as add spacing above and below it.
Please note: Using these code snippets may require some knowledge of HTML, CSS and Liquid. If you need assistance getting the code examples to work or meet your more specific needs, consider hiring a developer to help. These code snippets may not work in all themes or store configurations, so be sure to test everything thoroughly.
Change the values in bold to fit your needs. Be sure the "use Liquid" checkbox is checked.
<img src="/url-to-fil.jpg" alt="Alt text" class="gcontent-global-img">
We recommend adding it to the end of the file. Please note you can adjust the code in bold to change sizes and spacing as needed.
img.gcontent-global-img { width: 100%; max-width: 100%; height: auto; margin-left: 0px; margin-right: 0px; margin-top: 20px; margin-top: 20px; }