Shopify Super Shipping Cutoff    

Settings Configuration

Below is a detailed explanation of all settings you'll find in the Settings page. For most stores, our default values will work pretty well to get you up and running quickly! If you need additional help, please contact us.

Shipping Cutoff Configuration

Enable Shipping Cutoff
Unchecking this box will disable the Shipping Cutoff Timer across your entire store.

Show on product pages
Unchecking this box will remove the Shipping Cutoff Timer from showing on product pages.

Show in shopping cart
Unchecking this box will remove the Shipping Cutoff Timer from showing in your shopping cart.

Product Page Location
This sets the Shipping Cutoff Timer on your Product Page to show above or below the Add to Cart button. If you have set the timer to attach to custom CSS elements on the product page, this determines if it shows above or below those elements.

Shopping Cart Location
This sets the Shipping Cutoff Timer on your Shopping Cart Page to show at the top or bottom of the Cart. If you have set the timer to attach to custom CSS elements on the Shopping Cart Page, this determines if it shows above or below those elements.

Attach countdown to custom CSS elements on Product Page
If the timer is not displaying correctly on Product Pages, or if you want to place it in a specific location (or in multiple locations), you may check this box. Enter the CSS element ID's that you would like the timer to attach to. After entering an element ID, type a comma to store the ID. You may enter as many elements as you like. If you need assistance with this, please contact us and we can help you out!

Attach countdown to custom CSS elements on Cart Page
If the timer is not displaying correctly in the Shopping Cart, or if you want to place it in a specific location (or in multiple locations), you may check this box. Enter the CSS element ID's that you would like the timer to attach to. After entering an element ID, type a comma to store the ID. You may enter as many elements as you like. If you need assistance with this, please contact us and we can help you out!

Shipping Cutoffs

Additional Handling Days
If you offer same-day shipping before a cutoff time, enter 0 here. If you require additional handling days before shipping orders, enter the number of handling days here. The timer will add the number of handling days, then take into account any non-shipping days (either days you don't normally ship, or holidays). The timer will then show the next available shipping day.

Shipping Cutoffs
Select the days of the week you normally ship orders on. For each checked day, enter your shipping cutoff time for that day. Your Shopify store timezone setting is used.

Holidays

By default, we include all USPS shipping holidays for you. You may delete them if you need to, or add your own holidays or days your store is closed for shipping. The timer will automatically update to exclude any days you are closed for a holiday. Holidays that have already passed are not shown in this list.

Adding Holidays
To add a holiday, click "Add Holiday". Enter a name for the holiday and select a single day, or click multiple days to create a range of days, such as a full week for a vacation. The name is only seen by you on this settings page.

Deleting Holidays
To delete holidays, check the boxes next to them and press "Delete Holidays".

Style

We include quite a few customization options to get the countdown timer looking just how you want it. But if there's still not enough customization for you, don't worry! You can make endless customizations using CSS in your store's theme file. You may style the full countdown text using the revival-apps-countdown class, the "day" text using the revival-apps-countdown-day class, and the countdown timer (hours and minutes) using the revival-apps-countdown-timer class. If you need help with this, please contact us.

Language (shown if shipping today or tomorrow)
Enter the message the countdown timer will show if the shipping day is today or tomorrow. You may use the variable {day}, which will show "today" or "tomorrow". You may also use the variable {time} which will show the number of hours and minutes remaining.

Language (shown if shipping more than one day in the future)
Enter the message the countdown timer will show if the shipping day is more than one day in the future. You may use the variable {day}, which will show the weekday (Monday, Tuesday, etc.) if shipping within one week or less. If shipping in more than one week, it will show the exact day (such as November 11).

Message Text Color
Choose a default text color for the Shipping Cutoff Message.

Countdown Text Color
Choose a color for the countdown text. This is the color for the time shown where you use the variable {time}.

Day Text Color
Choose a color for the day text. This is the color for the time shown where you use the variable {day}.

Make Day Text Bold
You may check this to make the text of the {day} variable bold.

Make Countdown Text Bold
You may check this to make the text of the {time} variable bold.

Product Page Text Alignment
Choose how you would like the Shipping Cutoff message text aligned when shown on Product Pages.

Shopping Cart Text Alignment
Choose how you would like the Shipping Cutoff message text aligned when shown in the Shopping Cart.

Padding
If you would like padding around the countdown message, you may enter a number of pixels here.

Preview
Here you may see a preview of both types of messages. After saving your settings, please check it in your store to make sure it looks just how you want it to!

Announcement Bar

You may show an optional Announcement Bar at the top of your store. If enabled, the Announcement Bar will show at the very top of all pages, except the Checkout.

Enable Announcement Bar
Check this to show, or uncheck to hide the Announcement Bar on your store.

Announcement Text
Enter the message you want to show in the Announcement Bar. You may use these simple HTML tags: a, b, i, u, img, span. You may also use the CSS style property in these elements.

If you would like more in-depth customization of the Announcement Bar, you may use the CSS class div#revival-apps-announcement in your theme's CSS.

Background Color
Choose a background color for the Announcement Bar.

Text Color
Choose a default text color for the Announcement Bar.

Preview
Here you may see a basic preview of the Announcement Bar. This preview does not include any CSS styling from your theme that may override the Announcement Bar's style.