Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Sample content for Sitewide Sales: Ocean Template for WooCommerce
/**
* Sale Type: WooCommerce
* Sale Template: Ocean
*/
<!-- wp:swsales/sale-content {"period":"pre-sale"} -->
<div class="wp-block-swsales-sale-content"><!-- wp:heading {"textAlign":"center","level":4} -->
<h4 class="has-text-align-center">Captain, I see it! The sale is close at hand.</h4>
<!-- /wp:heading -->
<!-- wp:heading {"textAlign":"center","level":1} -->
<h1 class="has-text-align-center">Underwater Sale starting October 2055!</h1>
<!-- /wp:heading -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","style":{"border":{"radius":"100px"}},"fontSize":"medium"} -->
<div class="wp-block-button has-custom-font-size has-medium-font-size"><a class="wp-block-button__link has-black-background-color has-background" style="border-radius:100px"><strong>Stay Up to Date »</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:swsales/sale-content -->
<!-- wp:swsales/sale-content {"period":"sale"} -->
<div class="wp-block-swsales-sale-content"><!-- wp:heading {"textAlign":"center","level":4} -->
<h4 class="has-text-align-center">A pirate's saving around every corner!</h4>
<!-- /wp:heading -->
<!-- wp:heading {"textAlign":"center","level":1} -->
<h1 class="has-text-align-center">Swashbuckler Sale On Now!</h1>
<!-- /wp:heading -->
<!-- wp:html -->
<br>
<!-- /wp:html -->
<!-- wp:shortcode -->
[featured_products]
<!-- /wp:shortcode --></div>
<!-- /wp:swsales/sale-content -->
<!-- wp:swsales/sale-content {"period":"post-sale"} -->
<div class="wp-block-swsales-sale-content"><!-- wp:heading {"textAlign":"center","level":4} -->
<h4 class="has-text-align-center">Keep your eye on the horizon for another sale.</h4>
<!-- /wp:heading -->
<!-- wp:heading {"textAlign":"center","level":1} -->
<h1 class="has-text-align-center">Ah, barnacles! The Sale has vanished.</h1>
<!-- /wp:heading -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","style":{"border":{"radius":"100px"}},"fontSize":"medium"} -->
<div class="wp-block-button has-custom-font-size has-medium-font-size"><a class="wp-block-button__link has-black-background-color has-background" style="border-radius:100px"><strong>Join the List »</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:swsales/sale-content -->
// Banner Title:
Limited Time Offer
// Banner Content:
Use code <strong><u>OCEAN</u></strong> to save 50% throughout the store.
// Banner Button Text:
Start Shopping »
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment