Global Coronavirus COVID-19 Message

This code will insert a special message about potential COVID-19 and coronavirus shipping delays, inventory issues or other special messages related to the pandemic. We recommend using this in some or all product descriptions. We also recommend creating a link to a full FAQ or information page about your efforts, policy changes or other information about how you’re dealing with the outbreak.

The optional CSS below will put the content in a box with a red border in bold text to ensure shoppers see 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.

Mobile and Tablet Users: For best results, we recommend viewing this page on a desktop device.

Add this Code to My Content

Change the values in bold to fit your needs. Be sure the “use Liquid” checkbox is checked.

<div class="gcontent-text-coronavirus"><p>Any text here. <a href="/any-url/">Link text</a>.</p></div>

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.

.gcontent-text-snippet { border: 1px solid #ff0000; padding: 20px; margin-left: 0px; margin-right: 0px; margin-top: 20px; margin-bottom: 20px; }
.gcontent-text-snippet p { font-weight: bold; font-size: 18px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; }