This code will insert a message within any product description, page content, blog post content, collection description. When you change the code in your library, the code will update everywhere. This can be ideal for running seasonal messages or messages that you need to update regularly. You can also leave the library code box empty if the message is not needed and nothing will be outputted.
The optional CSS below will put the content in a box with a light gray border.
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.
<div class="gcontent-text-snippet"><p>Any text here. <a href="/any-url/">Link text</a>.</p></div>
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.
.gcontent-text-snippet { border: 1px solid #ccc; padding: 20px; margin-left: 0px; margin-right: 0px; margin-top: 20px; margin-bottom: 20px; } .gcontent-text-snippet p { font-size: 18px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; }