Docs Menu

Global Image

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.

Add this Code to My Content

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">

Add this Code to Your Theme's CSS File

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; }
arrow-up