EXPERIENCE CALENDAR GRID LIVE
Calendar Grid
A fully customizable dynamic calendar grid section, built native to Shopify.
Auto-generated month layouts with flexible column grids, per-day media blocks (image + video), scroll entrance animation, and hover states. 60+ settings, zero code knowledge required. Optimized for mobile & desktop.
Perfect for:
• Luxury and streetwear brands
• Drop calendars and release schedules
• Advent and countdown campaigns
• Lookbook and editorial content grids
What You Get
What you're buying is not just code.
It's access to a database where you'll get step-by-step installation guides, source code, and a lifetime license with future updates free of charge.
One purchase. No subscriptions. No renewals.
Future updates will include new features, bug fixes, and deeper customizations.
You will need Discord in order to access all your code and purchased digital goods. If you are unable to create a Discord account or download the app, please click here to contact us before making a purchase for a personalized solution.
Guaranteed To Work
This custom Shopify section/theme is guaranteed to work on all 2.0 Shopify themes, which are most modern themes built after 2021 (and yours too, probably).
If you have any questions about installation, click here to submit a support request ticket so we can provide you personalized help for your specific situation.
In the event a section/theme is not compatible with your Shopify, you may be eligible for a full refund. For complete details, click here.
Install In Your Store
Digital products are delivered instantly to your email via a unique claim link granting access to our private Discord, where all Shopify code, install instructions, and direct support are provided.
Setup is as simple as copying one snippet text, easily pasting it into the theme code of your store (you'll be shown exactly where in the instructions included in your purchase), and adding it as a section in your theme customizer where you can place it on any page. This process usually takes less than one single minute and requires no code knowledge whatsoever.
Once the section is installed, you will be able to customize features via sliders, number adjustments, and buttons... without having to touch code at all.
Not only is customizing everything very simple to do but it's also really fun!
Please note: a Discord account is required to access your purchase. If you’re unsure or need help, you may schedule a live install, private consultation, or message us directly.
Have Us Install For You
Even though the install process for this Shopify section is as simple as copy-and-paste, you may just want to have installation done for you... plus tweak a few settings with you live so we can get it just right for you.
Live Installs are just a simple video call (you can mute and hide your camera if preferred) where we'll share our screen with you live while we install and customize your purchased section(s) directly on your Shopify store.
Whether you buy one or many sections, we can install them all in one session.
Click here to view available schedule for live installations on your Shopify store.
Get Personalized Support
Submit a help request ticket to us anytime before, during, or after your purchase.
We'd be glad to personally assist you with specific installation steps, overall best practices, and answer any questions you may have to ensure your store feels perfect and ready to launch.
Click here to get direct support now.
120+ CUSTOMIZABLE FEATURES
From the grid lines to the day cells,
every detail is yours.
Month & Date Logic
• Month and year selector with auto-calculated days
• Leap year detection for February
• Manual days override for custom layouts
• First day of week: Monday, Sunday, or Saturday
• Start day selector to align the 1st correctly
• Leading and trailing empty cells auto-generated
Day Header Row
• Initial or full day name format (M vs Monday)
• Capitalize, uppercase, or lowercase text case
• Day header background color
• Day header font size for desktop and mobile
• Day header border radius
• Independent show/hide toggle for desktop and mobile
Day Cells
• Image or video per day via section blocks
• Cover or contain media fit per block
• Optional link URL per day cell
• Per-day hover color override
• Day number overlay with four corner positions (top-left, top-right, bottom-left, bottom-right)
• Day number position independent for desktop and mobile
• Day number X and Y offset for desktop and mobile
• Day number font size for desktop and mobile
• Show or hide day numbers independent for desktop and mobile
Grid Layout
• Column count independent for desktop and mobile (2–7)
• Row height in vh for desktop and mobile
• Column max width in vw for desktop and mobile
• Cell interior padding for desktop and mobile
Empty Days
• Custom empty day background color
• Hide empty days completely (removes borders and background)
Hover State
• Enable or disable hover effect on day cells
• Custom hover background color
• Per-day hover color override via blocks
Scroll Animation
• Scroll entrance animation with fade and slide
• Adjustable animation duration
• Stagger delay per cell for cascading reveal
Border Radius
• Section border radius
• Day cell border radius
• Day header border radius
Colors
• Section background color
• Day box and header background color
• Empty day background color
• Grid line color and weight
• Month title, day header, and day number text colors
Font Sizes
• Month title font size for desktop and mobile
• Day header font size for desktop and mobile
• Day number font size for desktop and mobile
Layout
• Independently adjust grid padding top, right, bottom, left for desktop and mobile
OUT OF THE BOX
This is how Calendar Grid with default settings will look upon install
What You Get
Guaranteed To Work
Have Us Install For You
Get Personalized Support






