Do these guides require editing my theme code?

No. Every guide uses the Section Shop app: install it free, click Add on the section, and it appears in your theme editor as a native Online Store 2.0 section. The guides cover the exact steps for each theme, plus why that section fits it.

My theme isn’t listed — will the sections still work?

The 10 themes here are the ones merchants ask about most, but every Online Store 2.0 theme works the same way: sections install through Shopify's official theme API, the same mechanism your theme's own sections use.

Are the sections in these guides really free?

Yes — all 164 sections in the library are free today, on every theme. Each guide's section is a standard theme file after install: it stays in your theme even if you uninstall the app.

Will an added section match my theme’s fonts and style?

By default every Section Shop section inherits your theme’s typography, so it matches from the first save. Colors, spacing, images and content are all editable in the theme editor — and each guide tells you what to customize first.

Shopify Theme Section Guides — 1640+ Step-by-Step Integrations

Dawn theme Free How to add Team Grid 1 to Dawn Theme The people behind the shop: a heading, a few lines that turn "we" into faces, then the team in a grid with a round photo, a first name, a role and one line each. Three or four per row, the last row centred. Read integration guide

Dawn theme Free How to add Results Timeline 1 to Dawn Theme Milestones down a centre line: a big time label, a title, a few lines, a customer quote in a card and a photo on the other side, alternating. For "what to expect and when" on a product page. Read integration guide

Dawn theme Free How to add Blog Posts 1 to Dawn Theme The latest posts of a blog as cards: photo, date, title, an excerpt and a read-more link, two to four per row. On an article page it leaves the current post out, so it reads as "read next". Read integration guide

Dawn theme Free How to add Newsletter Band 1 to Dawn Theme A sign-up band with an offer: a heading, three perks with a tick, the email field and the button, a photo beside it if you like. Subscribers get the newsletter tag; the thank-you shows in place. Read integration guide

Dawn theme Free How to add Review Cards 1 to Dawn Theme Customer reviews on a coloured band: a star rating in a pill, a heading and a row of cards that scrolls, each with the review, a verified mark, an initial or photo, the name and stars. Arrows on computers, a swipe on phones, and wavy edges if you want them. Read integration guide

Dawn theme Free How to add Benefits Panel 1 to Dawn Theme A rounded panel in your brand colour: the argument and a button on one side, and on a white card every benefit as an icon and a short label, reading down one or two columns. Read integration guide

Dawn theme Free How to add Benefit Cards 1 to Dawn Theme A heading over cards that each make one case: a photo set in from the card's edge, two short tags, a title and a sentence. Side by side on computers; a swipe row or a stack on phones. Read integration guide

Dawn theme Free How to add Comparison Table 1 to Dawn Theme Your product against the alternatives in a real table: a tinted or framed column with a tick on every row, crosses or words for the others, an optional third column and a button underneath. {title} in the words becomes the product's title. Read integration guide

Dawn theme Free How to add Stat Rings 1 to Dawn Theme A photo beside a heading and up to six figures, each a ring filled to its percentage with the number inside and a line of text. The rings fill as they scroll into view, and a note says where the figures come from. Read integration guide

Dawn theme Free How to add Reviews Summary 1 to Dawn Theme A reviews page in one section: the average and how many reviews it rests on, a bar for each star, a button to write one, then the reviews in a masonry wall with a sort menu and a Load more button. The summary is worked out from the reviews added here, or typed in when the real numbers live in another app. Read integration guide

Dawn theme Free How to add Photo Reviews 1 to Dawn Theme Customer reviews that lead with the photo: the piece being worn, then the stars, a title, the words and who wrote them with a verified mark. A rating line sits over the heading, the cards form a grid of two to four, and on phones they become a swipe row. Read integration guide

Dawn theme Free How to add Product Callouts 1 to Dawn Theme One photo in the middle and the reasons to buy set around it, half on each side, each with an icon from the shared set or your own, a title and a line of text. On a product page the photo can be the product's own until you pick another, and on phones the callouts fall into a tidy grid under the picture. Read integration guide

Dawn theme Free How to add FAQ Split 1 to Dawn Theme The heading, a word of reassurance, an optional photo and a contact link on one side; the questions on the other, opening one at a time with no script. The side column stays in view while the answers scroll, and every question is published as FAQ structured data for search engines. Read integration guide

Dawn theme Free How to add Guarantee Band 1 to Dawn Theme A guarantee told between two photos: a heading, a short promise and a button in the middle, a row of reassurances underneath, and a picture on each side, staggered for a little movement. On phones the photos sit side by side above the words, or step aside altogether. Read integration guide

Dawn theme Free How to add Shoppable Stories to Dawn Theme Short videos that sell, as story bubbles or vertical reels. Previews play silently while on screen; a tap opens a full-screen player with progress bars, sound, and a swipe from one video to the next, and beside each video (over it on phones) sit the products it shows — options, price and an add to cart that never leaves the video. On a product page the stories can sit right inside the product details: under or above the buy buttons, under the title or under the description, and a video left without products sells the product of the page. No external libraries. Read integration guide

Dawn theme Free How to add Island Header to Dawn Theme A floating, rounded header that sits on the page like an island: the menu on one side, your logo in the middle (or first, with the space beside it yours to set), search, account and cart on the other. A pill glides between menu items and rests on the page being viewed; drop-downs open as a card sized to their links, as wide as the island or across the whole screen, show each collection's picture in front of its link (square, rounded or round, as you set), group three-level menus and hold stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like: above the name on computers, beside it on phones. The phone menu can show the same pictures, opens each sub-menu on the item's name, on "All" in the shopper's language or on words of your own, and places pictures, short texts and your own code above or below the links of the item they belong to; a Custom code block also takes CSS to restyle anything in the header. Search opens a panel with quick links, then live results as product cards with photo and price. Shoppers sign in through Shopify's own account button — with Shop, Google, Facebook or a code by email, without leaving the page — and choose their country (and so their currency) and language in a compact panel with a search box for long lists, or in two rows at the foot of the phone menu. The cart, with your own icon if you like, opens a drawer of its own — quantities, discounts, subscriptions, a free-shipping progress bar and checkout — that keeps working with your theme's header switched off and can open by itself after an add to cart. It can float see-through over your first section and turn solid once past it, stays pinned as the page scrolls (slimmer, or hiding on the way down), and works out every quiet tone from your colours with contrast checked. Read integration guide

Dawn theme Free How to add Mega Search Header to Dawn Theme A header built around search, for large catalogues: a wide search bar with a product-type picker and live suggestions (matching searches first, then products with photo and price), and a menu row whose items open panels across the full width, as wide as the page, or as a card sized to their links — headed columns for three-level menus, each collection's picture in front of its link (square, rounded or round, as you set), a "Shop all" link, and stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like. A deal link shines in your accent colour, and the cart can wear your own icon. Shoppers sign in through Shopify's own account button and choose their country (and so their currency) and language in a compact panel with a search box for long lists. It stays on top as the page scrolls (slimmer, hidden on the way down, or down to the menu row alone), keeps the cart count right after any add to cart, and becomes a side-sheet menu on phones with its own search row, the same pictures and labels, short texts and your own code above or below each item's links, and the first link of each sub-menu worded as you like. Every in-between tone is computed from your colours and checked for contrast. Read integration guide

Dawn theme Free How to add Coverflow 2 to Dawn Theme A gallery wall: each photograph sits in a mat and a frame, hung in a row that recedes to either side of the one in front. Navigation is a brass plaque with the piece number and a row of tick marks, the way a wall label works. Hangs flat by default, and leans as far as you want it to. Read integration guide

Dawn theme Free How to add Coverflow 1 to Dawn Theme A leaning deck of cards: one in front, its neighbours fanned out behind and shrinking with distance. Each card carries a signed offset from the centre as a CSS custom property and one transform rule reads it, so moving the deck rewrites numbers rather than markup. Clicking a card behind brings it forward. Read integration guide

Dawn theme Free How to add Slideshow 4 to Dawn Theme A product slideshow where each slide brings its own colours: a coloured ground, a soft halo, and a cut-out product floating on top with the words beside it. The navigation borrows the active slide's colours, so a dot never disappears on a dark slide. With autoplay on, the active dot fills a progress ring as the timer runs. Read integration guide

Dawn theme Free How to add Slideshow 3 to Dawn Theme A slideshow whose words sit on a frosted glass card, navigated by thumbnails on a matching frosted plate. One tint drives the card, the plate and the veil, so recolouring cannot pull the three apart. A slide can carry a silent looping video instead of a photo, started only when motion is welcome. Read integration guide

Dawn theme Free How to add Slideshow 2 to Dawn Theme An editorial slideshow: a rotated category label down the edge, a slide counter, and an optional product card pinned to the corner. Pick a product and the card fills itself in, or override any field by hand. Each slide declares whether its photo is light or dark, which moves the text colour and the veil together. Read integration guide

Dawn theme Free How to add Slideshow 1 to Dawn Theme A full-bleed slideshow: one photo per slide with its own words and up to two buttons. Matching the first photo's proportions is worked out server-side, so the stage holds its space before anything loads. A banner mode keeps the first slide's words still while only the photos rotate, and nothing is deleted when you switch it back. Read integration guide

Dawn theme Free How to add Countdown Drop 1 to Dawn Theme A holographic banner for a launch or a restock, running either as a countdown to a scheduled drop or as a pulsing live badge for one already open. The drop name is rendered as a holographic wordmark with a plain-colour fallback, so it is never invisible on an older browser. Read integration guide

Dawn theme Free How to add Countdown Sale 5 to Dawn Theme A seasonal sale band with an illustration beside the wording: pick Easter, Mother's Day, Summer, Launch day or Lunar New Year and the artwork changes while everything else stays put. Every season is drawn inline in the band's own two colours, so switching costs no extra request and can never clash. Ships with five ready-made presets. Read integration guide

Dawn theme Free How to add Countdown Sale 4 to Dawn Theme A seasonal sale band flanked by two large emblems, from a sun and a parasol to a pumpkin and a bat. The emblems are inline SVG in the band's own highlight colour, fade back on tablets, and step aside entirely on phones where the wording needs the room. Read integration guide

Dawn theme Free How to add Countdown Sale 3 to Dawn Theme A Valentine's countdown band with hearts rising slowly behind the wording. The hearts are CSS shapes rather than an image, so they cost no request and take their colour from the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Dawn theme Free How to add Countdown Sale 2 to Dawn Theme A New Year countdown band with confetti drifting behind the wording. The confetti is drawn in CSS from a handful of shapes rather than an image, so it costs no request and recolours with the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Dawn theme Free How to add Countdown Sale 1 to Dawn Theme A festive promotional band: heading, live countdown, offer line, button and a tap-to-copy discount code, over your own photo or a warm built-in gradient. The days column hides itself on the final day, so the clock reads hours, minutes and seconds instead of a permanent zero. Read integration guide

Dawn theme Free How to add Countdown Media 1 to Dawn Theme A photograph or video beside an offer panel, with the clock drawn as a torn ticket. The ticket's notches are painted in the colour that sits behind the card, so they read as punched holes rather than grey circles. A YouTube or Vimeo video is not embedded until a shopper actually presses play. Read integration guide

Dawn theme Free How to add Countdown Split 1 to Dawn Theme A coloured panel of words and a clock beside a full-height photograph. The panel side can be swapped, and on phones the photo moves above the panel so the wording is never squeezed into a narrow column. Three clock styles, from tiles to plain numbers. Read integration guide

Dawn theme Free How to add Countdown Hero 2 to Dawn Theme A full-bleed hero with the offer, a live clock and a button set over one or more photographs. Add a second photo and it becomes a slideshow; with one it draws no navigation and loads no slideshow code. Heights are measured against the screen a phone actually shows, so the hero is never taller than the visible area. Read integration guide

Dawn theme Free How to add Countdown Bar 1 to Dawn Theme A slim bar that rotates through several promotions, each able to carry its own live clock, tap-to-copy discount code and button. A promotion whose date has passed is dropped server-side, so an expired offer is never in the page at all. Closing the bar is remembered for the visit and scoped to the campaign, so changing a date brings it back. Read integration guide

Dawn theme Free How to add Marquee 4 to Dawn Theme A scrolling band that can carry words, images, buttons and a live countdown together. The digits use tabular figures and the days field reserves the width it needs at render time, so a tick can never change the set width and jog the loop. The clock is worked out server-side first, so the numbers are right at first paint. Read integration guide

Dawn theme Free How to add Marquee 3 to Dawn Theme A sale marquee with depth: a faint oversized ghost of the same words drifts behind at half speed, and the emblems bob gently in place. Words alternate filled and hollow, which is what gives the band its rhythm without needing a second colour. An emblem set to turn keeps turning, because spin and bob both animate the same property. Read integration guide

Dawn theme Free How to add Marquee 2 to Dawn Theme A holographic drop band for launches and restocks. One glow palette retunes the background, the words and the emblems together, with a Custom option for your own colours. A slow band of light drifts across behind the words, and stops for anyone who asks for reduced motion. Read integration guide

Dawn theme Free How to add Marquee 1 to Dawn Theme A large scrolling band of words and emblems, in one row or two running opposite ways. Twelve emblems are drawn inline as SVG in filled and outlined weights, and words can be filled or hollow. The loop is pure CSS, so nothing has to be measured at runtime. Read integration guide

Dawn theme Free How to add Utility Bar 1 to Dawn Theme A three-zone top rail: quick links on the left, a scrolling message in the middle, and country, language and social links on the right. Only the middle moves, so the links and the country picker stay clickable. The softer divider tone is worked out from your text colour and measured against the background, so recolouring the bar cannot quietly drop it below a readable contrast. Read integration guide

Dawn theme Free How to add Announcement Bar 5 to Dawn Theme A holographic strip for launches and restocks. Picking a glow palette retunes the background, the text and the highlight together, so the strip can never be left half-recoloured, and a Custom palette hands the three colours back. The sheen and the loop are both CSS, and both hold still under reduced motion. Read integration guide

Dawn theme Free How to add Announcement Bar 4 to Dawn Theme A marquee bar with two pinned ends: a fixed label on the left and a fixed button on the right, with the messages scrolling between them. Only the middle moves, so the offer name and the call to action stay readable and clickable. On phones the button can shrink to an arrow to leave the messages room. Read integration guide

Dawn theme Free How to add Announcement Bar 3 to Dawn Theme Each message carries its own icon, so the bar reads as a row of store promises rather than one long sentence. Eighteen icons are drawn inline as SVG, with emoji and uploaded images as alternatives, so nothing can 404 when the theme changes. Read integration guide

Dawn theme Free How to add Announcement Bar 2 to Dawn Theme A wide-tracked statement bar. The messages are plain text on purpose, which is what lets the whole bar safely become one link: a message that could contain a link of its own would put an anchor inside an anchor, and browsers quietly tear that apart. Letter spacing is what gives the bar its look. Read integration guide

Dawn theme Free How to add Announcement Bar 1 to Dawn Theme A slim promotional bar whose messages loop across the top of the page. The loop is pure CSS: the message set is rendered twice and the track slides exactly half its width, so it repeats with no seam and no JavaScript at all. With a single message the bar simply stays still and centred, instead of sliding away and leaving a blank strip. Read integration guide

Dawn theme Free How to add Hero Slider 1 to Dawn Theme A row of hero panels a shopper swipes through, with a band of promises welded to the bottom. Each panel is either a photograph with the words over it, or a product on a colour of your choosing under a big faded word — and a showcase panel measures its own background, so a pale panel flips the text to dark rather than losing it. Read integration guide

Dawn theme Free How to add Hero Review 2 to Dawn Theme The same proof as Hero Review 1, gathered into one frosted panel instead of set loose in the column — which is what lets it hold up over a bright or busy photograph. Where a browser cannot frost, the panel falls back to its solid tint so the words stay readable either way. Read integration guide

Dawn theme Free How to add Hero Review 1 to Dawn Theme A hero whose proof sits in the flow: the heading, then the stars, then one real customer quote, all in the same column. Nothing is invented — the stars, the score and the count are all typed by you, and every one of them is off until you turn it on. Read integration guide

Dawn theme Free How to add Hero Stats 1 to Dawn Theme A headline beside a set of figure cards that count up as they scroll into view. The count reads the number you typed and rebuilds it — prefix, suffix and decimals included — so a figure like £1.2m+ animates and still lands on exactly what you wrote. Anything with no number in it is left alone. Read integration guide

Dawn theme Free How to add Hero Split 3 to Dawn Theme A text panel beside a photograph, with a tag above the heading, a caption bar across the bottom of the photo and a row of short facts under the buttons. Built for a product launch page where the detail matters as much as the headline. Read integration guide

Dawn theme Free How to add Hero Split 2 to Dawn Theme A deep colour panel beside a photograph, with badges above the heading and a short list of reassurances under it. Every colour that carries text is measured against the panel it actually lands on, so a pale panel does not swallow the words. An optional small photo tucks over the corner on a computer. Read integration guide

Dawn theme Free How to add Hero Split 1 to Dawn Theme A colour panel beside a photograph, with a highlighted word in the heading that can cycle through several, and a band of promises scrolling along the bottom. The highlighter can hold one width sized to the longest word, so the line does not shift sideways every time the word changes. Read integration guide

Dawn theme Free How to add Hero Grid 1 to Dawn Theme One large card next to a column of smaller promo tiles. The big card takes a photo as a full background or as a cut-out bleeding off the corner; each tile takes its own photo or a colour blend. Wherever words sit over a photo, their colour is measured against what is genuinely behind them. Read integration guide

Dawn theme Free How to add Hero Image 3 to Dawn Theme A photo, a looping video or a colour behind a badge, a heading, a row of benefit pills and the buttons. The video only downloads once the hero is on screen, pauses when it leaves, and is never fetched at all for anyone who has asked for reduced motion — the still frame carries the hero instead. Read integration guide

Dawn theme Free How to add Hero Image 2 to Dawn Theme A photo, a gradient or a colour behind a heading whose middle word cycles. The rotation is a plain vertical scroll of words the page already holds, so with no script — or for anyone whose device asks for reduced motion — the first word simply stays and the sentence still reads. Read integration guide

Dawn theme Free How to add Hero Image 1 to Dawn Theme One photograph, edge to edge, with the words set over it. A separate photo can be uploaded for phones, which matters more than it sounds: a wide shot cropped to a phone loses about two thirds of its width, and usually the subject with it. Heights are measured against the visible screen, so the hero is never taller than what a shopper can actually see. Read integration guide

Dawn theme Free How to add Product Tiles 1 to Dawn Theme Three tall tiles, each carrying one product under a big display word. The photo flips on hover when a second one is set, and the caption trades places with the buy button. On a phone the caption can sit on the photo or under it, and the text is contrast-checked for whichever you choose. Read integration guide

Dawn theme Free How to add Product Banner 2 to Dawn Theme The restrained treatment of the same shape: a light banner, one button per card, no glow, and the arrows on the banner itself rather than in a strip under the row. A lit seam is drawn where the cards meet the banner, so the overlap reads as placed rather than cropped. Read integration guide

Dawn theme Free How to add Product Banner 1 to Dawn Theme A wide banner with the message on it and the product cards tucked up over its bottom edge, so the two read as one object rather than two stacked blocks. Two buttons per card — one to buy, one to read more — and a coloured glow behind the banner photo. Read integration guide

Dawn theme Free How to add Product Slider 11 to Dawn Theme A big heading over a band of tall product tiles, each with a small info plate under the photo. Badges are read from real data — sold out, then a genuine reduction, then how recently the product was added. The arrows sit over the row or up in the heading, and can be shown on a computer without appearing on a phone. Read integration guide

Dawn theme Free How to add Product Slider 10 to Dawn Theme A quiet row of products under a heading and one button, with a progress line and a counter underneath. The arrows and the progress only appear when there is genuinely more to see, and the counter reads the real scroll position so it follows a swipe as well as the arrows. Read integration guide

Dawn theme Free How to add Product Slider 9 to Dawn Theme A swipe row where every card carries a size menu and a quantity menu, so a shopper can buy three of something in one go. Badges come from your own product tags, never from stock levels, and the photo follows whichever size is picked. Read integration guide

Dawn theme Free How to add Product Slider 8 to Dawn Theme A swipe row of framed product cards. A size row opens on the photo so a shopper can add without leaving the page, and the eye button opens a quick look with the options, a quantity and the buy buttons. Both ship as plain links and are upgraded by script, so nothing on the card is ever a control that does nothing. Read integration guide

Dawn theme Free How to add Product Slider 7 to Dawn Theme A large lifestyle tile on the left and a swipe row of products on the right, with tabs across the top so one section covers new in, dresses and knitwear. Size buttons on the card update the price and link straight to that size. Read integration guide

Dawn theme Free How to add Product Grid 6 to Dawn Theme A shelf that can be a grid or a swipe row, with optional tabs across the top. Every card carries a size menu and a quantity menu, so a shopper can buy two of something without adding it twice. Card height is decided once for the whole section, so switching tabs never makes the shelf jump. Read integration guide

Dawn theme Free How to add Product Grid 5 to Dawn Theme A compact buy grid built for bundles and repeat purchases: small photo, name, price and the buttons right there. On a phone the card turns sideways so more fits on screen. A product with more than one size links to its own page rather than guessing. Read integration guide

Dawn theme Free How to add Product Grid 4 to Dawn Theme A grid with an optional large lead tile beside it, and a line under the price that adapts to what you sell: colour dots and a size range for clothing, or spec chips read from tags. Saved items live in the shopper's own browser, so no account is needed. Read integration guide

Dawn theme Free How to add Collection Grid to Dawn Theme Replaces your theme's own product grid on a collection page: products, sorting and pagination, with the caption rows built from blocks you can reorder or remove. Every card in a row shares an identical height, photo bottom, name top and button top, because the vendor and rating rows are decided once for the whole grid rather than card by card. Read integration guide

Dawn theme Free How to add Product Story 1 to Dawn Theme One product per slide, told as an editorial spread: the lifestyle photo on the left, a card on the right carrying the packshot, the name, the price and the button. Swipes natively, with a progress line and a slide counter. No slider library and no webfont — every type option uses a face already on the shopper's device. Read integration guide

Dawn theme Free How to add Product Slider 6 to Dawn Theme The workhorse: one collection, a swipe row of product cards with badges read from real data, an optional saved-items heart, quick add, star ratings and colour dots. Flip one switch and the row becomes a stacked grid instead. Read integration guide

Dawn theme Free How to add Product Slider 5 to Dawn Theme Tabs over a swipe row where the size picker lives on the card itself, so a shopper can add without leaving the page. The photo and the price both follow the size that is picked, and the photo map is keyed by image so a thirty-variant product does not carry thirty entries. Read integration guide

Dawn theme Free How to add Product Slider 4 to Dawn Theme A rail of best sellers where the rank is earned, not decorative: the numbers only appear when the collection is genuinely sorted by best selling, and the theme editor tells you when it is not. Star ratings come from whatever review app you already run. Read integration guide

Dawn theme Free How to add Product Slider 3 to Dawn Theme Tabs under a centred heading, and inside each tab a coloured promo card sitting beside the products. Each tab gets its own message, its own colour and its own button, and the text on the card is coloured for contrast automatically. Read integration guide

Dawn theme Free How to add Product Slider 2 to Dawn Theme A column on the left holding the heading, the tabs and one button that follows whichever tab is open; the products swipe past on the right. The low-stock badge reads real inventory, so it can never invent scarcity. Read integration guide

Dawn theme Free How to add Product Slider 1 to Dawn Theme A swipeable rail of product cards with a quick-look panel carrying the photo, price, description, quantity and buy-now. Pulls a collection, or hand-picked products when no collection is set. No slider library — the rail is native scroll-snap. Read integration guide

Dawn theme Free How to add Product Grid 3 to Dawn Theme Tabs with an underline that travels, one product grid under each and a button per tab. A tab takes a collection or a hand-picked list. On phones the grid becomes a swipe row so a peek of the next product invites the scroll. Read integration guide

Dawn theme Free How to add Product Grid 2 to Dawn Theme A tall rotating showcase on the left and a tabbed product grid on the right, so one section covers new in, dresses and sale without stacking three. Quick look opens a panel; single-variant products add straight to the bag. Read integration guide

Dawn theme Free How to add Product Grid 1 to Dawn Theme A collection grid with an optional large lead tile beside it, a saved-items heart, quick add, star ratings from your review app, automatic Sale, New and Sold-out badges, and a colour or spec row under the price. The button label is measured for contrast against whatever colour you pick. Read integration guide

Dawn theme Free How to add Shop Collections 7 to Dawn Theme A rail of full-bleed collection cards with the copy laid over the photo, positioned in any of nine spots — set separately for desktop and phones. Optional autoplay, dots and arrows, each toggled per screen size. Read integration guide

Dawn theme Free How to add Shop Collections 6 to Dawn Theme An editorial rail of collection cards with a numbered index, a badge, a kicker, a title and a meta line over a graded photo. One grade across mismatched photography makes the set read as one. Optional autoplay with a real pause control. Read integration guide

Dawn theme Free How to add Shop Collections 1 to Dawn Theme A grid of collection tiles in one of three shapes: a caption under the photo, a caption on the photo, or text-only chips for a shop-by-brand row. Ships with a preset for each. No script at all. Read integration guide

Dawn theme Free How to add Shop Collections 4 to Dawn Theme A rail of photo cards with a button sitting on each one. Every colour that ends up as text — including the button's hover state — is measured against the surface it actually lands on. Arrows sit over the cards or in the header. Read integration guide

Dawn theme Free How to add Shop Collections 5 to Dawn Theme A rail of leaning category cards. The lean is a clip on the photo, so captions stay upright and legible; set it to zero for ordinary rectangles. Each card takes an optional hover photo and a lead word before its title. Read integration guide

Dawn theme Free How to add Shop Collections 2 to Dawn Theme A row of category pills that navigates a shop. The pill for the collection being viewed fills itself automatically; on any other page you can flag one to lead with. Optional real product counts, wrapping or swiping on phones. Read integration guide

Dawn theme Free How to add Shop Collections 3 to Dawn Theme A swipeable rail of category cards, each on its own colour with a photo plate underneath the copy. The text colour on every card is measured against that card's own colour, so any palette stays readable. Counter, arrows and a progress bar. Read integration guide

Dawn theme Free How to add Shop The Look 5 to Dawn Theme An editorial full-bleed shot with numbered pins and one card floating in a corner of it. The card follows whichever pin is open, and on phones it can drop below the photo instead of covering the look. Read integration guide

Dawn theme Free How to add Shop The Look 4 to Dawn Theme One wide shot with numbered pins and the full list laid out underneath. A pin scrolls its card into view and rings it, and hovering a card lights its pin, so the photo and the grid always read as the same list. Read integration guide

Dawn theme Free How to add Shop The Look 3 to Dawn Theme A swipeable rail of styled scenes, each with its own pins and captions. Every pin opens a small product card over the photo, and the badge counting the pieces in a scene is worked out from the pins themselves so it can never go stale. Read integration guide

Dawn theme Free How to add Shop The Look 2 to Dawn Theme A shoppable photo on one side and the sales copy on the other. Pins open a product card docked to the bottom of the photo, while the copy column is built from heading, text, checklist and button blocks you can reorder freely. Read integration guide

Dawn theme Free How to add Shop The Look 1 to Dawn Theme A styled photo with numbered pins and a product card beside it that follows whichever pin is open. Arrows, a counter and a thumbnail row all drive the same index, so the card, the pins and the thumbs can never disagree. Read integration guide

Dawn theme Free How to add Ingredient Tabs to Dawn Theme A tab bar that swaps both the picture and the copy: one panel per ingredient, material or step, each with its own credential line, reason and link. Full keyboard navigation. Read integration guide

Dawn theme Free How to add Media Proof to Dawn Theme A large claim beside a tall picture, backed by a credentials list and one real customer review with a half-step star rating you enter yourself. Read integration guide

Dawn theme Free How to add Media Tabs to Dawn Theme A picture beside an accordion of answers, with optional chips underneath for the offers that close a sale. Takes a separate mobile crop and a link on the image. Read integration guide

Dawn theme Free How to add Selling Points to Dawn Theme One picture or clip beside the argument for buying: a headline, a paragraph, a numbered checklist of reasons and two buttons. External video opens in a popup that loads nothing until it is clicked. Read integration guide

Dawn theme Free How to add Image Collage to Dawn Theme Copy and a checklist beside a grid of photos that rearranges itself around how many there are, from one to a full gallery. Every photo takes its own caption and link. Read integration guide

Dawn theme Free How to add Feature Rows to Dawn Theme A stack of alternating image-and-text rows under one header, numbered if you want. Each row carries its own link, image label and clickable image. Read integration guide

Dawn theme Free How to add Media Specs to Dawn Theme A picture beside the claims that close a sale: an optional star rating you enter yourself, then rows pairing what a product does with what it gets the customer. Read integration guide

Dawn theme Free How to add Editorial Story to Dawn Theme A magazine-style spread: a large heading with an italic accent beside one picture or clip. The image can link anywhere, and you choose its side on desktop and its position on mobile independently. Read integration guide

Dawn theme Free How to add Image Text Benefits to Dawn Theme A picture beside a short grid of reasons to buy — free delivery, returns, secure checkout — each with a picked icon or one you upload. The image can link anywhere, and you choose whether it sits above or below the text on mobile. Read integration guide

Dawn theme Free How to add Video Quick Shop to Dawn Theme Shoppable clips that sell without leaving the page: each card carries its product, its variants and an add-to-cart, and opens full size in a popup with the description. Supports uploaded video or YouTube and Vimeo. Read integration guide

Dawn theme Free How to add Shoppable Slider to Dawn Theme A headline beside a side-scrolling row of shoppable clips. Each video carries the product it shows, with its image, name and price in a card below, and the row keeps its card size however few clips are left. Read integration guide

Dawn theme Free How to add Social Posts to Dawn Theme Customer posts in an Instagram or Facebook style card — profile row on top, image or clip in the middle, likes, caption and hashtags below. Three per row by default. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type. Switch the frame setting to show vertical reels instead. Read integration guide

Dawn theme Free How to add Social Reels to Dawn Theme Customer clips shown in a social frame — feed post or vertical reel — with handle, caption, platform logo and sound line. Hashtags in the caption tint themselves. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type, so nothing on the page pretends to be live. Read integration guide

Dawn theme Free How to add Shoppable Reels to Dawn Theme A scrolling rail of vertical clips, each with a product card floating over it — price, sale price and badges all read from your catalogue. New and discount badges are calculated, never typed, in four styles and two positions. Clips play only as they scroll into view, hide individually, and the card text color adapts to stay readable on any card color. Read integration guide

Dawn theme Free How to add Shoppable Video to Dawn Theme A grid of short vertical videos, each tied to a product with its image, name, price and discount. Play automatically, on hover or on click; YouTube and Vimeo load only when clicked so several embeds never slow the page. Cards hide individually and the grid follows how many are shown. Read integration guide

Dawn theme Free How to add Collection Circles to Dawn Theme Circular category links in a row that scrolls or wraps, each framed by a gradient or solid ring. Pick a collection to make the whole circle clickable, or point it anywhere with a link. Captions fall back to the collection title, discs hide individually, and everything — ring style, sizes, colors, spacing — is set in the theme editor. Read integration guide

Dawn theme Free How to add Video Stories to Dawn Theme Instagram-style rail of tappable video bubbles that opens a full-screen player with progress bar, sound toggle, swipe navigation and a call-to-action per video. Places itself anywhere on the product page. No external libraries. Read integration guide

Dawn theme Free How to add Study Slider to Dawn Theme Card slider with heading, description, and navigation buttons. Features customizable card dimensions, gap spacing, stats section, and smooth slide transitions with arrow navigation. Read integration guide

Dawn theme Free How to add Testimonial Spotlight to Dawn Theme Large featured testimonial with side info panel. Prominent single review display, customer photo, detailed quote, company logo, and supporting statistics. Read integration guide

Dawn theme Free How to add Reviews Marquee to Dawn Theme Infinite scrolling ticker-style reviews with modern design. Continuous horizontal scroll, pause on hover, customizable speed, and clean card design. Read integration guide

Dawn theme Free How to add Video Testimonials to Dawn Theme Showcase customer video reviews with thumbnails and lightbox. Play button overlay, video modal popup, customer name and title, and thumbnail grid layout. Read integration guide

Dawn theme Free How to add Reviews Wall to Dawn Theme Pinterest-style masonry layout with social media look. Mixed review sizes, source icons (verified, Instagram, etc.), and dynamic flowing layout. Read integration guide

Dawn theme Free How to add Testimonials Grid to Dawn Theme Static grid layout for testimonials with hover effects. Customizable columns (2-4), star ratings, customer info, and subtle lift animation on hover. Read integration guide

Dawn theme Free How to add Testimonials Carousel to Dawn Theme Customer reviews carousel with star ratings, customer photos, and smooth slide transitions. Navigation arrows, dot indicators, autoplay option, and touch swipe support. Read integration guide

Dawn theme Free How to add Product Ingredients to Dawn Theme Product ingredients section with ingredient cards showing name, description, and optional image. Perfect for skincare, supplements, or food products. Read integration guide

Dawn theme Free How to add Product Bundle to Dawn Theme Display product bundle or kit with included items. Bundle image, list of included products, savings badge, total value display, and add bundle to cart CTA. Read integration guide

Dawn theme Free How to add Product Specifications to Dawn Theme Product with detailed specifications table. Alternating row colors, specification labels and values, product image, and organized technical details. Read integration guide

Dawn theme Free How to add Product Gallery to Dawn Theme Product with image gallery and thumbnails. Main image display with thumbnail navigation, zoom on hover, and product info section with price and CTA. Read integration guide

Dawn theme Free How to add Product Features to Dawn Theme Product display with feature highlights in a two-column layout. Large product image on one side, feature list with icons on the other, and CTA button. Read integration guide

Dawn theme Free How to add Features Numbered to Dawn Theme Numbered features/steps with descriptions in a timeline style. Circular number badges, connecting lines between steps, and optional feature bullet points per step. Read integration guide

Dawn theme Free How to add Features Cards to Dawn Theme Feature cards with images in a grid layout. Image at top, title, description, and optional link. Customizable columns, hover animations, and rounded corners. Read integration guide

Dawn theme Free How to add Features Icons Grid to Dawn Theme Features displayed with icons in a responsive grid. SVG icon support, customizable columns (2-4), hover effects, and centered icon with title and description layout. Read integration guide

Dawn theme Free How to add FAQ Side Navigation to Dawn Theme FAQ with left sidebar navigation for categories. Sticky sidebar with category links, smooth scroll to sections, and active state highlighting on scroll. Read integration guide

Dawn theme Free How to add FAQ Searchable to Dawn Theme FAQ with search functionality and instant filtering. Search box with icon, real-time filtering as user types, highlight matching questions, and no results message. Read integration guide

Dawn theme Free How to add FAQ Two Column to Dawn Theme FAQ displayed in two columns for wider layouts. Questions split across columns, accordion functionality, and responsive single column on mobile devices. Read integration guide

Dawn theme Free How to add FAQ Tabs to Dawn Theme Categorized FAQ with tab navigation. Organize questions by category with clickable tabs, accordion items within each tab, and smooth tab switching animations. Read integration guide

Dawn theme Free How to add FAQ Accordion to Dawn Theme Expandable/collapsible FAQ items with smooth animations. Classic accordion style with plus/minus icons, hover effects, and customizable question/answer backgrounds. Read integration guide

Dawn theme Free How to add Countdown Product Launch to Dawn Theme Product launch countdown with product preview image. Features header section, product display, countdown timer, and notify/pre-order button for upcoming releases. Read integration guide

Dawn theme Free How to add Countdown Minimal to Dawn Theme Minimal inline countdown timer with text alongside. Clean horizontal layout perfect for subtle urgency messaging without overwhelming the page design. Read integration guide

Dawn theme Free How to add Countdown Boxed to Dawn Theme Boxed style countdown with side content layout. Card-based design with border, image support, feature list, and countdown timer in an elegant contained format. Read integration guide

Dawn theme Free How to add Countdown Hero to Dawn Theme Full width hero section with background image, overlay, and countdown timer. Features customizable minimum height, overlay opacity, and prominent countdown display. Read integration guide

Dawn theme Free How to add Countdown Banner to Dawn Theme Simple banner style countdown timer with label badge, heading, description, and CTA button. Clean centered layout with customizable time boxes and accent colors. Read integration guide

Dawn theme Free How to add Product Comparison Table to Dawn Theme Compare multiple products side by side with features table. Product images, prices, feature rows with check/X icons, highlighted recommended product, and mobile-responsive with sticky first column. Read integration guide

Dawn theme Free How to add Dual Flow Comparison to Dawn Theme Compare two processes or paths side by side with step-by-step flow. Headers with images, numbered steps, and highlighted final result. Perfect for Old Way vs New Way comparisons. Read integration guide

Dawn theme Free How to add Competitor Comparison to Dawn Theme Visual brand vs competitors side by side with VS badge. Compare your product against competitors with feature rows, brand highlighting, and winner indicators. Read integration guide

Dawn theme Free How to add Before After Table to Dawn Theme Show transformation results in a clean table format with before and after columns. Colored headers, alternating rows, and perfect for showcasing improvements or changes. Read integration guide

Dawn theme Free How to add Feature Comparison to Dawn Theme Simple visual two-column comparison with checkmark and X icons. Perfect for showing included vs not included features, pros vs cons, or your product vs alternatives. Read integration guide

Dawn theme Free How to add Pricing Table to Dawn Theme Clean pricing cards with monthly/yearly toggle, featured plan highlighting, feature lists with checkmarks, and CTA buttons. Supports 2-4 pricing tiers with customizable colors. Read integration guide

Dawn theme Free How to add Hero 9 Banner to Dawn Theme Hero section with dual animated image columns (left and right scrolling) alongside heading, text, and CTA button. Features reversible layout position and customizable typography and button styling. Read integration guide

Dawn theme Free How to add Image Templates Banner to Dawn Theme Two-column layout with scrolling image gallery and pricing box. Features animated vertical image columns, trusted brands badge, benefits list with icons, deal countdown styling, and logo strip section. Read integration guide

Dawn theme Free How to add Rotating Carousel Banner to Dawn Theme Interactive carousel with JavaScript controls, Ken Burns zoom effect, progress bar, dot indicators, navigation arrows, and touch support. Features autoplay, glass/solid/outline buttons, and smooth slide transitions. Read integration guide

Dawn theme Free How to add Split Content Banner to Dawn Theme Two-column layout with image and text, smooth animations, and hover effects. Features customizable split ratios (50/50, 40/60, 60/40, 30/70, 70/30), optional badge, accent line, and reversible layout. Read integration guide

Dawn theme Free How to add Hero Banner to Dawn Theme Premium full-width hero with animated shape dividers (wave, curve, tilt, blob, triangle, zigzag), gradient overlays, and advanced background effects (particles, gradient shift, shimmer, pulse). The ultimate hero section. Read integration guide

Dawn theme Free How to add Minimal Text Banner to Dawn Theme Clean typography-focused banner with elegant fade-up animations and optional background effects (pulse, float, shimmer). Features glass/solid/outline button options and subtle animated backgrounds for a refined look. Read integration guide

Dawn theme Free How to add Gradient Overlay Banner to Dawn Theme Visually striking banner with customizable gradient overlays (bottom, full, radial, left, right), content animations, flexible positioning, and glass/solid/outline button styles. Features hover zoom effect on background image. Read integration guide

Dawn theme Free How to add 3D Flip Rotator to Dawn Theme Stunning 3D flip animations with typewriter effect and progress indicator. Rotates through multiple messages with smooth 3D perspective transforms and customizable timing. Read integration guide

Dawn theme Free How to add Stock Ticker Pro to Dawn Theme Stock market style ticker with trend indicators, animated numbers, and flash alerts. Monospace font styling, fixed label section, and smooth scrolling for a professional trading floor look. Read integration guide

Dawn theme Free How to add Urgency Split Bar to Dawn Theme Real countdown timer with animated urgency border and confetti effects. Split layout with highlighted section, pulse ring animation, and countdown functionality for flash sales. Read integration guide

Dawn theme Free How to add Neon Glow Marquee to Dawn Theme Eye-catching neon effects with glitch animation and rainbow text options. Features smooth scrolling, direction control, pause on hover, and customizable glow intensity. Read integration guide

Dawn theme Free How to add Gradient Marquee to Dawn Theme Scrolling marquee with animated gradient backgrounds (sunset, ocean, purple, fire, forest, midnight). Features glow effects, customizable scroll speed, direction control, and pause on hover. Read integration guide

Dawn theme Free How to add After Before Slider to Dawn Theme Interactive before/after image comparison slider with draggable handle. Features rounded corners, shadow effects, customizable gap between columns, and responsive design with configurable padding. Read integration guide

Dawn theme Free How to add Image With Text Premium to Dawn Theme Luxury-style image with text section featuring multi-image collage layout, Poppins typography, background image support, and four feature text blocks. Perfect for premium brand storytelling. Read integration guide

Dawn theme Free How to add Image Text Zigzag to Dawn Theme Alternating image-text blocks in a zigzag pattern for storytelling. Includes optional step numbers, individual CTA buttons per block, and elegant flowing layout perfect for How It Works or process explanations. Read integration guide

Dawn theme Free How to add Image Text Cards to Dawn Theme Multi-card grid layout showcasing image-text combinations in 2-4 column layouts. Features hover animations, customizable image ratios (square/landscape/portrait), and animated link arrows for engaging storytelling. Read integration guide

Dawn theme Free How to add Image Text Overlay to Dawn Theme Full-width hero section with background image and text overlay. Includes customizable overlay color and opacity, flexible content positioning (left/center/right), dual CTA buttons, and responsive mobile optimization. Read integration guide

Dawn theme Free How to add Image Text Split to Dawn Theme Classic 50/50 split layout with image on one side and text content on the other. Features reversible image position, feature list with checkmarks, customizable CTA button, and smooth responsive behavior. Read integration guide

Dawn theme Free How to add Stacked Promotion Banner to Dawn Theme Stacked Promotion with quantity break discount Read integration guide

Dawn theme Free How to add Back to Top to Dawn Theme Enhance your store’s browsing experience with a simple “Back to Top” button. Smooth, user-friendly navigation helps customers explore your site with ease. Read integration guide

Dawn theme Free How to add Designed with an Edge to Dawn Theme Add a modern sloped design to your store for a bold and dynamic layout. Perfect for separating sections, drawing attention to products, or giving your pages a stylish flow. Read integration guide

Dawn theme Free How to add Follow the Feed to Dawn Theme Stay connected with our latest looks, trends, and community highlights—straight from Instagram. Click, explore, and shop your favorite styles directly from the feed. Read integration guide

Dawn theme Free How to add Frequently Asked Questions to Dawn Theme Find quick answers to the most common questions about our products, shipping, returns, and more. We’ve made it easy for you to get the information you need—right at your fingertips. Read integration guide

Dawn theme Free How to add Explore Our Gallery to Dawn Theme Showcase your products, brand moments, and customer favorites in a stylish grid layout. Our gallery brings your store to life with visuals that inspire and engage shoppers. Read integration guide

Dawn theme Free How to add From Our Blog to Dawn Theme Stay updated with the latest tips, trends, and stories from our team. Explore helpful guides, product highlights, and inspiration to make the most of your shopping experience. Read integration guide

Dawn theme Free How to add Smooth & Modern Design to Dawn Theme Add a stylish wave effect to your store layout. The Wave Section creates natural flow between sections, giving your storefront a clean, modern, and engaging look that keeps customers scrolling. Read integration guide

Dawn theme Free How to add Discover the Difference to Dawn Theme Bring your store to life with our Parallax Banner. Eye-catching visuals and smooth scrolling effects create an immersive shopping experience while showcasing your brand in style. Read integration guide

Dawn theme Free How to add Follow Us on Instagram to Dawn Theme Stay inspired and never miss a moment! Explore our latest styles, behind-the-scenes looks, and customer favorites straight from our Instagram feed. Click, shop, and join our community today. Read integration guide

Sense theme Free How to add Team Grid 1 to Sense Theme The people behind the shop: a heading, a few lines that turn "we" into faces, then the team in a grid with a round photo, a first name, a role and one line each. Three or four per row, the last row centred. Read integration guide

Sense theme Free How to add Results Timeline 1 to Sense Theme Milestones down a centre line: a big time label, a title, a few lines, a customer quote in a card and a photo on the other side, alternating. For "what to expect and when" on a product page. Read integration guide

Sense theme Free How to add Blog Posts 1 to Sense Theme The latest posts of a blog as cards: photo, date, title, an excerpt and a read-more link, two to four per row. On an article page it leaves the current post out, so it reads as "read next". Read integration guide

Sense theme Free How to add Newsletter Band 1 to Sense Theme A sign-up band with an offer: a heading, three perks with a tick, the email field and the button, a photo beside it if you like. Subscribers get the newsletter tag; the thank-you shows in place. Read integration guide

Sense theme Free How to add Review Cards 1 to Sense Theme Customer reviews on a coloured band: a star rating in a pill, a heading and a row of cards that scrolls, each with the review, a verified mark, an initial or photo, the name and stars. Arrows on computers, a swipe on phones, and wavy edges if you want them. Read integration guide

Sense theme Free How to add Benefits Panel 1 to Sense Theme A rounded panel in your brand colour: the argument and a button on one side, and on a white card every benefit as an icon and a short label, reading down one or two columns. Read integration guide

Sense theme Free How to add Benefit Cards 1 to Sense Theme A heading over cards that each make one case: a photo set in from the card's edge, two short tags, a title and a sentence. Side by side on computers; a swipe row or a stack on phones. Read integration guide

Sense theme Free How to add Comparison Table 1 to Sense Theme Your product against the alternatives in a real table: a tinted or framed column with a tick on every row, crosses or words for the others, an optional third column and a button underneath. {title} in the words becomes the product's title. Read integration guide

Sense theme Free How to add Stat Rings 1 to Sense Theme A photo beside a heading and up to six figures, each a ring filled to its percentage with the number inside and a line of text. The rings fill as they scroll into view, and a note says where the figures come from. Read integration guide

Sense theme Free How to add Reviews Summary 1 to Sense Theme A reviews page in one section: the average and how many reviews it rests on, a bar for each star, a button to write one, then the reviews in a masonry wall with a sort menu and a Load more button. The summary is worked out from the reviews added here, or typed in when the real numbers live in another app. Read integration guide

Sense theme Free How to add Photo Reviews 1 to Sense Theme Customer reviews that lead with the photo: the piece being worn, then the stars, a title, the words and who wrote them with a verified mark. A rating line sits over the heading, the cards form a grid of two to four, and on phones they become a swipe row. Read integration guide

Sense theme Free How to add Product Callouts 1 to Sense Theme One photo in the middle and the reasons to buy set around it, half on each side, each with an icon from the shared set or your own, a title and a line of text. On a product page the photo can be the product's own until you pick another, and on phones the callouts fall into a tidy grid under the picture. Read integration guide

Sense theme Free How to add FAQ Split 1 to Sense Theme The heading, a word of reassurance, an optional photo and a contact link on one side; the questions on the other, opening one at a time with no script. The side column stays in view while the answers scroll, and every question is published as FAQ structured data for search engines. Read integration guide

Sense theme Free How to add Guarantee Band 1 to Sense Theme A guarantee told between two photos: a heading, a short promise and a button in the middle, a row of reassurances underneath, and a picture on each side, staggered for a little movement. On phones the photos sit side by side above the words, or step aside altogether. Read integration guide

Sense theme Free How to add Shoppable Stories to Sense Theme Short videos that sell, as story bubbles or vertical reels. Previews play silently while on screen; a tap opens a full-screen player with progress bars, sound, and a swipe from one video to the next, and beside each video (over it on phones) sit the products it shows — options, price and an add to cart that never leaves the video. On a product page the stories can sit right inside the product details: under or above the buy buttons, under the title or under the description, and a video left without products sells the product of the page. No external libraries. Read integration guide

Sense theme Free How to add Island Header to Sense Theme A floating, rounded header that sits on the page like an island: the menu on one side, your logo in the middle (or first, with the space beside it yours to set), search, account and cart on the other. A pill glides between menu items and rests on the page being viewed; drop-downs open as a card sized to their links, as wide as the island or across the whole screen, show each collection's picture in front of its link (square, rounded or round, as you set), group three-level menus and hold stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like: above the name on computers, beside it on phones. The phone menu can show the same pictures, opens each sub-menu on the item's name, on "All" in the shopper's language or on words of your own, and places pictures, short texts and your own code above or below the links of the item they belong to; a Custom code block also takes CSS to restyle anything in the header. Search opens a panel with quick links, then live results as product cards with photo and price. Shoppers sign in through Shopify's own account button — with Shop, Google, Facebook or a code by email, without leaving the page — and choose their country (and so their currency) and language in a compact panel with a search box for long lists, or in two rows at the foot of the phone menu. The cart, with your own icon if you like, opens a drawer of its own — quantities, discounts, subscriptions, a free-shipping progress bar and checkout — that keeps working with your theme's header switched off and can open by itself after an add to cart. It can float see-through over your first section and turn solid once past it, stays pinned as the page scrolls (slimmer, or hiding on the way down), and works out every quiet tone from your colours with contrast checked. Read integration guide

Sense theme Free How to add Mega Search Header to Sense Theme A header built around search, for large catalogues: a wide search bar with a product-type picker and live suggestions (matching searches first, then products with photo and price), and a menu row whose items open panels across the full width, as wide as the page, or as a card sized to their links — headed columns for three-level menus, each collection's picture in front of its link (square, rounded or round, as you set), a "Shop all" link, and stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like. A deal link shines in your accent colour, and the cart can wear your own icon. Shoppers sign in through Shopify's own account button and choose their country (and so their currency) and language in a compact panel with a search box for long lists. It stays on top as the page scrolls (slimmer, hidden on the way down, or down to the menu row alone), keeps the cart count right after any add to cart, and becomes a side-sheet menu on phones with its own search row, the same pictures and labels, short texts and your own code above or below each item's links, and the first link of each sub-menu worded as you like. Every in-between tone is computed from your colours and checked for contrast. Read integration guide

Sense theme Free How to add Coverflow 2 to Sense Theme A gallery wall: each photograph sits in a mat and a frame, hung in a row that recedes to either side of the one in front. Navigation is a brass plaque with the piece number and a row of tick marks, the way a wall label works. Hangs flat by default, and leans as far as you want it to. Read integration guide

Sense theme Free How to add Coverflow 1 to Sense Theme A leaning deck of cards: one in front, its neighbours fanned out behind and shrinking with distance. Each card carries a signed offset from the centre as a CSS custom property and one transform rule reads it, so moving the deck rewrites numbers rather than markup. Clicking a card behind brings it forward. Read integration guide

Sense theme Free How to add Slideshow 4 to Sense Theme A product slideshow where each slide brings its own colours: a coloured ground, a soft halo, and a cut-out product floating on top with the words beside it. The navigation borrows the active slide's colours, so a dot never disappears on a dark slide. With autoplay on, the active dot fills a progress ring as the timer runs. Read integration guide

Sense theme Free How to add Slideshow 3 to Sense Theme A slideshow whose words sit on a frosted glass card, navigated by thumbnails on a matching frosted plate. One tint drives the card, the plate and the veil, so recolouring cannot pull the three apart. A slide can carry a silent looping video instead of a photo, started only when motion is welcome. Read integration guide

Sense theme Free How to add Slideshow 2 to Sense Theme An editorial slideshow: a rotated category label down the edge, a slide counter, and an optional product card pinned to the corner. Pick a product and the card fills itself in, or override any field by hand. Each slide declares whether its photo is light or dark, which moves the text colour and the veil together. Read integration guide

Sense theme Free How to add Slideshow 1 to Sense Theme A full-bleed slideshow: one photo per slide with its own words and up to two buttons. Matching the first photo's proportions is worked out server-side, so the stage holds its space before anything loads. A banner mode keeps the first slide's words still while only the photos rotate, and nothing is deleted when you switch it back. Read integration guide

Sense theme Free How to add Countdown Drop 1 to Sense Theme A holographic banner for a launch or a restock, running either as a countdown to a scheduled drop or as a pulsing live badge for one already open. The drop name is rendered as a holographic wordmark with a plain-colour fallback, so it is never invisible on an older browser. Read integration guide

Sense theme Free How to add Countdown Sale 5 to Sense Theme A seasonal sale band with an illustration beside the wording: pick Easter, Mother's Day, Summer, Launch day or Lunar New Year and the artwork changes while everything else stays put. Every season is drawn inline in the band's own two colours, so switching costs no extra request and can never clash. Ships with five ready-made presets. Read integration guide

Sense theme Free How to add Countdown Sale 4 to Sense Theme A seasonal sale band flanked by two large emblems, from a sun and a parasol to a pumpkin and a bat. The emblems are inline SVG in the band's own highlight colour, fade back on tablets, and step aside entirely on phones where the wording needs the room. Read integration guide

Sense theme Free How to add Countdown Sale 3 to Sense Theme A Valentine's countdown band with hearts rising slowly behind the wording. The hearts are CSS shapes rather than an image, so they cost no request and take their colour from the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Sense theme Free How to add Countdown Sale 2 to Sense Theme A New Year countdown band with confetti drifting behind the wording. The confetti is drawn in CSS from a handful of shapes rather than an image, so it costs no request and recolours with the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Sense theme Free How to add Countdown Sale 1 to Sense Theme A festive promotional band: heading, live countdown, offer line, button and a tap-to-copy discount code, over your own photo or a warm built-in gradient. The days column hides itself on the final day, so the clock reads hours, minutes and seconds instead of a permanent zero. Read integration guide

Sense theme Free How to add Countdown Media 1 to Sense Theme A photograph or video beside an offer panel, with the clock drawn as a torn ticket. The ticket's notches are painted in the colour that sits behind the card, so they read as punched holes rather than grey circles. A YouTube or Vimeo video is not embedded until a shopper actually presses play. Read integration guide

Sense theme Free How to add Countdown Split 1 to Sense Theme A coloured panel of words and a clock beside a full-height photograph. The panel side can be swapped, and on phones the photo moves above the panel so the wording is never squeezed into a narrow column. Three clock styles, from tiles to plain numbers. Read integration guide

Sense theme Free How to add Countdown Hero 2 to Sense Theme A full-bleed hero with the offer, a live clock and a button set over one or more photographs. Add a second photo and it becomes a slideshow; with one it draws no navigation and loads no slideshow code. Heights are measured against the screen a phone actually shows, so the hero is never taller than the visible area. Read integration guide

Sense theme Free How to add Countdown Bar 1 to Sense Theme A slim bar that rotates through several promotions, each able to carry its own live clock, tap-to-copy discount code and button. A promotion whose date has passed is dropped server-side, so an expired offer is never in the page at all. Closing the bar is remembered for the visit and scoped to the campaign, so changing a date brings it back. Read integration guide

Sense theme Free How to add Marquee 4 to Sense Theme A scrolling band that can carry words, images, buttons and a live countdown together. The digits use tabular figures and the days field reserves the width it needs at render time, so a tick can never change the set width and jog the loop. The clock is worked out server-side first, so the numbers are right at first paint. Read integration guide

Sense theme Free How to add Marquee 3 to Sense Theme A sale marquee with depth: a faint oversized ghost of the same words drifts behind at half speed, and the emblems bob gently in place. Words alternate filled and hollow, which is what gives the band its rhythm without needing a second colour. An emblem set to turn keeps turning, because spin and bob both animate the same property. Read integration guide

Sense theme Free How to add Marquee 2 to Sense Theme A holographic drop band for launches and restocks. One glow palette retunes the background, the words and the emblems together, with a Custom option for your own colours. A slow band of light drifts across behind the words, and stops for anyone who asks for reduced motion. Read integration guide

Sense theme Free How to add Marquee 1 to Sense Theme A large scrolling band of words and emblems, in one row or two running opposite ways. Twelve emblems are drawn inline as SVG in filled and outlined weights, and words can be filled or hollow. The loop is pure CSS, so nothing has to be measured at runtime. Read integration guide

Sense theme Free How to add Utility Bar 1 to Sense Theme A three-zone top rail: quick links on the left, a scrolling message in the middle, and country, language and social links on the right. Only the middle moves, so the links and the country picker stay clickable. The softer divider tone is worked out from your text colour and measured against the background, so recolouring the bar cannot quietly drop it below a readable contrast. Read integration guide

Sense theme Free How to add Announcement Bar 5 to Sense Theme A holographic strip for launches and restocks. Picking a glow palette retunes the background, the text and the highlight together, so the strip can never be left half-recoloured, and a Custom palette hands the three colours back. The sheen and the loop are both CSS, and both hold still under reduced motion. Read integration guide

Sense theme Free How to add Announcement Bar 4 to Sense Theme A marquee bar with two pinned ends: a fixed label on the left and a fixed button on the right, with the messages scrolling between them. Only the middle moves, so the offer name and the call to action stay readable and clickable. On phones the button can shrink to an arrow to leave the messages room. Read integration guide

Sense theme Free How to add Announcement Bar 3 to Sense Theme Each message carries its own icon, so the bar reads as a row of store promises rather than one long sentence. Eighteen icons are drawn inline as SVG, with emoji and uploaded images as alternatives, so nothing can 404 when the theme changes. Read integration guide

Sense theme Free How to add Announcement Bar 2 to Sense Theme A wide-tracked statement bar. The messages are plain text on purpose, which is what lets the whole bar safely become one link: a message that could contain a link of its own would put an anchor inside an anchor, and browsers quietly tear that apart. Letter spacing is what gives the bar its look. Read integration guide

Sense theme Free How to add Announcement Bar 1 to Sense Theme A slim promotional bar whose messages loop across the top of the page. The loop is pure CSS: the message set is rendered twice and the track slides exactly half its width, so it repeats with no seam and no JavaScript at all. With a single message the bar simply stays still and centred, instead of sliding away and leaving a blank strip. Read integration guide

Sense theme Free How to add Hero Slider 1 to Sense Theme A row of hero panels a shopper swipes through, with a band of promises welded to the bottom. Each panel is either a photograph with the words over it, or a product on a colour of your choosing under a big faded word — and a showcase panel measures its own background, so a pale panel flips the text to dark rather than losing it. Read integration guide

Sense theme Free How to add Hero Review 2 to Sense Theme The same proof as Hero Review 1, gathered into one frosted panel instead of set loose in the column — which is what lets it hold up over a bright or busy photograph. Where a browser cannot frost, the panel falls back to its solid tint so the words stay readable either way. Read integration guide

Sense theme Free How to add Hero Review 1 to Sense Theme A hero whose proof sits in the flow: the heading, then the stars, then one real customer quote, all in the same column. Nothing is invented — the stars, the score and the count are all typed by you, and every one of them is off until you turn it on. Read integration guide

Sense theme Free How to add Hero Stats 1 to Sense Theme A headline beside a set of figure cards that count up as they scroll into view. The count reads the number you typed and rebuilds it — prefix, suffix and decimals included — so a figure like £1.2m+ animates and still lands on exactly what you wrote. Anything with no number in it is left alone. Read integration guide

Sense theme Free How to add Hero Split 3 to Sense Theme A text panel beside a photograph, with a tag above the heading, a caption bar across the bottom of the photo and a row of short facts under the buttons. Built for a product launch page where the detail matters as much as the headline. Read integration guide

Sense theme Free How to add Hero Split 2 to Sense Theme A deep colour panel beside a photograph, with badges above the heading and a short list of reassurances under it. Every colour that carries text is measured against the panel it actually lands on, so a pale panel does not swallow the words. An optional small photo tucks over the corner on a computer. Read integration guide

Sense theme Free How to add Hero Split 1 to Sense Theme A colour panel beside a photograph, with a highlighted word in the heading that can cycle through several, and a band of promises scrolling along the bottom. The highlighter can hold one width sized to the longest word, so the line does not shift sideways every time the word changes. Read integration guide

Sense theme Free How to add Hero Grid 1 to Sense Theme One large card next to a column of smaller promo tiles. The big card takes a photo as a full background or as a cut-out bleeding off the corner; each tile takes its own photo or a colour blend. Wherever words sit over a photo, their colour is measured against what is genuinely behind them. Read integration guide

Sense theme Free How to add Hero Image 3 to Sense Theme A photo, a looping video or a colour behind a badge, a heading, a row of benefit pills and the buttons. The video only downloads once the hero is on screen, pauses when it leaves, and is never fetched at all for anyone who has asked for reduced motion — the still frame carries the hero instead. Read integration guide

Sense theme Free How to add Hero Image 2 to Sense Theme A photo, a gradient or a colour behind a heading whose middle word cycles. The rotation is a plain vertical scroll of words the page already holds, so with no script — or for anyone whose device asks for reduced motion — the first word simply stays and the sentence still reads. Read integration guide

Sense theme Free How to add Hero Image 1 to Sense Theme One photograph, edge to edge, with the words set over it. A separate photo can be uploaded for phones, which matters more than it sounds: a wide shot cropped to a phone loses about two thirds of its width, and usually the subject with it. Heights are measured against the visible screen, so the hero is never taller than what a shopper can actually see. Read integration guide

Sense theme Free How to add Product Tiles 1 to Sense Theme Three tall tiles, each carrying one product under a big display word. The photo flips on hover when a second one is set, and the caption trades places with the buy button. On a phone the caption can sit on the photo or under it, and the text is contrast-checked for whichever you choose. Read integration guide

Sense theme Free How to add Product Banner 2 to Sense Theme The restrained treatment of the same shape: a light banner, one button per card, no glow, and the arrows on the banner itself rather than in a strip under the row. A lit seam is drawn where the cards meet the banner, so the overlap reads as placed rather than cropped. Read integration guide

Sense theme Free How to add Product Banner 1 to Sense Theme A wide banner with the message on it and the product cards tucked up over its bottom edge, so the two read as one object rather than two stacked blocks. Two buttons per card — one to buy, one to read more — and a coloured glow behind the banner photo. Read integration guide

Sense theme Free How to add Product Slider 11 to Sense Theme A big heading over a band of tall product tiles, each with a small info plate under the photo. Badges are read from real data — sold out, then a genuine reduction, then how recently the product was added. The arrows sit over the row or up in the heading, and can be shown on a computer without appearing on a phone. Read integration guide

Sense theme Free How to add Product Slider 10 to Sense Theme A quiet row of products under a heading and one button, with a progress line and a counter underneath. The arrows and the progress only appear when there is genuinely more to see, and the counter reads the real scroll position so it follows a swipe as well as the arrows. Read integration guide

Sense theme Free How to add Product Slider 9 to Sense Theme A swipe row where every card carries a size menu and a quantity menu, so a shopper can buy three of something in one go. Badges come from your own product tags, never from stock levels, and the photo follows whichever size is picked. Read integration guide

Sense theme Free How to add Product Slider 8 to Sense Theme A swipe row of framed product cards. A size row opens on the photo so a shopper can add without leaving the page, and the eye button opens a quick look with the options, a quantity and the buy buttons. Both ship as plain links and are upgraded by script, so nothing on the card is ever a control that does nothing. Read integration guide

Sense theme Free How to add Product Slider 7 to Sense Theme A large lifestyle tile on the left and a swipe row of products on the right, with tabs across the top so one section covers new in, dresses and knitwear. Size buttons on the card update the price and link straight to that size. Read integration guide

Sense theme Free How to add Product Grid 6 to Sense Theme A shelf that can be a grid or a swipe row, with optional tabs across the top. Every card carries a size menu and a quantity menu, so a shopper can buy two of something without adding it twice. Card height is decided once for the whole section, so switching tabs never makes the shelf jump. Read integration guide

Sense theme Free How to add Product Grid 5 to Sense Theme A compact buy grid built for bundles and repeat purchases: small photo, name, price and the buttons right there. On a phone the card turns sideways so more fits on screen. A product with more than one size links to its own page rather than guessing. Read integration guide

Sense theme Free How to add Product Grid 4 to Sense Theme A grid with an optional large lead tile beside it, and a line under the price that adapts to what you sell: colour dots and a size range for clothing, or spec chips read from tags. Saved items live in the shopper's own browser, so no account is needed. Read integration guide

Sense theme Free How to add Collection Grid to Sense Theme Replaces your theme's own product grid on a collection page: products, sorting and pagination, with the caption rows built from blocks you can reorder or remove. Every card in a row shares an identical height, photo bottom, name top and button top, because the vendor and rating rows are decided once for the whole grid rather than card by card. Read integration guide

Sense theme Free How to add Product Story 1 to Sense Theme One product per slide, told as an editorial spread: the lifestyle photo on the left, a card on the right carrying the packshot, the name, the price and the button. Swipes natively, with a progress line and a slide counter. No slider library and no webfont — every type option uses a face already on the shopper's device. Read integration guide

Sense theme Free How to add Product Slider 6 to Sense Theme The workhorse: one collection, a swipe row of product cards with badges read from real data, an optional saved-items heart, quick add, star ratings and colour dots. Flip one switch and the row becomes a stacked grid instead. Read integration guide

Sense theme Free How to add Product Slider 5 to Sense Theme Tabs over a swipe row where the size picker lives on the card itself, so a shopper can add without leaving the page. The photo and the price both follow the size that is picked, and the photo map is keyed by image so a thirty-variant product does not carry thirty entries. Read integration guide

Sense theme Free How to add Product Slider 4 to Sense Theme A rail of best sellers where the rank is earned, not decorative: the numbers only appear when the collection is genuinely sorted by best selling, and the theme editor tells you when it is not. Star ratings come from whatever review app you already run. Read integration guide

Sense theme Free How to add Product Slider 3 to Sense Theme Tabs under a centred heading, and inside each tab a coloured promo card sitting beside the products. Each tab gets its own message, its own colour and its own button, and the text on the card is coloured for contrast automatically. Read integration guide

Sense theme Free How to add Product Slider 2 to Sense Theme A column on the left holding the heading, the tabs and one button that follows whichever tab is open; the products swipe past on the right. The low-stock badge reads real inventory, so it can never invent scarcity. Read integration guide

Sense theme Free How to add Product Slider 1 to Sense Theme A swipeable rail of product cards with a quick-look panel carrying the photo, price, description, quantity and buy-now. Pulls a collection, or hand-picked products when no collection is set. No slider library — the rail is native scroll-snap. Read integration guide

Sense theme Free How to add Product Grid 3 to Sense Theme Tabs with an underline that travels, one product grid under each and a button per tab. A tab takes a collection or a hand-picked list. On phones the grid becomes a swipe row so a peek of the next product invites the scroll. Read integration guide

Sense theme Free How to add Product Grid 2 to Sense Theme A tall rotating showcase on the left and a tabbed product grid on the right, so one section covers new in, dresses and sale without stacking three. Quick look opens a panel; single-variant products add straight to the bag. Read integration guide

Sense theme Free How to add Product Grid 1 to Sense Theme A collection grid with an optional large lead tile beside it, a saved-items heart, quick add, star ratings from your review app, automatic Sale, New and Sold-out badges, and a colour or spec row under the price. The button label is measured for contrast against whatever colour you pick. Read integration guide

Sense theme Free How to add Shop Collections 7 to Sense Theme A rail of full-bleed collection cards with the copy laid over the photo, positioned in any of nine spots — set separately for desktop and phones. Optional autoplay, dots and arrows, each toggled per screen size. Read integration guide

Sense theme Free How to add Shop Collections 6 to Sense Theme An editorial rail of collection cards with a numbered index, a badge, a kicker, a title and a meta line over a graded photo. One grade across mismatched photography makes the set read as one. Optional autoplay with a real pause control. Read integration guide

Sense theme Free How to add Shop Collections 1 to Sense Theme A grid of collection tiles in one of three shapes: a caption under the photo, a caption on the photo, or text-only chips for a shop-by-brand row. Ships with a preset for each. No script at all. Read integration guide

Sense theme Free How to add Shop Collections 4 to Sense Theme A rail of photo cards with a button sitting on each one. Every colour that ends up as text — including the button's hover state — is measured against the surface it actually lands on. Arrows sit over the cards or in the header. Read integration guide

Sense theme Free How to add Shop Collections 5 to Sense Theme A rail of leaning category cards. The lean is a clip on the photo, so captions stay upright and legible; set it to zero for ordinary rectangles. Each card takes an optional hover photo and a lead word before its title. Read integration guide

Sense theme Free How to add Shop Collections 2 to Sense Theme A row of category pills that navigates a shop. The pill for the collection being viewed fills itself automatically; on any other page you can flag one to lead with. Optional real product counts, wrapping or swiping on phones. Read integration guide

Sense theme Free How to add Shop Collections 3 to Sense Theme A swipeable rail of category cards, each on its own colour with a photo plate underneath the copy. The text colour on every card is measured against that card's own colour, so any palette stays readable. Counter, arrows and a progress bar. Read integration guide

Sense theme Free How to add Shop The Look 5 to Sense Theme An editorial full-bleed shot with numbered pins and one card floating in a corner of it. The card follows whichever pin is open, and on phones it can drop below the photo instead of covering the look. Read integration guide

Sense theme Free How to add Shop The Look 4 to Sense Theme One wide shot with numbered pins and the full list laid out underneath. A pin scrolls its card into view and rings it, and hovering a card lights its pin, so the photo and the grid always read as the same list. Read integration guide

Sense theme Free How to add Shop The Look 3 to Sense Theme A swipeable rail of styled scenes, each with its own pins and captions. Every pin opens a small product card over the photo, and the badge counting the pieces in a scene is worked out from the pins themselves so it can never go stale. Read integration guide

Sense theme Free How to add Shop The Look 2 to Sense Theme A shoppable photo on one side and the sales copy on the other. Pins open a product card docked to the bottom of the photo, while the copy column is built from heading, text, checklist and button blocks you can reorder freely. Read integration guide

Sense theme Free How to add Shop The Look 1 to Sense Theme A styled photo with numbered pins and a product card beside it that follows whichever pin is open. Arrows, a counter and a thumbnail row all drive the same index, so the card, the pins and the thumbs can never disagree. Read integration guide

Sense theme Free How to add Ingredient Tabs to Sense Theme A tab bar that swaps both the picture and the copy: one panel per ingredient, material or step, each with its own credential line, reason and link. Full keyboard navigation. Read integration guide

Sense theme Free How to add Media Proof to Sense Theme A large claim beside a tall picture, backed by a credentials list and one real customer review with a half-step star rating you enter yourself. Read integration guide

Sense theme Free How to add Media Tabs to Sense Theme A picture beside an accordion of answers, with optional chips underneath for the offers that close a sale. Takes a separate mobile crop and a link on the image. Read integration guide

Sense theme Free How to add Selling Points to Sense Theme One picture or clip beside the argument for buying: a headline, a paragraph, a numbered checklist of reasons and two buttons. External video opens in a popup that loads nothing until it is clicked. Read integration guide

Sense theme Free How to add Image Collage to Sense Theme Copy and a checklist beside a grid of photos that rearranges itself around how many there are, from one to a full gallery. Every photo takes its own caption and link. Read integration guide

Sense theme Free How to add Feature Rows to Sense Theme A stack of alternating image-and-text rows under one header, numbered if you want. Each row carries its own link, image label and clickable image. Read integration guide

Sense theme Free How to add Media Specs to Sense Theme A picture beside the claims that close a sale: an optional star rating you enter yourself, then rows pairing what a product does with what it gets the customer. Read integration guide

Sense theme Free How to add Editorial Story to Sense Theme A magazine-style spread: a large heading with an italic accent beside one picture or clip. The image can link anywhere, and you choose its side on desktop and its position on mobile independently. Read integration guide

Sense theme Free How to add Image Text Benefits to Sense Theme A picture beside a short grid of reasons to buy — free delivery, returns, secure checkout — each with a picked icon or one you upload. The image can link anywhere, and you choose whether it sits above or below the text on mobile. Read integration guide

Sense theme Free How to add Video Quick Shop to Sense Theme Shoppable clips that sell without leaving the page: each card carries its product, its variants and an add-to-cart, and opens full size in a popup with the description. Supports uploaded video or YouTube and Vimeo. Read integration guide

Sense theme Free How to add Shoppable Slider to Sense Theme A headline beside a side-scrolling row of shoppable clips. Each video carries the product it shows, with its image, name and price in a card below, and the row keeps its card size however few clips are left. Read integration guide

Sense theme Free How to add Social Posts to Sense Theme Customer posts in an Instagram or Facebook style card — profile row on top, image or clip in the middle, likes, caption and hashtags below. Three per row by default. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type. Switch the frame setting to show vertical reels instead. Read integration guide

Sense theme Free How to add Social Reels to Sense Theme Customer clips shown in a social frame — feed post or vertical reel — with handle, caption, platform logo and sound line. Hashtags in the caption tint themselves. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type, so nothing on the page pretends to be live. Read integration guide

Sense theme Free How to add Shoppable Reels to Sense Theme A scrolling rail of vertical clips, each with a product card floating over it — price, sale price and badges all read from your catalogue. New and discount badges are calculated, never typed, in four styles and two positions. Clips play only as they scroll into view, hide individually, and the card text color adapts to stay readable on any card color. Read integration guide

Sense theme Free How to add Shoppable Video to Sense Theme A grid of short vertical videos, each tied to a product with its image, name, price and discount. Play automatically, on hover or on click; YouTube and Vimeo load only when clicked so several embeds never slow the page. Cards hide individually and the grid follows how many are shown. Read integration guide

Sense theme Free How to add Collection Circles to Sense Theme Circular category links in a row that scrolls or wraps, each framed by a gradient or solid ring. Pick a collection to make the whole circle clickable, or point it anywhere with a link. Captions fall back to the collection title, discs hide individually, and everything — ring style, sizes, colors, spacing — is set in the theme editor. Read integration guide

Sense theme Free How to add Video Stories to Sense Theme Instagram-style rail of tappable video bubbles that opens a full-screen player with progress bar, sound toggle, swipe navigation and a call-to-action per video. Places itself anywhere on the product page. No external libraries. Read integration guide

Sense theme Free How to add Study Slider to Sense Theme Card slider with heading, description, and navigation buttons. Features customizable card dimensions, gap spacing, stats section, and smooth slide transitions with arrow navigation. Read integration guide

Sense theme Free How to add Testimonial Spotlight to Sense Theme Large featured testimonial with side info panel. Prominent single review display, customer photo, detailed quote, company logo, and supporting statistics. Read integration guide

Sense theme Free How to add Reviews Marquee to Sense Theme Infinite scrolling ticker-style reviews with modern design. Continuous horizontal scroll, pause on hover, customizable speed, and clean card design. Read integration guide

Sense theme Free How to add Video Testimonials to Sense Theme Showcase customer video reviews with thumbnails and lightbox. Play button overlay, video modal popup, customer name and title, and thumbnail grid layout. Read integration guide

Sense theme Free How to add Reviews Wall to Sense Theme Pinterest-style masonry layout with social media look. Mixed review sizes, source icons (verified, Instagram, etc.), and dynamic flowing layout. Read integration guide

Sense theme Free How to add Testimonials Grid to Sense Theme Static grid layout for testimonials with hover effects. Customizable columns (2-4), star ratings, customer info, and subtle lift animation on hover. Read integration guide

Sense theme Free How to add Testimonials Carousel to Sense Theme Customer reviews carousel with star ratings, customer photos, and smooth slide transitions. Navigation arrows, dot indicators, autoplay option, and touch swipe support. Read integration guide

Sense theme Free How to add Product Ingredients to Sense Theme Product ingredients section with ingredient cards showing name, description, and optional image. Perfect for skincare, supplements, or food products. Read integration guide

Sense theme Free How to add Product Bundle to Sense Theme Display product bundle or kit with included items. Bundle image, list of included products, savings badge, total value display, and add bundle to cart CTA. Read integration guide

Sense theme Free How to add Product Specifications to Sense Theme Product with detailed specifications table. Alternating row colors, specification labels and values, product image, and organized technical details. Read integration guide

Sense theme Free How to add Product Gallery to Sense Theme Product with image gallery and thumbnails. Main image display with thumbnail navigation, zoom on hover, and product info section with price and CTA. Read integration guide

Sense theme Free How to add Product Features to Sense Theme Product display with feature highlights in a two-column layout. Large product image on one side, feature list with icons on the other, and CTA button. Read integration guide

Sense theme Free How to add Features Numbered to Sense Theme Numbered features/steps with descriptions in a timeline style. Circular number badges, connecting lines between steps, and optional feature bullet points per step. Read integration guide

Sense theme Free How to add Features Cards to Sense Theme Feature cards with images in a grid layout. Image at top, title, description, and optional link. Customizable columns, hover animations, and rounded corners. Read integration guide

Sense theme Free How to add Features Icons Grid to Sense Theme Features displayed with icons in a responsive grid. SVG icon support, customizable columns (2-4), hover effects, and centered icon with title and description layout. Read integration guide

Sense theme Free How to add FAQ Side Navigation to Sense Theme FAQ with left sidebar navigation for categories. Sticky sidebar with category links, smooth scroll to sections, and active state highlighting on scroll. Read integration guide

Sense theme Free How to add FAQ Searchable to Sense Theme FAQ with search functionality and instant filtering. Search box with icon, real-time filtering as user types, highlight matching questions, and no results message. Read integration guide

Sense theme Free How to add FAQ Two Column to Sense Theme FAQ displayed in two columns for wider layouts. Questions split across columns, accordion functionality, and responsive single column on mobile devices. Read integration guide

Sense theme Free How to add FAQ Tabs to Sense Theme Categorized FAQ with tab navigation. Organize questions by category with clickable tabs, accordion items within each tab, and smooth tab switching animations. Read integration guide

Sense theme Free How to add FAQ Accordion to Sense Theme Expandable/collapsible FAQ items with smooth animations. Classic accordion style with plus/minus icons, hover effects, and customizable question/answer backgrounds. Read integration guide

Sense theme Free How to add Countdown Product Launch to Sense Theme Product launch countdown with product preview image. Features header section, product display, countdown timer, and notify/pre-order button for upcoming releases. Read integration guide

Sense theme Free How to add Countdown Minimal to Sense Theme Minimal inline countdown timer with text alongside. Clean horizontal layout perfect for subtle urgency messaging without overwhelming the page design. Read integration guide

Sense theme Free How to add Countdown Boxed to Sense Theme Boxed style countdown with side content layout. Card-based design with border, image support, feature list, and countdown timer in an elegant contained format. Read integration guide

Sense theme Free How to add Countdown Hero to Sense Theme Full width hero section with background image, overlay, and countdown timer. Features customizable minimum height, overlay opacity, and prominent countdown display. Read integration guide

Sense theme Free How to add Countdown Banner to Sense Theme Simple banner style countdown timer with label badge, heading, description, and CTA button. Clean centered layout with customizable time boxes and accent colors. Read integration guide

Sense theme Free How to add Product Comparison Table to Sense Theme Compare multiple products side by side with features table. Product images, prices, feature rows with check/X icons, highlighted recommended product, and mobile-responsive with sticky first column. Read integration guide

Sense theme Free How to add Dual Flow Comparison to Sense Theme Compare two processes or paths side by side with step-by-step flow. Headers with images, numbered steps, and highlighted final result. Perfect for Old Way vs New Way comparisons. Read integration guide

Sense theme Free How to add Competitor Comparison to Sense Theme Visual brand vs competitors side by side with VS badge. Compare your product against competitors with feature rows, brand highlighting, and winner indicators. Read integration guide

Sense theme Free How to add Before After Table to Sense Theme Show transformation results in a clean table format with before and after columns. Colored headers, alternating rows, and perfect for showcasing improvements or changes. Read integration guide

Sense theme Free How to add Feature Comparison to Sense Theme Simple visual two-column comparison with checkmark and X icons. Perfect for showing included vs not included features, pros vs cons, or your product vs alternatives. Read integration guide

Sense theme Free How to add Pricing Table to Sense Theme Clean pricing cards with monthly/yearly toggle, featured plan highlighting, feature lists with checkmarks, and CTA buttons. Supports 2-4 pricing tiers with customizable colors. Read integration guide

Sense theme Free How to add Hero 9 Banner to Sense Theme Hero section with dual animated image columns (left and right scrolling) alongside heading, text, and CTA button. Features reversible layout position and customizable typography and button styling. Read integration guide

Sense theme Free How to add Image Templates Banner to Sense Theme Two-column layout with scrolling image gallery and pricing box. Features animated vertical image columns, trusted brands badge, benefits list with icons, deal countdown styling, and logo strip section. Read integration guide

Sense theme Free How to add Rotating Carousel Banner to Sense Theme Interactive carousel with JavaScript controls, Ken Burns zoom effect, progress bar, dot indicators, navigation arrows, and touch support. Features autoplay, glass/solid/outline buttons, and smooth slide transitions. Read integration guide

Sense theme Free How to add Split Content Banner to Sense Theme Two-column layout with image and text, smooth animations, and hover effects. Features customizable split ratios (50/50, 40/60, 60/40, 30/70, 70/30), optional badge, accent line, and reversible layout. Read integration guide

Sense theme Free How to add Hero Banner to Sense Theme Premium full-width hero with animated shape dividers (wave, curve, tilt, blob, triangle, zigzag), gradient overlays, and advanced background effects (particles, gradient shift, shimmer, pulse). The ultimate hero section. Read integration guide

Sense theme Free How to add Minimal Text Banner to Sense Theme Clean typography-focused banner with elegant fade-up animations and optional background effects (pulse, float, shimmer). Features glass/solid/outline button options and subtle animated backgrounds for a refined look. Read integration guide

Sense theme Free How to add Gradient Overlay Banner to Sense Theme Visually striking banner with customizable gradient overlays (bottom, full, radial, left, right), content animations, flexible positioning, and glass/solid/outline button styles. Features hover zoom effect on background image. Read integration guide

Sense theme Free How to add 3D Flip Rotator to Sense Theme Stunning 3D flip animations with typewriter effect and progress indicator. Rotates through multiple messages with smooth 3D perspective transforms and customizable timing. Read integration guide

Sense theme Free How to add Stock Ticker Pro to Sense Theme Stock market style ticker with trend indicators, animated numbers, and flash alerts. Monospace font styling, fixed label section, and smooth scrolling for a professional trading floor look. Read integration guide

Sense theme Free How to add Urgency Split Bar to Sense Theme Real countdown timer with animated urgency border and confetti effects. Split layout with highlighted section, pulse ring animation, and countdown functionality for flash sales. Read integration guide

Sense theme Free How to add Neon Glow Marquee to Sense Theme Eye-catching neon effects with glitch animation and rainbow text options. Features smooth scrolling, direction control, pause on hover, and customizable glow intensity. Read integration guide

Sense theme Free How to add Gradient Marquee to Sense Theme Scrolling marquee with animated gradient backgrounds (sunset, ocean, purple, fire, forest, midnight). Features glow effects, customizable scroll speed, direction control, and pause on hover. Read integration guide

Sense theme Free How to add After Before Slider to Sense Theme Interactive before/after image comparison slider with draggable handle. Features rounded corners, shadow effects, customizable gap between columns, and responsive design with configurable padding. Read integration guide

Sense theme Free How to add Image With Text Premium to Sense Theme Luxury-style image with text section featuring multi-image collage layout, Poppins typography, background image support, and four feature text blocks. Perfect for premium brand storytelling. Read integration guide

Sense theme Free How to add Image Text Zigzag to Sense Theme Alternating image-text blocks in a zigzag pattern for storytelling. Includes optional step numbers, individual CTA buttons per block, and elegant flowing layout perfect for How It Works or process explanations. Read integration guide

Sense theme Free How to add Image Text Cards to Sense Theme Multi-card grid layout showcasing image-text combinations in 2-4 column layouts. Features hover animations, customizable image ratios (square/landscape/portrait), and animated link arrows for engaging storytelling. Read integration guide

Sense theme Free How to add Image Text Overlay to Sense Theme Full-width hero section with background image and text overlay. Includes customizable overlay color and opacity, flexible content positioning (left/center/right), dual CTA buttons, and responsive mobile optimization. Read integration guide

Sense theme Free How to add Image Text Split to Sense Theme Classic 50/50 split layout with image on one side and text content on the other. Features reversible image position, feature list with checkmarks, customizable CTA button, and smooth responsive behavior. Read integration guide

Sense theme Free How to add Stacked Promotion Banner to Sense Theme Stacked Promotion with quantity break discount Read integration guide

Sense theme Free How to add Back to Top to Sense Theme Enhance your store’s browsing experience with a simple “Back to Top” button. Smooth, user-friendly navigation helps customers explore your site with ease. Read integration guide

Sense theme Free How to add Designed with an Edge to Sense Theme Add a modern sloped design to your store for a bold and dynamic layout. Perfect for separating sections, drawing attention to products, or giving your pages a stylish flow. Read integration guide

Sense theme Free How to add Follow the Feed to Sense Theme Stay connected with our latest looks, trends, and community highlights—straight from Instagram. Click, explore, and shop your favorite styles directly from the feed. Read integration guide

Sense theme Free How to add Frequently Asked Questions to Sense Theme Find quick answers to the most common questions about our products, shipping, returns, and more. We’ve made it easy for you to get the information you need—right at your fingertips. Read integration guide

Sense theme Free How to add Explore Our Gallery to Sense Theme Showcase your products, brand moments, and customer favorites in a stylish grid layout. Our gallery brings your store to life with visuals that inspire and engage shoppers. Read integration guide

Sense theme Free How to add From Our Blog to Sense Theme Stay updated with the latest tips, trends, and stories from our team. Explore helpful guides, product highlights, and inspiration to make the most of your shopping experience. Read integration guide

Sense theme Free How to add Smooth & Modern Design to Sense Theme Add a stylish wave effect to your store layout. The Wave Section creates natural flow between sections, giving your storefront a clean, modern, and engaging look that keeps customers scrolling. Read integration guide

Sense theme Free How to add Discover the Difference to Sense Theme Bring your store to life with our Parallax Banner. Eye-catching visuals and smooth scrolling effects create an immersive shopping experience while showcasing your brand in style. Read integration guide

Sense theme Free How to add Follow Us on Instagram to Sense Theme Stay inspired and never miss a moment! Explore our latest styles, behind-the-scenes looks, and customer favorites straight from our Instagram feed. Click, shop, and join our community today. Read integration guide

Refresh theme Free How to add Team Grid 1 to Refresh Theme The people behind the shop: a heading, a few lines that turn "we" into faces, then the team in a grid with a round photo, a first name, a role and one line each. Three or four per row, the last row centred. Read integration guide

Refresh theme Free How to add Results Timeline 1 to Refresh Theme Milestones down a centre line: a big time label, a title, a few lines, a customer quote in a card and a photo on the other side, alternating. For "what to expect and when" on a product page. Read integration guide

Refresh theme Free How to add Blog Posts 1 to Refresh Theme The latest posts of a blog as cards: photo, date, title, an excerpt and a read-more link, two to four per row. On an article page it leaves the current post out, so it reads as "read next". Read integration guide

Refresh theme Free How to add Newsletter Band 1 to Refresh Theme A sign-up band with an offer: a heading, three perks with a tick, the email field and the button, a photo beside it if you like. Subscribers get the newsletter tag; the thank-you shows in place. Read integration guide

Refresh theme Free How to add Review Cards 1 to Refresh Theme Customer reviews on a coloured band: a star rating in a pill, a heading and a row of cards that scrolls, each with the review, a verified mark, an initial or photo, the name and stars. Arrows on computers, a swipe on phones, and wavy edges if you want them. Read integration guide

Refresh theme Free How to add Benefits Panel 1 to Refresh Theme A rounded panel in your brand colour: the argument and a button on one side, and on a white card every benefit as an icon and a short label, reading down one or two columns. Read integration guide

Refresh theme Free How to add Benefit Cards 1 to Refresh Theme A heading over cards that each make one case: a photo set in from the card's edge, two short tags, a title and a sentence. Side by side on computers; a swipe row or a stack on phones. Read integration guide

Refresh theme Free How to add Comparison Table 1 to Refresh Theme Your product against the alternatives in a real table: a tinted or framed column with a tick on every row, crosses or words for the others, an optional third column and a button underneath. {title} in the words becomes the product's title. Read integration guide

Refresh theme Free How to add Stat Rings 1 to Refresh Theme A photo beside a heading and up to six figures, each a ring filled to its percentage with the number inside and a line of text. The rings fill as they scroll into view, and a note says where the figures come from. Read integration guide

Refresh theme Free How to add Reviews Summary 1 to Refresh Theme A reviews page in one section: the average and how many reviews it rests on, a bar for each star, a button to write one, then the reviews in a masonry wall with a sort menu and a Load more button. The summary is worked out from the reviews added here, or typed in when the real numbers live in another app. Read integration guide

Refresh theme Free How to add Photo Reviews 1 to Refresh Theme Customer reviews that lead with the photo: the piece being worn, then the stars, a title, the words and who wrote them with a verified mark. A rating line sits over the heading, the cards form a grid of two to four, and on phones they become a swipe row. Read integration guide

Refresh theme Free How to add Product Callouts 1 to Refresh Theme One photo in the middle and the reasons to buy set around it, half on each side, each with an icon from the shared set or your own, a title and a line of text. On a product page the photo can be the product's own until you pick another, and on phones the callouts fall into a tidy grid under the picture. Read integration guide

Refresh theme Free How to add FAQ Split 1 to Refresh Theme The heading, a word of reassurance, an optional photo and a contact link on one side; the questions on the other, opening one at a time with no script. The side column stays in view while the answers scroll, and every question is published as FAQ structured data for search engines. Read integration guide

Refresh theme Free How to add Guarantee Band 1 to Refresh Theme A guarantee told between two photos: a heading, a short promise and a button in the middle, a row of reassurances underneath, and a picture on each side, staggered for a little movement. On phones the photos sit side by side above the words, or step aside altogether. Read integration guide

Refresh theme Free How to add Shoppable Stories to Refresh Theme Short videos that sell, as story bubbles or vertical reels. Previews play silently while on screen; a tap opens a full-screen player with progress bars, sound, and a swipe from one video to the next, and beside each video (over it on phones) sit the products it shows — options, price and an add to cart that never leaves the video. On a product page the stories can sit right inside the product details: under or above the buy buttons, under the title or under the description, and a video left without products sells the product of the page. No external libraries. Read integration guide

Refresh theme Free How to add Island Header to Refresh Theme A floating, rounded header that sits on the page like an island: the menu on one side, your logo in the middle (or first, with the space beside it yours to set), search, account and cart on the other. A pill glides between menu items and rests on the page being viewed; drop-downs open as a card sized to their links, as wide as the island or across the whole screen, show each collection's picture in front of its link (square, rounded or round, as you set), group three-level menus and hold stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like: above the name on computers, beside it on phones. The phone menu can show the same pictures, opens each sub-menu on the item's name, on "All" in the shopper's language or on words of your own, and places pictures, short texts and your own code above or below the links of the item they belong to; a Custom code block also takes CSS to restyle anything in the header. Search opens a panel with quick links, then live results as product cards with photo and price. Shoppers sign in through Shopify's own account button — with Shop, Google, Facebook or a code by email, without leaving the page — and choose their country (and so their currency) and language in a compact panel with a search box for long lists, or in two rows at the foot of the phone menu. The cart, with your own icon if you like, opens a drawer of its own — quantities, discounts, subscriptions, a free-shipping progress bar and checkout — that keeps working with your theme's header switched off and can open by itself after an add to cart. It can float see-through over your first section and turn solid once past it, stays pinned as the page scrolls (slimmer, or hiding on the way down), and works out every quiet tone from your colours with contrast checked. Read integration guide

Refresh theme Free How to add Mega Search Header to Refresh Theme A header built around search, for large catalogues: a wide search bar with a product-type picker and live suggestions (matching searches first, then products with photo and price), and a menu row whose items open panels across the full width, as wide as the page, or as a card sized to their links — headed columns for three-level menus, each collection's picture in front of its link (square, rounded or round, as you set), a "Shop all" link, and stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like. A deal link shines in your accent colour, and the cart can wear your own icon. Shoppers sign in through Shopify's own account button and choose their country (and so their currency) and language in a compact panel with a search box for long lists. It stays on top as the page scrolls (slimmer, hidden on the way down, or down to the menu row alone), keeps the cart count right after any add to cart, and becomes a side-sheet menu on phones with its own search row, the same pictures and labels, short texts and your own code above or below each item's links, and the first link of each sub-menu worded as you like. Every in-between tone is computed from your colours and checked for contrast. Read integration guide

Refresh theme Free How to add Coverflow 2 to Refresh Theme A gallery wall: each photograph sits in a mat and a frame, hung in a row that recedes to either side of the one in front. Navigation is a brass plaque with the piece number and a row of tick marks, the way a wall label works. Hangs flat by default, and leans as far as you want it to. Read integration guide

Refresh theme Free How to add Coverflow 1 to Refresh Theme A leaning deck of cards: one in front, its neighbours fanned out behind and shrinking with distance. Each card carries a signed offset from the centre as a CSS custom property and one transform rule reads it, so moving the deck rewrites numbers rather than markup. Clicking a card behind brings it forward. Read integration guide

Refresh theme Free How to add Slideshow 4 to Refresh Theme A product slideshow where each slide brings its own colours: a coloured ground, a soft halo, and a cut-out product floating on top with the words beside it. The navigation borrows the active slide's colours, so a dot never disappears on a dark slide. With autoplay on, the active dot fills a progress ring as the timer runs. Read integration guide

Refresh theme Free How to add Slideshow 3 to Refresh Theme A slideshow whose words sit on a frosted glass card, navigated by thumbnails on a matching frosted plate. One tint drives the card, the plate and the veil, so recolouring cannot pull the three apart. A slide can carry a silent looping video instead of a photo, started only when motion is welcome. Read integration guide

Refresh theme Free How to add Slideshow 2 to Refresh Theme An editorial slideshow: a rotated category label down the edge, a slide counter, and an optional product card pinned to the corner. Pick a product and the card fills itself in, or override any field by hand. Each slide declares whether its photo is light or dark, which moves the text colour and the veil together. Read integration guide

Refresh theme Free How to add Slideshow 1 to Refresh Theme A full-bleed slideshow: one photo per slide with its own words and up to two buttons. Matching the first photo's proportions is worked out server-side, so the stage holds its space before anything loads. A banner mode keeps the first slide's words still while only the photos rotate, and nothing is deleted when you switch it back. Read integration guide

Refresh theme Free How to add Countdown Drop 1 to Refresh Theme A holographic banner for a launch or a restock, running either as a countdown to a scheduled drop or as a pulsing live badge for one already open. The drop name is rendered as a holographic wordmark with a plain-colour fallback, so it is never invisible on an older browser. Read integration guide

Refresh theme Free How to add Countdown Sale 5 to Refresh Theme A seasonal sale band with an illustration beside the wording: pick Easter, Mother's Day, Summer, Launch day or Lunar New Year and the artwork changes while everything else stays put. Every season is drawn inline in the band's own two colours, so switching costs no extra request and can never clash. Ships with five ready-made presets. Read integration guide

Refresh theme Free How to add Countdown Sale 4 to Refresh Theme A seasonal sale band flanked by two large emblems, from a sun and a parasol to a pumpkin and a bat. The emblems are inline SVG in the band's own highlight colour, fade back on tablets, and step aside entirely on phones where the wording needs the room. Read integration guide

Refresh theme Free How to add Countdown Sale 3 to Refresh Theme A Valentine's countdown band with hearts rising slowly behind the wording. The hearts are CSS shapes rather than an image, so they cost no request and take their colour from the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Refresh theme Free How to add Countdown Sale 2 to Refresh Theme A New Year countdown band with confetti drifting behind the wording. The confetti is drawn in CSS from a handful of shapes rather than an image, so it costs no request and recolours with the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Refresh theme Free How to add Countdown Sale 1 to Refresh Theme A festive promotional band: heading, live countdown, offer line, button and a tap-to-copy discount code, over your own photo or a warm built-in gradient. The days column hides itself on the final day, so the clock reads hours, minutes and seconds instead of a permanent zero. Read integration guide

Refresh theme Free How to add Countdown Media 1 to Refresh Theme A photograph or video beside an offer panel, with the clock drawn as a torn ticket. The ticket's notches are painted in the colour that sits behind the card, so they read as punched holes rather than grey circles. A YouTube or Vimeo video is not embedded until a shopper actually presses play. Read integration guide

Refresh theme Free How to add Countdown Split 1 to Refresh Theme A coloured panel of words and a clock beside a full-height photograph. The panel side can be swapped, and on phones the photo moves above the panel so the wording is never squeezed into a narrow column. Three clock styles, from tiles to plain numbers. Read integration guide

Refresh theme Free How to add Countdown Hero 2 to Refresh Theme A full-bleed hero with the offer, a live clock and a button set over one or more photographs. Add a second photo and it becomes a slideshow; with one it draws no navigation and loads no slideshow code. Heights are measured against the screen a phone actually shows, so the hero is never taller than the visible area. Read integration guide

Refresh theme Free How to add Countdown Bar 1 to Refresh Theme A slim bar that rotates through several promotions, each able to carry its own live clock, tap-to-copy discount code and button. A promotion whose date has passed is dropped server-side, so an expired offer is never in the page at all. Closing the bar is remembered for the visit and scoped to the campaign, so changing a date brings it back. Read integration guide

Refresh theme Free How to add Marquee 4 to Refresh Theme A scrolling band that can carry words, images, buttons and a live countdown together. The digits use tabular figures and the days field reserves the width it needs at render time, so a tick can never change the set width and jog the loop. The clock is worked out server-side first, so the numbers are right at first paint. Read integration guide

Refresh theme Free How to add Marquee 3 to Refresh Theme A sale marquee with depth: a faint oversized ghost of the same words drifts behind at half speed, and the emblems bob gently in place. Words alternate filled and hollow, which is what gives the band its rhythm without needing a second colour. An emblem set to turn keeps turning, because spin and bob both animate the same property. Read integration guide

Refresh theme Free How to add Marquee 2 to Refresh Theme A holographic drop band for launches and restocks. One glow palette retunes the background, the words and the emblems together, with a Custom option for your own colours. A slow band of light drifts across behind the words, and stops for anyone who asks for reduced motion. Read integration guide

Refresh theme Free How to add Marquee 1 to Refresh Theme A large scrolling band of words and emblems, in one row or two running opposite ways. Twelve emblems are drawn inline as SVG in filled and outlined weights, and words can be filled or hollow. The loop is pure CSS, so nothing has to be measured at runtime. Read integration guide

Refresh theme Free How to add Utility Bar 1 to Refresh Theme A three-zone top rail: quick links on the left, a scrolling message in the middle, and country, language and social links on the right. Only the middle moves, so the links and the country picker stay clickable. The softer divider tone is worked out from your text colour and measured against the background, so recolouring the bar cannot quietly drop it below a readable contrast. Read integration guide

Refresh theme Free How to add Announcement Bar 5 to Refresh Theme A holographic strip for launches and restocks. Picking a glow palette retunes the background, the text and the highlight together, so the strip can never be left half-recoloured, and a Custom palette hands the three colours back. The sheen and the loop are both CSS, and both hold still under reduced motion. Read integration guide

Refresh theme Free How to add Announcement Bar 4 to Refresh Theme A marquee bar with two pinned ends: a fixed label on the left and a fixed button on the right, with the messages scrolling between them. Only the middle moves, so the offer name and the call to action stay readable and clickable. On phones the button can shrink to an arrow to leave the messages room. Read integration guide

Refresh theme Free How to add Announcement Bar 3 to Refresh Theme Each message carries its own icon, so the bar reads as a row of store promises rather than one long sentence. Eighteen icons are drawn inline as SVG, with emoji and uploaded images as alternatives, so nothing can 404 when the theme changes. Read integration guide

Refresh theme Free How to add Announcement Bar 2 to Refresh Theme A wide-tracked statement bar. The messages are plain text on purpose, which is what lets the whole bar safely become one link: a message that could contain a link of its own would put an anchor inside an anchor, and browsers quietly tear that apart. Letter spacing is what gives the bar its look. Read integration guide

Refresh theme Free How to add Announcement Bar 1 to Refresh Theme A slim promotional bar whose messages loop across the top of the page. The loop is pure CSS: the message set is rendered twice and the track slides exactly half its width, so it repeats with no seam and no JavaScript at all. With a single message the bar simply stays still and centred, instead of sliding away and leaving a blank strip. Read integration guide

Refresh theme Free How to add Hero Slider 1 to Refresh Theme A row of hero panels a shopper swipes through, with a band of promises welded to the bottom. Each panel is either a photograph with the words over it, or a product on a colour of your choosing under a big faded word — and a showcase panel measures its own background, so a pale panel flips the text to dark rather than losing it. Read integration guide

Refresh theme Free How to add Hero Review 2 to Refresh Theme The same proof as Hero Review 1, gathered into one frosted panel instead of set loose in the column — which is what lets it hold up over a bright or busy photograph. Where a browser cannot frost, the panel falls back to its solid tint so the words stay readable either way. Read integration guide

Refresh theme Free How to add Hero Review 1 to Refresh Theme A hero whose proof sits in the flow: the heading, then the stars, then one real customer quote, all in the same column. Nothing is invented — the stars, the score and the count are all typed by you, and every one of them is off until you turn it on. Read integration guide

Refresh theme Free How to add Hero Stats 1 to Refresh Theme A headline beside a set of figure cards that count up as they scroll into view. The count reads the number you typed and rebuilds it — prefix, suffix and decimals included — so a figure like £1.2m+ animates and still lands on exactly what you wrote. Anything with no number in it is left alone. Read integration guide

Refresh theme Free How to add Hero Split 3 to Refresh Theme A text panel beside a photograph, with a tag above the heading, a caption bar across the bottom of the photo and a row of short facts under the buttons. Built for a product launch page where the detail matters as much as the headline. Read integration guide

Refresh theme Free How to add Hero Split 2 to Refresh Theme A deep colour panel beside a photograph, with badges above the heading and a short list of reassurances under it. Every colour that carries text is measured against the panel it actually lands on, so a pale panel does not swallow the words. An optional small photo tucks over the corner on a computer. Read integration guide

Refresh theme Free How to add Hero Split 1 to Refresh Theme A colour panel beside a photograph, with a highlighted word in the heading that can cycle through several, and a band of promises scrolling along the bottom. The highlighter can hold one width sized to the longest word, so the line does not shift sideways every time the word changes. Read integration guide

Refresh theme Free How to add Hero Grid 1 to Refresh Theme One large card next to a column of smaller promo tiles. The big card takes a photo as a full background or as a cut-out bleeding off the corner; each tile takes its own photo or a colour blend. Wherever words sit over a photo, their colour is measured against what is genuinely behind them. Read integration guide

Refresh theme Free How to add Hero Image 3 to Refresh Theme A photo, a looping video or a colour behind a badge, a heading, a row of benefit pills and the buttons. The video only downloads once the hero is on screen, pauses when it leaves, and is never fetched at all for anyone who has asked for reduced motion — the still frame carries the hero instead. Read integration guide

Refresh theme Free How to add Hero Image 2 to Refresh Theme A photo, a gradient or a colour behind a heading whose middle word cycles. The rotation is a plain vertical scroll of words the page already holds, so with no script — or for anyone whose device asks for reduced motion — the first word simply stays and the sentence still reads. Read integration guide

Refresh theme Free How to add Hero Image 1 to Refresh Theme One photograph, edge to edge, with the words set over it. A separate photo can be uploaded for phones, which matters more than it sounds: a wide shot cropped to a phone loses about two thirds of its width, and usually the subject with it. Heights are measured against the visible screen, so the hero is never taller than what a shopper can actually see. Read integration guide

Refresh theme Free How to add Product Tiles 1 to Refresh Theme Three tall tiles, each carrying one product under a big display word. The photo flips on hover when a second one is set, and the caption trades places with the buy button. On a phone the caption can sit on the photo or under it, and the text is contrast-checked for whichever you choose. Read integration guide

Refresh theme Free How to add Product Banner 2 to Refresh Theme The restrained treatment of the same shape: a light banner, one button per card, no glow, and the arrows on the banner itself rather than in a strip under the row. A lit seam is drawn where the cards meet the banner, so the overlap reads as placed rather than cropped. Read integration guide

Refresh theme Free How to add Product Banner 1 to Refresh Theme A wide banner with the message on it and the product cards tucked up over its bottom edge, so the two read as one object rather than two stacked blocks. Two buttons per card — one to buy, one to read more — and a coloured glow behind the banner photo. Read integration guide

Refresh theme Free How to add Product Slider 11 to Refresh Theme A big heading over a band of tall product tiles, each with a small info plate under the photo. Badges are read from real data — sold out, then a genuine reduction, then how recently the product was added. The arrows sit over the row or up in the heading, and can be shown on a computer without appearing on a phone. Read integration guide

Refresh theme Free How to add Product Slider 10 to Refresh Theme A quiet row of products under a heading and one button, with a progress line and a counter underneath. The arrows and the progress only appear when there is genuinely more to see, and the counter reads the real scroll position so it follows a swipe as well as the arrows. Read integration guide

Refresh theme Free How to add Product Slider 9 to Refresh Theme A swipe row where every card carries a size menu and a quantity menu, so a shopper can buy three of something in one go. Badges come from your own product tags, never from stock levels, and the photo follows whichever size is picked. Read integration guide

Refresh theme Free How to add Product Slider 8 to Refresh Theme A swipe row of framed product cards. A size row opens on the photo so a shopper can add without leaving the page, and the eye button opens a quick look with the options, a quantity and the buy buttons. Both ship as plain links and are upgraded by script, so nothing on the card is ever a control that does nothing. Read integration guide

Refresh theme Free How to add Product Slider 7 to Refresh Theme A large lifestyle tile on the left and a swipe row of products on the right, with tabs across the top so one section covers new in, dresses and knitwear. Size buttons on the card update the price and link straight to that size. Read integration guide

Refresh theme Free How to add Product Grid 6 to Refresh Theme A shelf that can be a grid or a swipe row, with optional tabs across the top. Every card carries a size menu and a quantity menu, so a shopper can buy two of something without adding it twice. Card height is decided once for the whole section, so switching tabs never makes the shelf jump. Read integration guide

Refresh theme Free How to add Product Grid 5 to Refresh Theme A compact buy grid built for bundles and repeat purchases: small photo, name, price and the buttons right there. On a phone the card turns sideways so more fits on screen. A product with more than one size links to its own page rather than guessing. Read integration guide

Refresh theme Free How to add Product Grid 4 to Refresh Theme A grid with an optional large lead tile beside it, and a line under the price that adapts to what you sell: colour dots and a size range for clothing, or spec chips read from tags. Saved items live in the shopper's own browser, so no account is needed. Read integration guide

Refresh theme Free How to add Collection Grid to Refresh Theme Replaces your theme's own product grid on a collection page: products, sorting and pagination, with the caption rows built from blocks you can reorder or remove. Every card in a row shares an identical height, photo bottom, name top and button top, because the vendor and rating rows are decided once for the whole grid rather than card by card. Read integration guide

Refresh theme Free How to add Product Story 1 to Refresh Theme One product per slide, told as an editorial spread: the lifestyle photo on the left, a card on the right carrying the packshot, the name, the price and the button. Swipes natively, with a progress line and a slide counter. No slider library and no webfont — every type option uses a face already on the shopper's device. Read integration guide

Refresh theme Free How to add Product Slider 6 to Refresh Theme The workhorse: one collection, a swipe row of product cards with badges read from real data, an optional saved-items heart, quick add, star ratings and colour dots. Flip one switch and the row becomes a stacked grid instead. Read integration guide

Refresh theme Free How to add Product Slider 5 to Refresh Theme Tabs over a swipe row where the size picker lives on the card itself, so a shopper can add without leaving the page. The photo and the price both follow the size that is picked, and the photo map is keyed by image so a thirty-variant product does not carry thirty entries. Read integration guide

Refresh theme Free How to add Product Slider 4 to Refresh Theme A rail of best sellers where the rank is earned, not decorative: the numbers only appear when the collection is genuinely sorted by best selling, and the theme editor tells you when it is not. Star ratings come from whatever review app you already run. Read integration guide

Refresh theme Free How to add Product Slider 3 to Refresh Theme Tabs under a centred heading, and inside each tab a coloured promo card sitting beside the products. Each tab gets its own message, its own colour and its own button, and the text on the card is coloured for contrast automatically. Read integration guide

Refresh theme Free How to add Product Slider 2 to Refresh Theme A column on the left holding the heading, the tabs and one button that follows whichever tab is open; the products swipe past on the right. The low-stock badge reads real inventory, so it can never invent scarcity. Read integration guide

Refresh theme Free How to add Product Slider 1 to Refresh Theme A swipeable rail of product cards with a quick-look panel carrying the photo, price, description, quantity and buy-now. Pulls a collection, or hand-picked products when no collection is set. No slider library — the rail is native scroll-snap. Read integration guide

Refresh theme Free How to add Product Grid 3 to Refresh Theme Tabs with an underline that travels, one product grid under each and a button per tab. A tab takes a collection or a hand-picked list. On phones the grid becomes a swipe row so a peek of the next product invites the scroll. Read integration guide

Refresh theme Free How to add Product Grid 2 to Refresh Theme A tall rotating showcase on the left and a tabbed product grid on the right, so one section covers new in, dresses and sale without stacking three. Quick look opens a panel; single-variant products add straight to the bag. Read integration guide

Refresh theme Free How to add Product Grid 1 to Refresh Theme A collection grid with an optional large lead tile beside it, a saved-items heart, quick add, star ratings from your review app, automatic Sale, New and Sold-out badges, and a colour or spec row under the price. The button label is measured for contrast against whatever colour you pick. Read integration guide

Refresh theme Free How to add Shop Collections 7 to Refresh Theme A rail of full-bleed collection cards with the copy laid over the photo, positioned in any of nine spots — set separately for desktop and phones. Optional autoplay, dots and arrows, each toggled per screen size. Read integration guide

Refresh theme Free How to add Shop Collections 6 to Refresh Theme An editorial rail of collection cards with a numbered index, a badge, a kicker, a title and a meta line over a graded photo. One grade across mismatched photography makes the set read as one. Optional autoplay with a real pause control. Read integration guide

Refresh theme Free How to add Shop Collections 1 to Refresh Theme A grid of collection tiles in one of three shapes: a caption under the photo, a caption on the photo, or text-only chips for a shop-by-brand row. Ships with a preset for each. No script at all. Read integration guide

Refresh theme Free How to add Shop Collections 4 to Refresh Theme A rail of photo cards with a button sitting on each one. Every colour that ends up as text — including the button's hover state — is measured against the surface it actually lands on. Arrows sit over the cards or in the header. Read integration guide

Refresh theme Free How to add Shop Collections 5 to Refresh Theme A rail of leaning category cards. The lean is a clip on the photo, so captions stay upright and legible; set it to zero for ordinary rectangles. Each card takes an optional hover photo and a lead word before its title. Read integration guide

Refresh theme Free How to add Shop Collections 2 to Refresh Theme A row of category pills that navigates a shop. The pill for the collection being viewed fills itself automatically; on any other page you can flag one to lead with. Optional real product counts, wrapping or swiping on phones. Read integration guide

Refresh theme Free How to add Shop Collections 3 to Refresh Theme A swipeable rail of category cards, each on its own colour with a photo plate underneath the copy. The text colour on every card is measured against that card's own colour, so any palette stays readable. Counter, arrows and a progress bar. Read integration guide

Refresh theme Free How to add Shop The Look 5 to Refresh Theme An editorial full-bleed shot with numbered pins and one card floating in a corner of it. The card follows whichever pin is open, and on phones it can drop below the photo instead of covering the look. Read integration guide

Refresh theme Free How to add Shop The Look 4 to Refresh Theme One wide shot with numbered pins and the full list laid out underneath. A pin scrolls its card into view and rings it, and hovering a card lights its pin, so the photo and the grid always read as the same list. Read integration guide

Refresh theme Free How to add Shop The Look 3 to Refresh Theme A swipeable rail of styled scenes, each with its own pins and captions. Every pin opens a small product card over the photo, and the badge counting the pieces in a scene is worked out from the pins themselves so it can never go stale. Read integration guide

Refresh theme Free How to add Shop The Look 2 to Refresh Theme A shoppable photo on one side and the sales copy on the other. Pins open a product card docked to the bottom of the photo, while the copy column is built from heading, text, checklist and button blocks you can reorder freely. Read integration guide

Refresh theme Free How to add Shop The Look 1 to Refresh Theme A styled photo with numbered pins and a product card beside it that follows whichever pin is open. Arrows, a counter and a thumbnail row all drive the same index, so the card, the pins and the thumbs can never disagree. Read integration guide

Refresh theme Free How to add Ingredient Tabs to Refresh Theme A tab bar that swaps both the picture and the copy: one panel per ingredient, material or step, each with its own credential line, reason and link. Full keyboard navigation. Read integration guide

Refresh theme Free How to add Media Proof to Refresh Theme A large claim beside a tall picture, backed by a credentials list and one real customer review with a half-step star rating you enter yourself. Read integration guide

Refresh theme Free How to add Media Tabs to Refresh Theme A picture beside an accordion of answers, with optional chips underneath for the offers that close a sale. Takes a separate mobile crop and a link on the image. Read integration guide

Refresh theme Free How to add Selling Points to Refresh Theme One picture or clip beside the argument for buying: a headline, a paragraph, a numbered checklist of reasons and two buttons. External video opens in a popup that loads nothing until it is clicked. Read integration guide

Refresh theme Free How to add Image Collage to Refresh Theme Copy and a checklist beside a grid of photos that rearranges itself around how many there are, from one to a full gallery. Every photo takes its own caption and link. Read integration guide

Refresh theme Free How to add Feature Rows to Refresh Theme A stack of alternating image-and-text rows under one header, numbered if you want. Each row carries its own link, image label and clickable image. Read integration guide

Refresh theme Free How to add Media Specs to Refresh Theme A picture beside the claims that close a sale: an optional star rating you enter yourself, then rows pairing what a product does with what it gets the customer. Read integration guide

Refresh theme Free How to add Editorial Story to Refresh Theme A magazine-style spread: a large heading with an italic accent beside one picture or clip. The image can link anywhere, and you choose its side on desktop and its position on mobile independently. Read integration guide

Refresh theme Free How to add Image Text Benefits to Refresh Theme A picture beside a short grid of reasons to buy — free delivery, returns, secure checkout — each with a picked icon or one you upload. The image can link anywhere, and you choose whether it sits above or below the text on mobile. Read integration guide

Refresh theme Free How to add Video Quick Shop to Refresh Theme Shoppable clips that sell without leaving the page: each card carries its product, its variants and an add-to-cart, and opens full size in a popup with the description. Supports uploaded video or YouTube and Vimeo. Read integration guide

Refresh theme Free How to add Shoppable Slider to Refresh Theme A headline beside a side-scrolling row of shoppable clips. Each video carries the product it shows, with its image, name and price in a card below, and the row keeps its card size however few clips are left. Read integration guide

Refresh theme Free How to add Social Posts to Refresh Theme Customer posts in an Instagram or Facebook style card — profile row on top, image or clip in the middle, likes, caption and hashtags below. Three per row by default. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type. Switch the frame setting to show vertical reels instead. Read integration guide

Refresh theme Free How to add Social Reels to Refresh Theme Customer clips shown in a social frame — feed post or vertical reel — with handle, caption, platform logo and sound line. Hashtags in the caption tint themselves. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type, so nothing on the page pretends to be live. Read integration guide

Refresh theme Free How to add Shoppable Reels to Refresh Theme A scrolling rail of vertical clips, each with a product card floating over it — price, sale price and badges all read from your catalogue. New and discount badges are calculated, never typed, in four styles and two positions. Clips play only as they scroll into view, hide individually, and the card text color adapts to stay readable on any card color. Read integration guide

Refresh theme Free How to add Shoppable Video to Refresh Theme A grid of short vertical videos, each tied to a product with its image, name, price and discount. Play automatically, on hover or on click; YouTube and Vimeo load only when clicked so several embeds never slow the page. Cards hide individually and the grid follows how many are shown. Read integration guide

Refresh theme Free How to add Collection Circles to Refresh Theme Circular category links in a row that scrolls or wraps, each framed by a gradient or solid ring. Pick a collection to make the whole circle clickable, or point it anywhere with a link. Captions fall back to the collection title, discs hide individually, and everything — ring style, sizes, colors, spacing — is set in the theme editor. Read integration guide

Refresh theme Free How to add Video Stories to Refresh Theme Instagram-style rail of tappable video bubbles that opens a full-screen player with progress bar, sound toggle, swipe navigation and a call-to-action per video. Places itself anywhere on the product page. No external libraries. Read integration guide

Refresh theme Free How to add Study Slider to Refresh Theme Card slider with heading, description, and navigation buttons. Features customizable card dimensions, gap spacing, stats section, and smooth slide transitions with arrow navigation. Read integration guide

Refresh theme Free How to add Testimonial Spotlight to Refresh Theme Large featured testimonial with side info panel. Prominent single review display, customer photo, detailed quote, company logo, and supporting statistics. Read integration guide

Refresh theme Free How to add Reviews Marquee to Refresh Theme Infinite scrolling ticker-style reviews with modern design. Continuous horizontal scroll, pause on hover, customizable speed, and clean card design. Read integration guide

Refresh theme Free How to add Video Testimonials to Refresh Theme Showcase customer video reviews with thumbnails and lightbox. Play button overlay, video modal popup, customer name and title, and thumbnail grid layout. Read integration guide

Refresh theme Free How to add Reviews Wall to Refresh Theme Pinterest-style masonry layout with social media look. Mixed review sizes, source icons (verified, Instagram, etc.), and dynamic flowing layout. Read integration guide

Refresh theme Free How to add Testimonials Grid to Refresh Theme Static grid layout for testimonials with hover effects. Customizable columns (2-4), star ratings, customer info, and subtle lift animation on hover. Read integration guide

Refresh theme Free How to add Testimonials Carousel to Refresh Theme Customer reviews carousel with star ratings, customer photos, and smooth slide transitions. Navigation arrows, dot indicators, autoplay option, and touch swipe support. Read integration guide

Refresh theme Free How to add Product Ingredients to Refresh Theme Product ingredients section with ingredient cards showing name, description, and optional image. Perfect for skincare, supplements, or food products. Read integration guide

Refresh theme Free How to add Product Bundle to Refresh Theme Display product bundle or kit with included items. Bundle image, list of included products, savings badge, total value display, and add bundle to cart CTA. Read integration guide

Refresh theme Free How to add Product Specifications to Refresh Theme Product with detailed specifications table. Alternating row colors, specification labels and values, product image, and organized technical details. Read integration guide

Refresh theme Free How to add Product Gallery to Refresh Theme Product with image gallery and thumbnails. Main image display with thumbnail navigation, zoom on hover, and product info section with price and CTA. Read integration guide

Refresh theme Free How to add Product Features to Refresh Theme Product display with feature highlights in a two-column layout. Large product image on one side, feature list with icons on the other, and CTA button. Read integration guide

Refresh theme Free How to add Features Numbered to Refresh Theme Numbered features/steps with descriptions in a timeline style. Circular number badges, connecting lines between steps, and optional feature bullet points per step. Read integration guide

Refresh theme Free How to add Features Cards to Refresh Theme Feature cards with images in a grid layout. Image at top, title, description, and optional link. Customizable columns, hover animations, and rounded corners. Read integration guide

Refresh theme Free How to add Features Icons Grid to Refresh Theme Features displayed with icons in a responsive grid. SVG icon support, customizable columns (2-4), hover effects, and centered icon with title and description layout. Read integration guide

Refresh theme Free How to add FAQ Side Navigation to Refresh Theme FAQ with left sidebar navigation for categories. Sticky sidebar with category links, smooth scroll to sections, and active state highlighting on scroll. Read integration guide

Refresh theme Free How to add FAQ Searchable to Refresh Theme FAQ with search functionality and instant filtering. Search box with icon, real-time filtering as user types, highlight matching questions, and no results message. Read integration guide

Refresh theme Free How to add FAQ Two Column to Refresh Theme FAQ displayed in two columns for wider layouts. Questions split across columns, accordion functionality, and responsive single column on mobile devices. Read integration guide

Refresh theme Free How to add FAQ Tabs to Refresh Theme Categorized FAQ with tab navigation. Organize questions by category with clickable tabs, accordion items within each tab, and smooth tab switching animations. Read integration guide

Refresh theme Free How to add FAQ Accordion to Refresh Theme Expandable/collapsible FAQ items with smooth animations. Classic accordion style with plus/minus icons, hover effects, and customizable question/answer backgrounds. Read integration guide

Refresh theme Free How to add Countdown Product Launch to Refresh Theme Product launch countdown with product preview image. Features header section, product display, countdown timer, and notify/pre-order button for upcoming releases. Read integration guide

Refresh theme Free How to add Countdown Minimal to Refresh Theme Minimal inline countdown timer with text alongside. Clean horizontal layout perfect for subtle urgency messaging without overwhelming the page design. Read integration guide

Refresh theme Free How to add Countdown Boxed to Refresh Theme Boxed style countdown with side content layout. Card-based design with border, image support, feature list, and countdown timer in an elegant contained format. Read integration guide

Refresh theme Free How to add Countdown Hero to Refresh Theme Full width hero section with background image, overlay, and countdown timer. Features customizable minimum height, overlay opacity, and prominent countdown display. Read integration guide

Refresh theme Free How to add Countdown Banner to Refresh Theme Simple banner style countdown timer with label badge, heading, description, and CTA button. Clean centered layout with customizable time boxes and accent colors. Read integration guide

Refresh theme Free How to add Product Comparison Table to Refresh Theme Compare multiple products side by side with features table. Product images, prices, feature rows with check/X icons, highlighted recommended product, and mobile-responsive with sticky first column. Read integration guide

Refresh theme Free How to add Dual Flow Comparison to Refresh Theme Compare two processes or paths side by side with step-by-step flow. Headers with images, numbered steps, and highlighted final result. Perfect for Old Way vs New Way comparisons. Read integration guide

Refresh theme Free How to add Competitor Comparison to Refresh Theme Visual brand vs competitors side by side with VS badge. Compare your product against competitors with feature rows, brand highlighting, and winner indicators. Read integration guide

Refresh theme Free How to add Before After Table to Refresh Theme Show transformation results in a clean table format with before and after columns. Colored headers, alternating rows, and perfect for showcasing improvements or changes. Read integration guide

Refresh theme Free How to add Feature Comparison to Refresh Theme Simple visual two-column comparison with checkmark and X icons. Perfect for showing included vs not included features, pros vs cons, or your product vs alternatives. Read integration guide

Refresh theme Free How to add Pricing Table to Refresh Theme Clean pricing cards with monthly/yearly toggle, featured plan highlighting, feature lists with checkmarks, and CTA buttons. Supports 2-4 pricing tiers with customizable colors. Read integration guide

Refresh theme Free How to add Hero 9 Banner to Refresh Theme Hero section with dual animated image columns (left and right scrolling) alongside heading, text, and CTA button. Features reversible layout position and customizable typography and button styling. Read integration guide

Refresh theme Free How to add Image Templates Banner to Refresh Theme Two-column layout with scrolling image gallery and pricing box. Features animated vertical image columns, trusted brands badge, benefits list with icons, deal countdown styling, and logo strip section. Read integration guide

Refresh theme Free How to add Rotating Carousel Banner to Refresh Theme Interactive carousel with JavaScript controls, Ken Burns zoom effect, progress bar, dot indicators, navigation arrows, and touch support. Features autoplay, glass/solid/outline buttons, and smooth slide transitions. Read integration guide

Refresh theme Free How to add Split Content Banner to Refresh Theme Two-column layout with image and text, smooth animations, and hover effects. Features customizable split ratios (50/50, 40/60, 60/40, 30/70, 70/30), optional badge, accent line, and reversible layout. Read integration guide

Refresh theme Free How to add Hero Banner to Refresh Theme Premium full-width hero with animated shape dividers (wave, curve, tilt, blob, triangle, zigzag), gradient overlays, and advanced background effects (particles, gradient shift, shimmer, pulse). The ultimate hero section. Read integration guide

Refresh theme Free How to add Minimal Text Banner to Refresh Theme Clean typography-focused banner with elegant fade-up animations and optional background effects (pulse, float, shimmer). Features glass/solid/outline button options and subtle animated backgrounds for a refined look. Read integration guide

Refresh theme Free How to add Gradient Overlay Banner to Refresh Theme Visually striking banner with customizable gradient overlays (bottom, full, radial, left, right), content animations, flexible positioning, and glass/solid/outline button styles. Features hover zoom effect on background image. Read integration guide

Refresh theme Free How to add 3D Flip Rotator to Refresh Theme Stunning 3D flip animations with typewriter effect and progress indicator. Rotates through multiple messages with smooth 3D perspective transforms and customizable timing. Read integration guide

Refresh theme Free How to add Stock Ticker Pro to Refresh Theme Stock market style ticker with trend indicators, animated numbers, and flash alerts. Monospace font styling, fixed label section, and smooth scrolling for a professional trading floor look. Read integration guide

Refresh theme Free How to add Urgency Split Bar to Refresh Theme Real countdown timer with animated urgency border and confetti effects. Split layout with highlighted section, pulse ring animation, and countdown functionality for flash sales. Read integration guide

Refresh theme Free How to add Neon Glow Marquee to Refresh Theme Eye-catching neon effects with glitch animation and rainbow text options. Features smooth scrolling, direction control, pause on hover, and customizable glow intensity. Read integration guide

Refresh theme Free How to add Gradient Marquee to Refresh Theme Scrolling marquee with animated gradient backgrounds (sunset, ocean, purple, fire, forest, midnight). Features glow effects, customizable scroll speed, direction control, and pause on hover. Read integration guide

Refresh theme Free How to add After Before Slider to Refresh Theme Interactive before/after image comparison slider with draggable handle. Features rounded corners, shadow effects, customizable gap between columns, and responsive design with configurable padding. Read integration guide

Refresh theme Free How to add Image With Text Premium to Refresh Theme Luxury-style image with text section featuring multi-image collage layout, Poppins typography, background image support, and four feature text blocks. Perfect for premium brand storytelling. Read integration guide

Refresh theme Free How to add Image Text Zigzag to Refresh Theme Alternating image-text blocks in a zigzag pattern for storytelling. Includes optional step numbers, individual CTA buttons per block, and elegant flowing layout perfect for How It Works or process explanations. Read integration guide

Refresh theme Free How to add Image Text Cards to Refresh Theme Multi-card grid layout showcasing image-text combinations in 2-4 column layouts. Features hover animations, customizable image ratios (square/landscape/portrait), and animated link arrows for engaging storytelling. Read integration guide

Refresh theme Free How to add Image Text Overlay to Refresh Theme Full-width hero section with background image and text overlay. Includes customizable overlay color and opacity, flexible content positioning (left/center/right), dual CTA buttons, and responsive mobile optimization. Read integration guide

Refresh theme Free How to add Image Text Split to Refresh Theme Classic 50/50 split layout with image on one side and text content on the other. Features reversible image position, feature list with checkmarks, customizable CTA button, and smooth responsive behavior. Read integration guide

Refresh theme Free How to add Stacked Promotion Banner to Refresh Theme Stacked Promotion with quantity break discount Read integration guide

Refresh theme Free How to add Back to Top to Refresh Theme Enhance your store’s browsing experience with a simple “Back to Top” button. Smooth, user-friendly navigation helps customers explore your site with ease. Read integration guide

Refresh theme Free How to add Designed with an Edge to Refresh Theme Add a modern sloped design to your store for a bold and dynamic layout. Perfect for separating sections, drawing attention to products, or giving your pages a stylish flow. Read integration guide

Refresh theme Free How to add Follow the Feed to Refresh Theme Stay connected with our latest looks, trends, and community highlights—straight from Instagram. Click, explore, and shop your favorite styles directly from the feed. Read integration guide

Refresh theme Free How to add Frequently Asked Questions to Refresh Theme Find quick answers to the most common questions about our products, shipping, returns, and more. We’ve made it easy for you to get the information you need—right at your fingertips. Read integration guide

Refresh theme Free How to add Explore Our Gallery to Refresh Theme Showcase your products, brand moments, and customer favorites in a stylish grid layout. Our gallery brings your store to life with visuals that inspire and engage shoppers. Read integration guide

Refresh theme Free How to add From Our Blog to Refresh Theme Stay updated with the latest tips, trends, and stories from our team. Explore helpful guides, product highlights, and inspiration to make the most of your shopping experience. Read integration guide

Refresh theme Free How to add Smooth & Modern Design to Refresh Theme Add a stylish wave effect to your store layout. The Wave Section creates natural flow between sections, giving your storefront a clean, modern, and engaging look that keeps customers scrolling. Read integration guide

Refresh theme Free How to add Discover the Difference to Refresh Theme Bring your store to life with our Parallax Banner. Eye-catching visuals and smooth scrolling effects create an immersive shopping experience while showcasing your brand in style. Read integration guide

Refresh theme Free How to add Follow Us on Instagram to Refresh Theme Stay inspired and never miss a moment! Explore our latest styles, behind-the-scenes looks, and customer favorites straight from our Instagram feed. Click, shop, and join our community today. Read integration guide

Craft theme Free How to add Team Grid 1 to Craft Theme The people behind the shop: a heading, a few lines that turn "we" into faces, then the team in a grid with a round photo, a first name, a role and one line each. Three or four per row, the last row centred. Read integration guide

Craft theme Free How to add Results Timeline 1 to Craft Theme Milestones down a centre line: a big time label, a title, a few lines, a customer quote in a card and a photo on the other side, alternating. For "what to expect and when" on a product page. Read integration guide

Craft theme Free How to add Blog Posts 1 to Craft Theme The latest posts of a blog as cards: photo, date, title, an excerpt and a read-more link, two to four per row. On an article page it leaves the current post out, so it reads as "read next". Read integration guide

Craft theme Free How to add Newsletter Band 1 to Craft Theme A sign-up band with an offer: a heading, three perks with a tick, the email field and the button, a photo beside it if you like. Subscribers get the newsletter tag; the thank-you shows in place. Read integration guide

Craft theme Free How to add Review Cards 1 to Craft Theme Customer reviews on a coloured band: a star rating in a pill, a heading and a row of cards that scrolls, each with the review, a verified mark, an initial or photo, the name and stars. Arrows on computers, a swipe on phones, and wavy edges if you want them. Read integration guide

Craft theme Free How to add Benefits Panel 1 to Craft Theme A rounded panel in your brand colour: the argument and a button on one side, and on a white card every benefit as an icon and a short label, reading down one or two columns. Read integration guide

Craft theme Free How to add Benefit Cards 1 to Craft Theme A heading over cards that each make one case: a photo set in from the card's edge, two short tags, a title and a sentence. Side by side on computers; a swipe row or a stack on phones. Read integration guide

Craft theme Free How to add Comparison Table 1 to Craft Theme Your product against the alternatives in a real table: a tinted or framed column with a tick on every row, crosses or words for the others, an optional third column and a button underneath. {title} in the words becomes the product's title. Read integration guide

Craft theme Free How to add Stat Rings 1 to Craft Theme A photo beside a heading and up to six figures, each a ring filled to its percentage with the number inside and a line of text. The rings fill as they scroll into view, and a note says where the figures come from. Read integration guide

Craft theme Free How to add Reviews Summary 1 to Craft Theme A reviews page in one section: the average and how many reviews it rests on, a bar for each star, a button to write one, then the reviews in a masonry wall with a sort menu and a Load more button. The summary is worked out from the reviews added here, or typed in when the real numbers live in another app. Read integration guide

Craft theme Free How to add Photo Reviews 1 to Craft Theme Customer reviews that lead with the photo: the piece being worn, then the stars, a title, the words and who wrote them with a verified mark. A rating line sits over the heading, the cards form a grid of two to four, and on phones they become a swipe row. Read integration guide

Craft theme Free How to add Product Callouts 1 to Craft Theme One photo in the middle and the reasons to buy set around it, half on each side, each with an icon from the shared set or your own, a title and a line of text. On a product page the photo can be the product's own until you pick another, and on phones the callouts fall into a tidy grid under the picture. Read integration guide

Craft theme Free How to add FAQ Split 1 to Craft Theme The heading, a word of reassurance, an optional photo and a contact link on one side; the questions on the other, opening one at a time with no script. The side column stays in view while the answers scroll, and every question is published as FAQ structured data for search engines. Read integration guide

Craft theme Free How to add Guarantee Band 1 to Craft Theme A guarantee told between two photos: a heading, a short promise and a button in the middle, a row of reassurances underneath, and a picture on each side, staggered for a little movement. On phones the photos sit side by side above the words, or step aside altogether. Read integration guide

Craft theme Free How to add Shoppable Stories to Craft Theme Short videos that sell, as story bubbles or vertical reels. Previews play silently while on screen; a tap opens a full-screen player with progress bars, sound, and a swipe from one video to the next, and beside each video (over it on phones) sit the products it shows — options, price and an add to cart that never leaves the video. On a product page the stories can sit right inside the product details: under or above the buy buttons, under the title or under the description, and a video left without products sells the product of the page. No external libraries. Read integration guide

Craft theme Free How to add Island Header to Craft Theme A floating, rounded header that sits on the page like an island: the menu on one side, your logo in the middle (or first, with the space beside it yours to set), search, account and cart on the other. A pill glides between menu items and rests on the page being viewed; drop-downs open as a card sized to their links, as wide as the island or across the whole screen, show each collection's picture in front of its link (square, rounded or round, as you set), group three-level menus and hold stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like: above the name on computers, beside it on phones. The phone menu can show the same pictures, opens each sub-menu on the item's name, on "All" in the shopper's language or on words of your own, and places pictures, short texts and your own code above or below the links of the item they belong to; a Custom code block also takes CSS to restyle anything in the header. Search opens a panel with quick links, then live results as product cards with photo and price. Shoppers sign in through Shopify's own account button — with Shop, Google, Facebook or a code by email, without leaving the page — and choose their country (and so their currency) and language in a compact panel with a search box for long lists, or in two rows at the foot of the phone menu. The cart, with your own icon if you like, opens a drawer of its own — quantities, discounts, subscriptions, a free-shipping progress bar and checkout — that keeps working with your theme's header switched off and can open by itself after an add to cart. It can float see-through over your first section and turn solid once past it, stays pinned as the page scrolls (slimmer, or hiding on the way down), and works out every quiet tone from your colours with contrast checked. Read integration guide

Craft theme Free How to add Mega Search Header to Craft Theme A header built around search, for large catalogues: a wide search bar with a product-type picker and live suggestions (matching searches first, then products with photo and price), and a menu row whose items open panels across the full width, as wide as the page, or as a card sized to their links — headed columns for three-level menus, each collection's picture in front of its link (square, rounded or round, as you set), a "Shop all" link, and stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like. A deal link shines in your accent colour, and the cart can wear your own icon. Shoppers sign in through Shopify's own account button and choose their country (and so their currency) and language in a compact panel with a search box for long lists. It stays on top as the page scrolls (slimmer, hidden on the way down, or down to the menu row alone), keeps the cart count right after any add to cart, and becomes a side-sheet menu on phones with its own search row, the same pictures and labels, short texts and your own code above or below each item's links, and the first link of each sub-menu worded as you like. Every in-between tone is computed from your colours and checked for contrast. Read integration guide

Craft theme Free How to add Coverflow 2 to Craft Theme A gallery wall: each photograph sits in a mat and a frame, hung in a row that recedes to either side of the one in front. Navigation is a brass plaque with the piece number and a row of tick marks, the way a wall label works. Hangs flat by default, and leans as far as you want it to. Read integration guide

Craft theme Free How to add Coverflow 1 to Craft Theme A leaning deck of cards: one in front, its neighbours fanned out behind and shrinking with distance. Each card carries a signed offset from the centre as a CSS custom property and one transform rule reads it, so moving the deck rewrites numbers rather than markup. Clicking a card behind brings it forward. Read integration guide

Craft theme Free How to add Slideshow 4 to Craft Theme A product slideshow where each slide brings its own colours: a coloured ground, a soft halo, and a cut-out product floating on top with the words beside it. The navigation borrows the active slide's colours, so a dot never disappears on a dark slide. With autoplay on, the active dot fills a progress ring as the timer runs. Read integration guide

Craft theme Free How to add Slideshow 3 to Craft Theme A slideshow whose words sit on a frosted glass card, navigated by thumbnails on a matching frosted plate. One tint drives the card, the plate and the veil, so recolouring cannot pull the three apart. A slide can carry a silent looping video instead of a photo, started only when motion is welcome. Read integration guide

Craft theme Free How to add Slideshow 2 to Craft Theme An editorial slideshow: a rotated category label down the edge, a slide counter, and an optional product card pinned to the corner. Pick a product and the card fills itself in, or override any field by hand. Each slide declares whether its photo is light or dark, which moves the text colour and the veil together. Read integration guide

Craft theme Free How to add Slideshow 1 to Craft Theme A full-bleed slideshow: one photo per slide with its own words and up to two buttons. Matching the first photo's proportions is worked out server-side, so the stage holds its space before anything loads. A banner mode keeps the first slide's words still while only the photos rotate, and nothing is deleted when you switch it back. Read integration guide

Craft theme Free How to add Countdown Drop 1 to Craft Theme A holographic banner for a launch or a restock, running either as a countdown to a scheduled drop or as a pulsing live badge for one already open. The drop name is rendered as a holographic wordmark with a plain-colour fallback, so it is never invisible on an older browser. Read integration guide

Craft theme Free How to add Countdown Sale 5 to Craft Theme A seasonal sale band with an illustration beside the wording: pick Easter, Mother's Day, Summer, Launch day or Lunar New Year and the artwork changes while everything else stays put. Every season is drawn inline in the band's own two colours, so switching costs no extra request and can never clash. Ships with five ready-made presets. Read integration guide

Craft theme Free How to add Countdown Sale 4 to Craft Theme A seasonal sale band flanked by two large emblems, from a sun and a parasol to a pumpkin and a bat. The emblems are inline SVG in the band's own highlight colour, fade back on tablets, and step aside entirely on phones where the wording needs the room. Read integration guide

Craft theme Free How to add Countdown Sale 3 to Craft Theme A Valentine's countdown band with hearts rising slowly behind the wording. The hearts are CSS shapes rather than an image, so they cost no request and take their colour from the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Craft theme Free How to add Countdown Sale 2 to Craft Theme A New Year countdown band with confetti drifting behind the wording. The confetti is drawn in CSS from a handful of shapes rather than an image, so it costs no request and recolours with the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Craft theme Free How to add Countdown Sale 1 to Craft Theme A festive promotional band: heading, live countdown, offer line, button and a tap-to-copy discount code, over your own photo or a warm built-in gradient. The days column hides itself on the final day, so the clock reads hours, minutes and seconds instead of a permanent zero. Read integration guide

Craft theme Free How to add Countdown Media 1 to Craft Theme A photograph or video beside an offer panel, with the clock drawn as a torn ticket. The ticket's notches are painted in the colour that sits behind the card, so they read as punched holes rather than grey circles. A YouTube or Vimeo video is not embedded until a shopper actually presses play. Read integration guide

Craft theme Free How to add Countdown Split 1 to Craft Theme A coloured panel of words and a clock beside a full-height photograph. The panel side can be swapped, and on phones the photo moves above the panel so the wording is never squeezed into a narrow column. Three clock styles, from tiles to plain numbers. Read integration guide

Craft theme Free How to add Countdown Hero 2 to Craft Theme A full-bleed hero with the offer, a live clock and a button set over one or more photographs. Add a second photo and it becomes a slideshow; with one it draws no navigation and loads no slideshow code. Heights are measured against the screen a phone actually shows, so the hero is never taller than the visible area. Read integration guide

Craft theme Free How to add Countdown Bar 1 to Craft Theme A slim bar that rotates through several promotions, each able to carry its own live clock, tap-to-copy discount code and button. A promotion whose date has passed is dropped server-side, so an expired offer is never in the page at all. Closing the bar is remembered for the visit and scoped to the campaign, so changing a date brings it back. Read integration guide

Craft theme Free How to add Marquee 4 to Craft Theme A scrolling band that can carry words, images, buttons and a live countdown together. The digits use tabular figures and the days field reserves the width it needs at render time, so a tick can never change the set width and jog the loop. The clock is worked out server-side first, so the numbers are right at first paint. Read integration guide

Craft theme Free How to add Marquee 3 to Craft Theme A sale marquee with depth: a faint oversized ghost of the same words drifts behind at half speed, and the emblems bob gently in place. Words alternate filled and hollow, which is what gives the band its rhythm without needing a second colour. An emblem set to turn keeps turning, because spin and bob both animate the same property. Read integration guide

Craft theme Free How to add Marquee 2 to Craft Theme A holographic drop band for launches and restocks. One glow palette retunes the background, the words and the emblems together, with a Custom option for your own colours. A slow band of light drifts across behind the words, and stops for anyone who asks for reduced motion. Read integration guide

Craft theme Free How to add Marquee 1 to Craft Theme A large scrolling band of words and emblems, in one row or two running opposite ways. Twelve emblems are drawn inline as SVG in filled and outlined weights, and words can be filled or hollow. The loop is pure CSS, so nothing has to be measured at runtime. Read integration guide

Craft theme Free How to add Utility Bar 1 to Craft Theme A three-zone top rail: quick links on the left, a scrolling message in the middle, and country, language and social links on the right. Only the middle moves, so the links and the country picker stay clickable. The softer divider tone is worked out from your text colour and measured against the background, so recolouring the bar cannot quietly drop it below a readable contrast. Read integration guide

Craft theme Free How to add Announcement Bar 5 to Craft Theme A holographic strip for launches and restocks. Picking a glow palette retunes the background, the text and the highlight together, so the strip can never be left half-recoloured, and a Custom palette hands the three colours back. The sheen and the loop are both CSS, and both hold still under reduced motion. Read integration guide

Craft theme Free How to add Announcement Bar 4 to Craft Theme A marquee bar with two pinned ends: a fixed label on the left and a fixed button on the right, with the messages scrolling between them. Only the middle moves, so the offer name and the call to action stay readable and clickable. On phones the button can shrink to an arrow to leave the messages room. Read integration guide

Craft theme Free How to add Announcement Bar 3 to Craft Theme Each message carries its own icon, so the bar reads as a row of store promises rather than one long sentence. Eighteen icons are drawn inline as SVG, with emoji and uploaded images as alternatives, so nothing can 404 when the theme changes. Read integration guide

Craft theme Free How to add Announcement Bar 2 to Craft Theme A wide-tracked statement bar. The messages are plain text on purpose, which is what lets the whole bar safely become one link: a message that could contain a link of its own would put an anchor inside an anchor, and browsers quietly tear that apart. Letter spacing is what gives the bar its look. Read integration guide

Craft theme Free How to add Announcement Bar 1 to Craft Theme A slim promotional bar whose messages loop across the top of the page. The loop is pure CSS: the message set is rendered twice and the track slides exactly half its width, so it repeats with no seam and no JavaScript at all. With a single message the bar simply stays still and centred, instead of sliding away and leaving a blank strip. Read integration guide

Craft theme Free How to add Hero Slider 1 to Craft Theme A row of hero panels a shopper swipes through, with a band of promises welded to the bottom. Each panel is either a photograph with the words over it, or a product on a colour of your choosing under a big faded word — and a showcase panel measures its own background, so a pale panel flips the text to dark rather than losing it. Read integration guide

Craft theme Free How to add Hero Review 2 to Craft Theme The same proof as Hero Review 1, gathered into one frosted panel instead of set loose in the column — which is what lets it hold up over a bright or busy photograph. Where a browser cannot frost, the panel falls back to its solid tint so the words stay readable either way. Read integration guide

Craft theme Free How to add Hero Review 1 to Craft Theme A hero whose proof sits in the flow: the heading, then the stars, then one real customer quote, all in the same column. Nothing is invented — the stars, the score and the count are all typed by you, and every one of them is off until you turn it on. Read integration guide

Craft theme Free How to add Hero Stats 1 to Craft Theme A headline beside a set of figure cards that count up as they scroll into view. The count reads the number you typed and rebuilds it — prefix, suffix and decimals included — so a figure like £1.2m+ animates and still lands on exactly what you wrote. Anything with no number in it is left alone. Read integration guide

Craft theme Free How to add Hero Split 3 to Craft Theme A text panel beside a photograph, with a tag above the heading, a caption bar across the bottom of the photo and a row of short facts under the buttons. Built for a product launch page where the detail matters as much as the headline. Read integration guide

Craft theme Free How to add Hero Split 2 to Craft Theme A deep colour panel beside a photograph, with badges above the heading and a short list of reassurances under it. Every colour that carries text is measured against the panel it actually lands on, so a pale panel does not swallow the words. An optional small photo tucks over the corner on a computer. Read integration guide

Craft theme Free How to add Hero Split 1 to Craft Theme A colour panel beside a photograph, with a highlighted word in the heading that can cycle through several, and a band of promises scrolling along the bottom. The highlighter can hold one width sized to the longest word, so the line does not shift sideways every time the word changes. Read integration guide

Craft theme Free How to add Hero Grid 1 to Craft Theme One large card next to a column of smaller promo tiles. The big card takes a photo as a full background or as a cut-out bleeding off the corner; each tile takes its own photo or a colour blend. Wherever words sit over a photo, their colour is measured against what is genuinely behind them. Read integration guide

Craft theme Free How to add Hero Image 3 to Craft Theme A photo, a looping video or a colour behind a badge, a heading, a row of benefit pills and the buttons. The video only downloads once the hero is on screen, pauses when it leaves, and is never fetched at all for anyone who has asked for reduced motion — the still frame carries the hero instead. Read integration guide

Craft theme Free How to add Hero Image 2 to Craft Theme A photo, a gradient or a colour behind a heading whose middle word cycles. The rotation is a plain vertical scroll of words the page already holds, so with no script — or for anyone whose device asks for reduced motion — the first word simply stays and the sentence still reads. Read integration guide

Craft theme Free How to add Hero Image 1 to Craft Theme One photograph, edge to edge, with the words set over it. A separate photo can be uploaded for phones, which matters more than it sounds: a wide shot cropped to a phone loses about two thirds of its width, and usually the subject with it. Heights are measured against the visible screen, so the hero is never taller than what a shopper can actually see. Read integration guide

Craft theme Free How to add Product Tiles 1 to Craft Theme Three tall tiles, each carrying one product under a big display word. The photo flips on hover when a second one is set, and the caption trades places with the buy button. On a phone the caption can sit on the photo or under it, and the text is contrast-checked for whichever you choose. Read integration guide

Craft theme Free How to add Product Banner 2 to Craft Theme The restrained treatment of the same shape: a light banner, one button per card, no glow, and the arrows on the banner itself rather than in a strip under the row. A lit seam is drawn where the cards meet the banner, so the overlap reads as placed rather than cropped. Read integration guide

Craft theme Free How to add Product Banner 1 to Craft Theme A wide banner with the message on it and the product cards tucked up over its bottom edge, so the two read as one object rather than two stacked blocks. Two buttons per card — one to buy, one to read more — and a coloured glow behind the banner photo. Read integration guide

Craft theme Free How to add Product Slider 11 to Craft Theme A big heading over a band of tall product tiles, each with a small info plate under the photo. Badges are read from real data — sold out, then a genuine reduction, then how recently the product was added. The arrows sit over the row or up in the heading, and can be shown on a computer without appearing on a phone. Read integration guide

Craft theme Free How to add Product Slider 10 to Craft Theme A quiet row of products under a heading and one button, with a progress line and a counter underneath. The arrows and the progress only appear when there is genuinely more to see, and the counter reads the real scroll position so it follows a swipe as well as the arrows. Read integration guide

Craft theme Free How to add Product Slider 9 to Craft Theme A swipe row where every card carries a size menu and a quantity menu, so a shopper can buy three of something in one go. Badges come from your own product tags, never from stock levels, and the photo follows whichever size is picked. Read integration guide

Craft theme Free How to add Product Slider 8 to Craft Theme A swipe row of framed product cards. A size row opens on the photo so a shopper can add without leaving the page, and the eye button opens a quick look with the options, a quantity and the buy buttons. Both ship as plain links and are upgraded by script, so nothing on the card is ever a control that does nothing. Read integration guide

Craft theme Free How to add Product Slider 7 to Craft Theme A large lifestyle tile on the left and a swipe row of products on the right, with tabs across the top so one section covers new in, dresses and knitwear. Size buttons on the card update the price and link straight to that size. Read integration guide

Craft theme Free How to add Product Grid 6 to Craft Theme A shelf that can be a grid or a swipe row, with optional tabs across the top. Every card carries a size menu and a quantity menu, so a shopper can buy two of something without adding it twice. Card height is decided once for the whole section, so switching tabs never makes the shelf jump. Read integration guide

Craft theme Free How to add Product Grid 5 to Craft Theme A compact buy grid built for bundles and repeat purchases: small photo, name, price and the buttons right there. On a phone the card turns sideways so more fits on screen. A product with more than one size links to its own page rather than guessing. Read integration guide

Craft theme Free How to add Product Grid 4 to Craft Theme A grid with an optional large lead tile beside it, and a line under the price that adapts to what you sell: colour dots and a size range for clothing, or spec chips read from tags. Saved items live in the shopper's own browser, so no account is needed. Read integration guide

Craft theme Free How to add Collection Grid to Craft Theme Replaces your theme's own product grid on a collection page: products, sorting and pagination, with the caption rows built from blocks you can reorder or remove. Every card in a row shares an identical height, photo bottom, name top and button top, because the vendor and rating rows are decided once for the whole grid rather than card by card. Read integration guide

Craft theme Free How to add Product Story 1 to Craft Theme One product per slide, told as an editorial spread: the lifestyle photo on the left, a card on the right carrying the packshot, the name, the price and the button. Swipes natively, with a progress line and a slide counter. No slider library and no webfont — every type option uses a face already on the shopper's device. Read integration guide

Craft theme Free How to add Product Slider 6 to Craft Theme The workhorse: one collection, a swipe row of product cards with badges read from real data, an optional saved-items heart, quick add, star ratings and colour dots. Flip one switch and the row becomes a stacked grid instead. Read integration guide

Craft theme Free How to add Product Slider 5 to Craft Theme Tabs over a swipe row where the size picker lives on the card itself, so a shopper can add without leaving the page. The photo and the price both follow the size that is picked, and the photo map is keyed by image so a thirty-variant product does not carry thirty entries. Read integration guide

Craft theme Free How to add Product Slider 4 to Craft Theme A rail of best sellers where the rank is earned, not decorative: the numbers only appear when the collection is genuinely sorted by best selling, and the theme editor tells you when it is not. Star ratings come from whatever review app you already run. Read integration guide

Craft theme Free How to add Product Slider 3 to Craft Theme Tabs under a centred heading, and inside each tab a coloured promo card sitting beside the products. Each tab gets its own message, its own colour and its own button, and the text on the card is coloured for contrast automatically. Read integration guide

Craft theme Free How to add Product Slider 2 to Craft Theme A column on the left holding the heading, the tabs and one button that follows whichever tab is open; the products swipe past on the right. The low-stock badge reads real inventory, so it can never invent scarcity. Read integration guide

Craft theme Free How to add Product Slider 1 to Craft Theme A swipeable rail of product cards with a quick-look panel carrying the photo, price, description, quantity and buy-now. Pulls a collection, or hand-picked products when no collection is set. No slider library — the rail is native scroll-snap. Read integration guide

Craft theme Free How to add Product Grid 3 to Craft Theme Tabs with an underline that travels, one product grid under each and a button per tab. A tab takes a collection or a hand-picked list. On phones the grid becomes a swipe row so a peek of the next product invites the scroll. Read integration guide

Craft theme Free How to add Product Grid 2 to Craft Theme A tall rotating showcase on the left and a tabbed product grid on the right, so one section covers new in, dresses and sale without stacking three. Quick look opens a panel; single-variant products add straight to the bag. Read integration guide

Craft theme Free How to add Product Grid 1 to Craft Theme A collection grid with an optional large lead tile beside it, a saved-items heart, quick add, star ratings from your review app, automatic Sale, New and Sold-out badges, and a colour or spec row under the price. The button label is measured for contrast against whatever colour you pick. Read integration guide

Craft theme Free How to add Shop Collections 7 to Craft Theme A rail of full-bleed collection cards with the copy laid over the photo, positioned in any of nine spots — set separately for desktop and phones. Optional autoplay, dots and arrows, each toggled per screen size. Read integration guide

Craft theme Free How to add Shop Collections 6 to Craft Theme An editorial rail of collection cards with a numbered index, a badge, a kicker, a title and a meta line over a graded photo. One grade across mismatched photography makes the set read as one. Optional autoplay with a real pause control. Read integration guide

Craft theme Free How to add Shop Collections 1 to Craft Theme A grid of collection tiles in one of three shapes: a caption under the photo, a caption on the photo, or text-only chips for a shop-by-brand row. Ships with a preset for each. No script at all. Read integration guide

Craft theme Free How to add Shop Collections 4 to Craft Theme A rail of photo cards with a button sitting on each one. Every colour that ends up as text — including the button's hover state — is measured against the surface it actually lands on. Arrows sit over the cards or in the header. Read integration guide

Craft theme Free How to add Shop Collections 5 to Craft Theme A rail of leaning category cards. The lean is a clip on the photo, so captions stay upright and legible; set it to zero for ordinary rectangles. Each card takes an optional hover photo and a lead word before its title. Read integration guide

Craft theme Free How to add Shop Collections 2 to Craft Theme A row of category pills that navigates a shop. The pill for the collection being viewed fills itself automatically; on any other page you can flag one to lead with. Optional real product counts, wrapping or swiping on phones. Read integration guide

Craft theme Free How to add Shop Collections 3 to Craft Theme A swipeable rail of category cards, each on its own colour with a photo plate underneath the copy. The text colour on every card is measured against that card's own colour, so any palette stays readable. Counter, arrows and a progress bar. Read integration guide

Craft theme Free How to add Shop The Look 5 to Craft Theme An editorial full-bleed shot with numbered pins and one card floating in a corner of it. The card follows whichever pin is open, and on phones it can drop below the photo instead of covering the look. Read integration guide

Craft theme Free How to add Shop The Look 4 to Craft Theme One wide shot with numbered pins and the full list laid out underneath. A pin scrolls its card into view and rings it, and hovering a card lights its pin, so the photo and the grid always read as the same list. Read integration guide

Craft theme Free How to add Shop The Look 3 to Craft Theme A swipeable rail of styled scenes, each with its own pins and captions. Every pin opens a small product card over the photo, and the badge counting the pieces in a scene is worked out from the pins themselves so it can never go stale. Read integration guide

Craft theme Free How to add Shop The Look 2 to Craft Theme A shoppable photo on one side and the sales copy on the other. Pins open a product card docked to the bottom of the photo, while the copy column is built from heading, text, checklist and button blocks you can reorder freely. Read integration guide

Craft theme Free How to add Shop The Look 1 to Craft Theme A styled photo with numbered pins and a product card beside it that follows whichever pin is open. Arrows, a counter and a thumbnail row all drive the same index, so the card, the pins and the thumbs can never disagree. Read integration guide

Craft theme Free How to add Ingredient Tabs to Craft Theme A tab bar that swaps both the picture and the copy: one panel per ingredient, material or step, each with its own credential line, reason and link. Full keyboard navigation. Read integration guide

Craft theme Free How to add Media Proof to Craft Theme A large claim beside a tall picture, backed by a credentials list and one real customer review with a half-step star rating you enter yourself. Read integration guide

Craft theme Free How to add Media Tabs to Craft Theme A picture beside an accordion of answers, with optional chips underneath for the offers that close a sale. Takes a separate mobile crop and a link on the image. Read integration guide

Craft theme Free How to add Selling Points to Craft Theme One picture or clip beside the argument for buying: a headline, a paragraph, a numbered checklist of reasons and two buttons. External video opens in a popup that loads nothing until it is clicked. Read integration guide

Craft theme Free How to add Image Collage to Craft Theme Copy and a checklist beside a grid of photos that rearranges itself around how many there are, from one to a full gallery. Every photo takes its own caption and link. Read integration guide

Craft theme Free How to add Feature Rows to Craft Theme A stack of alternating image-and-text rows under one header, numbered if you want. Each row carries its own link, image label and clickable image. Read integration guide

Craft theme Free How to add Media Specs to Craft Theme A picture beside the claims that close a sale: an optional star rating you enter yourself, then rows pairing what a product does with what it gets the customer. Read integration guide

Craft theme Free How to add Editorial Story to Craft Theme A magazine-style spread: a large heading with an italic accent beside one picture or clip. The image can link anywhere, and you choose its side on desktop and its position on mobile independently. Read integration guide

Craft theme Free How to add Image Text Benefits to Craft Theme A picture beside a short grid of reasons to buy — free delivery, returns, secure checkout — each with a picked icon or one you upload. The image can link anywhere, and you choose whether it sits above or below the text on mobile. Read integration guide

Craft theme Free How to add Video Quick Shop to Craft Theme Shoppable clips that sell without leaving the page: each card carries its product, its variants and an add-to-cart, and opens full size in a popup with the description. Supports uploaded video or YouTube and Vimeo. Read integration guide

Craft theme Free How to add Shoppable Slider to Craft Theme A headline beside a side-scrolling row of shoppable clips. Each video carries the product it shows, with its image, name and price in a card below, and the row keeps its card size however few clips are left. Read integration guide

Craft theme Free How to add Social Posts to Craft Theme Customer posts in an Instagram or Facebook style card — profile row on top, image or clip in the middle, likes, caption and hashtags below. Three per row by default. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type. Switch the frame setting to show vertical reels instead. Read integration guide

Craft theme Free How to add Social Reels to Craft Theme Customer clips shown in a social frame — feed post or vertical reel — with handle, caption, platform logo and sound line. Hashtags in the caption tint themselves. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type, so nothing on the page pretends to be live. Read integration guide

Craft theme Free How to add Shoppable Reels to Craft Theme A scrolling rail of vertical clips, each with a product card floating over it — price, sale price and badges all read from your catalogue. New and discount badges are calculated, never typed, in four styles and two positions. Clips play only as they scroll into view, hide individually, and the card text color adapts to stay readable on any card color. Read integration guide

Craft theme Free How to add Shoppable Video to Craft Theme A grid of short vertical videos, each tied to a product with its image, name, price and discount. Play automatically, on hover or on click; YouTube and Vimeo load only when clicked so several embeds never slow the page. Cards hide individually and the grid follows how many are shown. Read integration guide

Craft theme Free How to add Collection Circles to Craft Theme Circular category links in a row that scrolls or wraps, each framed by a gradient or solid ring. Pick a collection to make the whole circle clickable, or point it anywhere with a link. Captions fall back to the collection title, discs hide individually, and everything — ring style, sizes, colors, spacing — is set in the theme editor. Read integration guide

Craft theme Free How to add Video Stories to Craft Theme Instagram-style rail of tappable video bubbles that opens a full-screen player with progress bar, sound toggle, swipe navigation and a call-to-action per video. Places itself anywhere on the product page. No external libraries. Read integration guide

Craft theme Free How to add Study Slider to Craft Theme Card slider with heading, description, and navigation buttons. Features customizable card dimensions, gap spacing, stats section, and smooth slide transitions with arrow navigation. Read integration guide

Craft theme Free How to add Testimonial Spotlight to Craft Theme Large featured testimonial with side info panel. Prominent single review display, customer photo, detailed quote, company logo, and supporting statistics. Read integration guide

Craft theme Free How to add Reviews Marquee to Craft Theme Infinite scrolling ticker-style reviews with modern design. Continuous horizontal scroll, pause on hover, customizable speed, and clean card design. Read integration guide

Craft theme Free How to add Video Testimonials to Craft Theme Showcase customer video reviews with thumbnails and lightbox. Play button overlay, video modal popup, customer name and title, and thumbnail grid layout. Read integration guide

Craft theme Free How to add Reviews Wall to Craft Theme Pinterest-style masonry layout with social media look. Mixed review sizes, source icons (verified, Instagram, etc.), and dynamic flowing layout. Read integration guide

Craft theme Free How to add Testimonials Grid to Craft Theme Static grid layout for testimonials with hover effects. Customizable columns (2-4), star ratings, customer info, and subtle lift animation on hover. Read integration guide

Craft theme Free How to add Testimonials Carousel to Craft Theme Customer reviews carousel with star ratings, customer photos, and smooth slide transitions. Navigation arrows, dot indicators, autoplay option, and touch swipe support. Read integration guide

Craft theme Free How to add Product Ingredients to Craft Theme Product ingredients section with ingredient cards showing name, description, and optional image. Perfect for skincare, supplements, or food products. Read integration guide

Craft theme Free How to add Product Bundle to Craft Theme Display product bundle or kit with included items. Bundle image, list of included products, savings badge, total value display, and add bundle to cart CTA. Read integration guide

Craft theme Free How to add Product Specifications to Craft Theme Product with detailed specifications table. Alternating row colors, specification labels and values, product image, and organized technical details. Read integration guide

Craft theme Free How to add Product Gallery to Craft Theme Product with image gallery and thumbnails. Main image display with thumbnail navigation, zoom on hover, and product info section with price and CTA. Read integration guide

Craft theme Free How to add Product Features to Craft Theme Product display with feature highlights in a two-column layout. Large product image on one side, feature list with icons on the other, and CTA button. Read integration guide

Craft theme Free How to add Features Numbered to Craft Theme Numbered features/steps with descriptions in a timeline style. Circular number badges, connecting lines between steps, and optional feature bullet points per step. Read integration guide

Craft theme Free How to add Features Cards to Craft Theme Feature cards with images in a grid layout. Image at top, title, description, and optional link. Customizable columns, hover animations, and rounded corners. Read integration guide

Craft theme Free How to add Features Icons Grid to Craft Theme Features displayed with icons in a responsive grid. SVG icon support, customizable columns (2-4), hover effects, and centered icon with title and description layout. Read integration guide

Craft theme Free How to add FAQ Side Navigation to Craft Theme FAQ with left sidebar navigation for categories. Sticky sidebar with category links, smooth scroll to sections, and active state highlighting on scroll. Read integration guide

Craft theme Free How to add FAQ Searchable to Craft Theme FAQ with search functionality and instant filtering. Search box with icon, real-time filtering as user types, highlight matching questions, and no results message. Read integration guide

Craft theme Free How to add FAQ Two Column to Craft Theme FAQ displayed in two columns for wider layouts. Questions split across columns, accordion functionality, and responsive single column on mobile devices. Read integration guide

Craft theme Free How to add FAQ Tabs to Craft Theme Categorized FAQ with tab navigation. Organize questions by category with clickable tabs, accordion items within each tab, and smooth tab switching animations. Read integration guide

Craft theme Free How to add FAQ Accordion to Craft Theme Expandable/collapsible FAQ items with smooth animations. Classic accordion style with plus/minus icons, hover effects, and customizable question/answer backgrounds. Read integration guide

Craft theme Free How to add Countdown Product Launch to Craft Theme Product launch countdown with product preview image. Features header section, product display, countdown timer, and notify/pre-order button for upcoming releases. Read integration guide

Craft theme Free How to add Countdown Minimal to Craft Theme Minimal inline countdown timer with text alongside. Clean horizontal layout perfect for subtle urgency messaging without overwhelming the page design. Read integration guide

Craft theme Free How to add Countdown Boxed to Craft Theme Boxed style countdown with side content layout. Card-based design with border, image support, feature list, and countdown timer in an elegant contained format. Read integration guide

Craft theme Free How to add Countdown Hero to Craft Theme Full width hero section with background image, overlay, and countdown timer. Features customizable minimum height, overlay opacity, and prominent countdown display. Read integration guide

Craft theme Free How to add Countdown Banner to Craft Theme Simple banner style countdown timer with label badge, heading, description, and CTA button. Clean centered layout with customizable time boxes and accent colors. Read integration guide

Craft theme Free How to add Product Comparison Table to Craft Theme Compare multiple products side by side with features table. Product images, prices, feature rows with check/X icons, highlighted recommended product, and mobile-responsive with sticky first column. Read integration guide

Craft theme Free How to add Dual Flow Comparison to Craft Theme Compare two processes or paths side by side with step-by-step flow. Headers with images, numbered steps, and highlighted final result. Perfect for Old Way vs New Way comparisons. Read integration guide

Craft theme Free How to add Competitor Comparison to Craft Theme Visual brand vs competitors side by side with VS badge. Compare your product against competitors with feature rows, brand highlighting, and winner indicators. Read integration guide

Craft theme Free How to add Before After Table to Craft Theme Show transformation results in a clean table format with before and after columns. Colored headers, alternating rows, and perfect for showcasing improvements or changes. Read integration guide

Craft theme Free How to add Feature Comparison to Craft Theme Simple visual two-column comparison with checkmark and X icons. Perfect for showing included vs not included features, pros vs cons, or your product vs alternatives. Read integration guide

Craft theme Free How to add Pricing Table to Craft Theme Clean pricing cards with monthly/yearly toggle, featured plan highlighting, feature lists with checkmarks, and CTA buttons. Supports 2-4 pricing tiers with customizable colors. Read integration guide

Craft theme Free How to add Hero 9 Banner to Craft Theme Hero section with dual animated image columns (left and right scrolling) alongside heading, text, and CTA button. Features reversible layout position and customizable typography and button styling. Read integration guide

Craft theme Free How to add Image Templates Banner to Craft Theme Two-column layout with scrolling image gallery and pricing box. Features animated vertical image columns, trusted brands badge, benefits list with icons, deal countdown styling, and logo strip section. Read integration guide

Craft theme Free How to add Rotating Carousel Banner to Craft Theme Interactive carousel with JavaScript controls, Ken Burns zoom effect, progress bar, dot indicators, navigation arrows, and touch support. Features autoplay, glass/solid/outline buttons, and smooth slide transitions. Read integration guide

Craft theme Free How to add Split Content Banner to Craft Theme Two-column layout with image and text, smooth animations, and hover effects. Features customizable split ratios (50/50, 40/60, 60/40, 30/70, 70/30), optional badge, accent line, and reversible layout. Read integration guide

Craft theme Free How to add Hero Banner to Craft Theme Premium full-width hero with animated shape dividers (wave, curve, tilt, blob, triangle, zigzag), gradient overlays, and advanced background effects (particles, gradient shift, shimmer, pulse). The ultimate hero section. Read integration guide

Craft theme Free How to add Minimal Text Banner to Craft Theme Clean typography-focused banner with elegant fade-up animations and optional background effects (pulse, float, shimmer). Features glass/solid/outline button options and subtle animated backgrounds for a refined look. Read integration guide

Craft theme Free How to add Gradient Overlay Banner to Craft Theme Visually striking banner with customizable gradient overlays (bottom, full, radial, left, right), content animations, flexible positioning, and glass/solid/outline button styles. Features hover zoom effect on background image. Read integration guide

Craft theme Free How to add 3D Flip Rotator to Craft Theme Stunning 3D flip animations with typewriter effect and progress indicator. Rotates through multiple messages with smooth 3D perspective transforms and customizable timing. Read integration guide

Craft theme Free How to add Stock Ticker Pro to Craft Theme Stock market style ticker with trend indicators, animated numbers, and flash alerts. Monospace font styling, fixed label section, and smooth scrolling for a professional trading floor look. Read integration guide

Craft theme Free How to add Urgency Split Bar to Craft Theme Real countdown timer with animated urgency border and confetti effects. Split layout with highlighted section, pulse ring animation, and countdown functionality for flash sales. Read integration guide

Craft theme Free How to add Neon Glow Marquee to Craft Theme Eye-catching neon effects with glitch animation and rainbow text options. Features smooth scrolling, direction control, pause on hover, and customizable glow intensity. Read integration guide

Craft theme Free How to add Gradient Marquee to Craft Theme Scrolling marquee with animated gradient backgrounds (sunset, ocean, purple, fire, forest, midnight). Features glow effects, customizable scroll speed, direction control, and pause on hover. Read integration guide

Craft theme Free How to add After Before Slider to Craft Theme Interactive before/after image comparison slider with draggable handle. Features rounded corners, shadow effects, customizable gap between columns, and responsive design with configurable padding. Read integration guide

Craft theme Free How to add Image With Text Premium to Craft Theme Luxury-style image with text section featuring multi-image collage layout, Poppins typography, background image support, and four feature text blocks. Perfect for premium brand storytelling. Read integration guide

Craft theme Free How to add Image Text Zigzag to Craft Theme Alternating image-text blocks in a zigzag pattern for storytelling. Includes optional step numbers, individual CTA buttons per block, and elegant flowing layout perfect for How It Works or process explanations. Read integration guide

Craft theme Free How to add Image Text Cards to Craft Theme Multi-card grid layout showcasing image-text combinations in 2-4 column layouts. Features hover animations, customizable image ratios (square/landscape/portrait), and animated link arrows for engaging storytelling. Read integration guide

Craft theme Free How to add Image Text Overlay to Craft Theme Full-width hero section with background image and text overlay. Includes customizable overlay color and opacity, flexible content positioning (left/center/right), dual CTA buttons, and responsive mobile optimization. Read integration guide

Craft theme Free How to add Image Text Split to Craft Theme Classic 50/50 split layout with image on one side and text content on the other. Features reversible image position, feature list with checkmarks, customizable CTA button, and smooth responsive behavior. Read integration guide

Craft theme Free How to add Stacked Promotion Banner to Craft Theme Stacked Promotion with quantity break discount Read integration guide

Craft theme Free How to add Back to Top to Craft Theme Enhance your store’s browsing experience with a simple “Back to Top” button. Smooth, user-friendly navigation helps customers explore your site with ease. Read integration guide

Craft theme Free How to add Designed with an Edge to Craft Theme Add a modern sloped design to your store for a bold and dynamic layout. Perfect for separating sections, drawing attention to products, or giving your pages a stylish flow. Read integration guide

Craft theme Free How to add Follow the Feed to Craft Theme Stay connected with our latest looks, trends, and community highlights—straight from Instagram. Click, explore, and shop your favorite styles directly from the feed. Read integration guide

Craft theme Free How to add Frequently Asked Questions to Craft Theme Find quick answers to the most common questions about our products, shipping, returns, and more. We’ve made it easy for you to get the information you need—right at your fingertips. Read integration guide

Craft theme Free How to add Explore Our Gallery to Craft Theme Showcase your products, brand moments, and customer favorites in a stylish grid layout. Our gallery brings your store to life with visuals that inspire and engage shoppers. Read integration guide

Craft theme Free How to add From Our Blog to Craft Theme Stay updated with the latest tips, trends, and stories from our team. Explore helpful guides, product highlights, and inspiration to make the most of your shopping experience. Read integration guide

Craft theme Free How to add Smooth & Modern Design to Craft Theme Add a stylish wave effect to your store layout. The Wave Section creates natural flow between sections, giving your storefront a clean, modern, and engaging look that keeps customers scrolling. Read integration guide

Craft theme Free How to add Discover the Difference to Craft Theme Bring your store to life with our Parallax Banner. Eye-catching visuals and smooth scrolling effects create an immersive shopping experience while showcasing your brand in style. Read integration guide

Craft theme Free How to add Follow Us on Instagram to Craft Theme Stay inspired and never miss a moment! Explore our latest styles, behind-the-scenes looks, and customer favorites straight from our Instagram feed. Click, shop, and join our community today. Read integration guide

Studio theme Free How to add Team Grid 1 to Studio Theme The people behind the shop: a heading, a few lines that turn "we" into faces, then the team in a grid with a round photo, a first name, a role and one line each. Three or four per row, the last row centred. Read integration guide

Studio theme Free How to add Results Timeline 1 to Studio Theme Milestones down a centre line: a big time label, a title, a few lines, a customer quote in a card and a photo on the other side, alternating. For "what to expect and when" on a product page. Read integration guide

Studio theme Free How to add Blog Posts 1 to Studio Theme The latest posts of a blog as cards: photo, date, title, an excerpt and a read-more link, two to four per row. On an article page it leaves the current post out, so it reads as "read next". Read integration guide

Studio theme Free How to add Newsletter Band 1 to Studio Theme A sign-up band with an offer: a heading, three perks with a tick, the email field and the button, a photo beside it if you like. Subscribers get the newsletter tag; the thank-you shows in place. Read integration guide

Studio theme Free How to add Review Cards 1 to Studio Theme Customer reviews on a coloured band: a star rating in a pill, a heading and a row of cards that scrolls, each with the review, a verified mark, an initial or photo, the name and stars. Arrows on computers, a swipe on phones, and wavy edges if you want them. Read integration guide

Studio theme Free How to add Benefits Panel 1 to Studio Theme A rounded panel in your brand colour: the argument and a button on one side, and on a white card every benefit as an icon and a short label, reading down one or two columns. Read integration guide

Studio theme Free How to add Benefit Cards 1 to Studio Theme A heading over cards that each make one case: a photo set in from the card's edge, two short tags, a title and a sentence. Side by side on computers; a swipe row or a stack on phones. Read integration guide

Studio theme Free How to add Comparison Table 1 to Studio Theme Your product against the alternatives in a real table: a tinted or framed column with a tick on every row, crosses or words for the others, an optional third column and a button underneath. {title} in the words becomes the product's title. Read integration guide

Studio theme Free How to add Stat Rings 1 to Studio Theme A photo beside a heading and up to six figures, each a ring filled to its percentage with the number inside and a line of text. The rings fill as they scroll into view, and a note says where the figures come from. Read integration guide

Studio theme Free How to add Reviews Summary 1 to Studio Theme A reviews page in one section: the average and how many reviews it rests on, a bar for each star, a button to write one, then the reviews in a masonry wall with a sort menu and a Load more button. The summary is worked out from the reviews added here, or typed in when the real numbers live in another app. Read integration guide

Studio theme Free How to add Photo Reviews 1 to Studio Theme Customer reviews that lead with the photo: the piece being worn, then the stars, a title, the words and who wrote them with a verified mark. A rating line sits over the heading, the cards form a grid of two to four, and on phones they become a swipe row. Read integration guide

Studio theme Free How to add Product Callouts 1 to Studio Theme One photo in the middle and the reasons to buy set around it, half on each side, each with an icon from the shared set or your own, a title and a line of text. On a product page the photo can be the product's own until you pick another, and on phones the callouts fall into a tidy grid under the picture. Read integration guide

Studio theme Free How to add FAQ Split 1 to Studio Theme The heading, a word of reassurance, an optional photo and a contact link on one side; the questions on the other, opening one at a time with no script. The side column stays in view while the answers scroll, and every question is published as FAQ structured data for search engines. Read integration guide

Studio theme Free How to add Guarantee Band 1 to Studio Theme A guarantee told between two photos: a heading, a short promise and a button in the middle, a row of reassurances underneath, and a picture on each side, staggered for a little movement. On phones the photos sit side by side above the words, or step aside altogether. Read integration guide

Studio theme Free How to add Shoppable Stories to Studio Theme Short videos that sell, as story bubbles or vertical reels. Previews play silently while on screen; a tap opens a full-screen player with progress bars, sound, and a swipe from one video to the next, and beside each video (over it on phones) sit the products it shows — options, price and an add to cart that never leaves the video. On a product page the stories can sit right inside the product details: under or above the buy buttons, under the title or under the description, and a video left without products sells the product of the page. No external libraries. Read integration guide

Studio theme Free How to add Island Header to Studio Theme A floating, rounded header that sits on the page like an island: the menu on one side, your logo in the middle (or first, with the space beside it yours to set), search, account and cart on the other. A pill glides between menu items and rests on the page being viewed; drop-downs open as a card sized to their links, as wide as the island or across the whole screen, show each collection's picture in front of its link (square, rounded or round, as you set), group three-level menus and hold stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like: above the name on computers, beside it on phones. The phone menu can show the same pictures, opens each sub-menu on the item's name, on "All" in the shopper's language or on words of your own, and places pictures, short texts and your own code above or below the links of the item they belong to; a Custom code block also takes CSS to restyle anything in the header. Search opens a panel with quick links, then live results as product cards with photo and price. Shoppers sign in through Shopify's own account button — with Shop, Google, Facebook or a code by email, without leaving the page — and choose their country (and so their currency) and language in a compact panel with a search box for long lists, or in two rows at the foot of the phone menu. The cart, with your own icon if you like, opens a drawer of its own — quantities, discounts, subscriptions, a free-shipping progress bar and checkout — that keeps working with your theme's header switched off and can open by itself after an add to cart. It can float see-through over your first section and turn solid once past it, stays pinned as the page scrolls (slimmer, or hiding on the way down), and works out every quiet tone from your colours with contrast checked. Read integration guide

Studio theme Free How to add Mega Search Header to Studio Theme A header built around search, for large catalogues: a wide search bar with a product-type picker and live suggestions (matching searches first, then products with photo and price), and a menu row whose items open panels across the full width, as wide as the page, or as a card sized to their links — headed columns for three-level menus, each collection's picture in front of its link (square, rounded or round, as you set), a "Shop all" link, and stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like. A deal link shines in your accent colour, and the cart can wear your own icon. Shoppers sign in through Shopify's own account button and choose their country (and so their currency) and language in a compact panel with a search box for long lists. It stays on top as the page scrolls (slimmer, hidden on the way down, or down to the menu row alone), keeps the cart count right after any add to cart, and becomes a side-sheet menu on phones with its own search row, the same pictures and labels, short texts and your own code above or below each item's links, and the first link of each sub-menu worded as you like. Every in-between tone is computed from your colours and checked for contrast. Read integration guide

Studio theme Free How to add Coverflow 2 to Studio Theme A gallery wall: each photograph sits in a mat and a frame, hung in a row that recedes to either side of the one in front. Navigation is a brass plaque with the piece number and a row of tick marks, the way a wall label works. Hangs flat by default, and leans as far as you want it to. Read integration guide

Studio theme Free How to add Coverflow 1 to Studio Theme A leaning deck of cards: one in front, its neighbours fanned out behind and shrinking with distance. Each card carries a signed offset from the centre as a CSS custom property and one transform rule reads it, so moving the deck rewrites numbers rather than markup. Clicking a card behind brings it forward. Read integration guide

Studio theme Free How to add Slideshow 4 to Studio Theme A product slideshow where each slide brings its own colours: a coloured ground, a soft halo, and a cut-out product floating on top with the words beside it. The navigation borrows the active slide's colours, so a dot never disappears on a dark slide. With autoplay on, the active dot fills a progress ring as the timer runs. Read integration guide

Studio theme Free How to add Slideshow 3 to Studio Theme A slideshow whose words sit on a frosted glass card, navigated by thumbnails on a matching frosted plate. One tint drives the card, the plate and the veil, so recolouring cannot pull the three apart. A slide can carry a silent looping video instead of a photo, started only when motion is welcome. Read integration guide

Studio theme Free How to add Slideshow 2 to Studio Theme An editorial slideshow: a rotated category label down the edge, a slide counter, and an optional product card pinned to the corner. Pick a product and the card fills itself in, or override any field by hand. Each slide declares whether its photo is light or dark, which moves the text colour and the veil together. Read integration guide

Studio theme Free How to add Slideshow 1 to Studio Theme A full-bleed slideshow: one photo per slide with its own words and up to two buttons. Matching the first photo's proportions is worked out server-side, so the stage holds its space before anything loads. A banner mode keeps the first slide's words still while only the photos rotate, and nothing is deleted when you switch it back. Read integration guide

Studio theme Free How to add Countdown Drop 1 to Studio Theme A holographic banner for a launch or a restock, running either as a countdown to a scheduled drop or as a pulsing live badge for one already open. The drop name is rendered as a holographic wordmark with a plain-colour fallback, so it is never invisible on an older browser. Read integration guide

Studio theme Free How to add Countdown Sale 5 to Studio Theme A seasonal sale band with an illustration beside the wording: pick Easter, Mother's Day, Summer, Launch day or Lunar New Year and the artwork changes while everything else stays put. Every season is drawn inline in the band's own two colours, so switching costs no extra request and can never clash. Ships with five ready-made presets. Read integration guide

Studio theme Free How to add Countdown Sale 4 to Studio Theme A seasonal sale band flanked by two large emblems, from a sun and a parasol to a pumpkin and a bat. The emblems are inline SVG in the band's own highlight colour, fade back on tablets, and step aside entirely on phones where the wording needs the room. Read integration guide

Studio theme Free How to add Countdown Sale 3 to Studio Theme A Valentine's countdown band with hearts rising slowly behind the wording. The hearts are CSS shapes rather than an image, so they cost no request and take their colour from the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Studio theme Free How to add Countdown Sale 2 to Studio Theme A New Year countdown band with confetti drifting behind the wording. The confetti is drawn in CSS from a handful of shapes rather than an image, so it costs no request and recolours with the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Studio theme Free How to add Countdown Sale 1 to Studio Theme A festive promotional band: heading, live countdown, offer line, button and a tap-to-copy discount code, over your own photo or a warm built-in gradient. The days column hides itself on the final day, so the clock reads hours, minutes and seconds instead of a permanent zero. Read integration guide

Studio theme Free How to add Countdown Media 1 to Studio Theme A photograph or video beside an offer panel, with the clock drawn as a torn ticket. The ticket's notches are painted in the colour that sits behind the card, so they read as punched holes rather than grey circles. A YouTube or Vimeo video is not embedded until a shopper actually presses play. Read integration guide

Studio theme Free How to add Countdown Split 1 to Studio Theme A coloured panel of words and a clock beside a full-height photograph. The panel side can be swapped, and on phones the photo moves above the panel so the wording is never squeezed into a narrow column. Three clock styles, from tiles to plain numbers. Read integration guide

Studio theme Free How to add Countdown Hero 2 to Studio Theme A full-bleed hero with the offer, a live clock and a button set over one or more photographs. Add a second photo and it becomes a slideshow; with one it draws no navigation and loads no slideshow code. Heights are measured against the screen a phone actually shows, so the hero is never taller than the visible area. Read integration guide

Studio theme Free How to add Countdown Bar 1 to Studio Theme A slim bar that rotates through several promotions, each able to carry its own live clock, tap-to-copy discount code and button. A promotion whose date has passed is dropped server-side, so an expired offer is never in the page at all. Closing the bar is remembered for the visit and scoped to the campaign, so changing a date brings it back. Read integration guide

Studio theme Free How to add Marquee 4 to Studio Theme A scrolling band that can carry words, images, buttons and a live countdown together. The digits use tabular figures and the days field reserves the width it needs at render time, so a tick can never change the set width and jog the loop. The clock is worked out server-side first, so the numbers are right at first paint. Read integration guide

Studio theme Free How to add Marquee 3 to Studio Theme A sale marquee with depth: a faint oversized ghost of the same words drifts behind at half speed, and the emblems bob gently in place. Words alternate filled and hollow, which is what gives the band its rhythm without needing a second colour. An emblem set to turn keeps turning, because spin and bob both animate the same property. Read integration guide

Studio theme Free How to add Marquee 2 to Studio Theme A holographic drop band for launches and restocks. One glow palette retunes the background, the words and the emblems together, with a Custom option for your own colours. A slow band of light drifts across behind the words, and stops for anyone who asks for reduced motion. Read integration guide

Studio theme Free How to add Marquee 1 to Studio Theme A large scrolling band of words and emblems, in one row or two running opposite ways. Twelve emblems are drawn inline as SVG in filled and outlined weights, and words can be filled or hollow. The loop is pure CSS, so nothing has to be measured at runtime. Read integration guide

Studio theme Free How to add Utility Bar 1 to Studio Theme A three-zone top rail: quick links on the left, a scrolling message in the middle, and country, language and social links on the right. Only the middle moves, so the links and the country picker stay clickable. The softer divider tone is worked out from your text colour and measured against the background, so recolouring the bar cannot quietly drop it below a readable contrast. Read integration guide

Studio theme Free How to add Announcement Bar 5 to Studio Theme A holographic strip for launches and restocks. Picking a glow palette retunes the background, the text and the highlight together, so the strip can never be left half-recoloured, and a Custom palette hands the three colours back. The sheen and the loop are both CSS, and both hold still under reduced motion. Read integration guide

Studio theme Free How to add Announcement Bar 4 to Studio Theme A marquee bar with two pinned ends: a fixed label on the left and a fixed button on the right, with the messages scrolling between them. Only the middle moves, so the offer name and the call to action stay readable and clickable. On phones the button can shrink to an arrow to leave the messages room. Read integration guide

Studio theme Free How to add Announcement Bar 3 to Studio Theme Each message carries its own icon, so the bar reads as a row of store promises rather than one long sentence. Eighteen icons are drawn inline as SVG, with emoji and uploaded images as alternatives, so nothing can 404 when the theme changes. Read integration guide

Studio theme Free How to add Announcement Bar 2 to Studio Theme A wide-tracked statement bar. The messages are plain text on purpose, which is what lets the whole bar safely become one link: a message that could contain a link of its own would put an anchor inside an anchor, and browsers quietly tear that apart. Letter spacing is what gives the bar its look. Read integration guide

Studio theme Free How to add Announcement Bar 1 to Studio Theme A slim promotional bar whose messages loop across the top of the page. The loop is pure CSS: the message set is rendered twice and the track slides exactly half its width, so it repeats with no seam and no JavaScript at all. With a single message the bar simply stays still and centred, instead of sliding away and leaving a blank strip. Read integration guide

Studio theme Free How to add Hero Slider 1 to Studio Theme A row of hero panels a shopper swipes through, with a band of promises welded to the bottom. Each panel is either a photograph with the words over it, or a product on a colour of your choosing under a big faded word — and a showcase panel measures its own background, so a pale panel flips the text to dark rather than losing it. Read integration guide

Studio theme Free How to add Hero Review 2 to Studio Theme The same proof as Hero Review 1, gathered into one frosted panel instead of set loose in the column — which is what lets it hold up over a bright or busy photograph. Where a browser cannot frost, the panel falls back to its solid tint so the words stay readable either way. Read integration guide

Studio theme Free How to add Hero Review 1 to Studio Theme A hero whose proof sits in the flow: the heading, then the stars, then one real customer quote, all in the same column. Nothing is invented — the stars, the score and the count are all typed by you, and every one of them is off until you turn it on. Read integration guide

Studio theme Free How to add Hero Stats 1 to Studio Theme A headline beside a set of figure cards that count up as they scroll into view. The count reads the number you typed and rebuilds it — prefix, suffix and decimals included — so a figure like £1.2m+ animates and still lands on exactly what you wrote. Anything with no number in it is left alone. Read integration guide

Studio theme Free How to add Hero Split 3 to Studio Theme A text panel beside a photograph, with a tag above the heading, a caption bar across the bottom of the photo and a row of short facts under the buttons. Built for a product launch page where the detail matters as much as the headline. Read integration guide

Studio theme Free How to add Hero Split 2 to Studio Theme A deep colour panel beside a photograph, with badges above the heading and a short list of reassurances under it. Every colour that carries text is measured against the panel it actually lands on, so a pale panel does not swallow the words. An optional small photo tucks over the corner on a computer. Read integration guide

Studio theme Free How to add Hero Split 1 to Studio Theme A colour panel beside a photograph, with a highlighted word in the heading that can cycle through several, and a band of promises scrolling along the bottom. The highlighter can hold one width sized to the longest word, so the line does not shift sideways every time the word changes. Read integration guide

Studio theme Free How to add Hero Grid 1 to Studio Theme One large card next to a column of smaller promo tiles. The big card takes a photo as a full background or as a cut-out bleeding off the corner; each tile takes its own photo or a colour blend. Wherever words sit over a photo, their colour is measured against what is genuinely behind them. Read integration guide

Studio theme Free How to add Hero Image 3 to Studio Theme A photo, a looping video or a colour behind a badge, a heading, a row of benefit pills and the buttons. The video only downloads once the hero is on screen, pauses when it leaves, and is never fetched at all for anyone who has asked for reduced motion — the still frame carries the hero instead. Read integration guide

Studio theme Free How to add Hero Image 2 to Studio Theme A photo, a gradient or a colour behind a heading whose middle word cycles. The rotation is a plain vertical scroll of words the page already holds, so with no script — or for anyone whose device asks for reduced motion — the first word simply stays and the sentence still reads. Read integration guide

Studio theme Free How to add Hero Image 1 to Studio Theme One photograph, edge to edge, with the words set over it. A separate photo can be uploaded for phones, which matters more than it sounds: a wide shot cropped to a phone loses about two thirds of its width, and usually the subject with it. Heights are measured against the visible screen, so the hero is never taller than what a shopper can actually see. Read integration guide

Studio theme Free How to add Product Tiles 1 to Studio Theme Three tall tiles, each carrying one product under a big display word. The photo flips on hover when a second one is set, and the caption trades places with the buy button. On a phone the caption can sit on the photo or under it, and the text is contrast-checked for whichever you choose. Read integration guide

Studio theme Free How to add Product Banner 2 to Studio Theme The restrained treatment of the same shape: a light banner, one button per card, no glow, and the arrows on the banner itself rather than in a strip under the row. A lit seam is drawn where the cards meet the banner, so the overlap reads as placed rather than cropped. Read integration guide

Studio theme Free How to add Product Banner 1 to Studio Theme A wide banner with the message on it and the product cards tucked up over its bottom edge, so the two read as one object rather than two stacked blocks. Two buttons per card — one to buy, one to read more — and a coloured glow behind the banner photo. Read integration guide

Studio theme Free How to add Product Slider 11 to Studio Theme A big heading over a band of tall product tiles, each with a small info plate under the photo. Badges are read from real data — sold out, then a genuine reduction, then how recently the product was added. The arrows sit over the row or up in the heading, and can be shown on a computer without appearing on a phone. Read integration guide

Studio theme Free How to add Product Slider 10 to Studio Theme A quiet row of products under a heading and one button, with a progress line and a counter underneath. The arrows and the progress only appear when there is genuinely more to see, and the counter reads the real scroll position so it follows a swipe as well as the arrows. Read integration guide

Studio theme Free How to add Product Slider 9 to Studio Theme A swipe row where every card carries a size menu and a quantity menu, so a shopper can buy three of something in one go. Badges come from your own product tags, never from stock levels, and the photo follows whichever size is picked. Read integration guide

Studio theme Free How to add Product Slider 8 to Studio Theme A swipe row of framed product cards. A size row opens on the photo so a shopper can add without leaving the page, and the eye button opens a quick look with the options, a quantity and the buy buttons. Both ship as plain links and are upgraded by script, so nothing on the card is ever a control that does nothing. Read integration guide

Studio theme Free How to add Product Slider 7 to Studio Theme A large lifestyle tile on the left and a swipe row of products on the right, with tabs across the top so one section covers new in, dresses and knitwear. Size buttons on the card update the price and link straight to that size. Read integration guide

Studio theme Free How to add Product Grid 6 to Studio Theme A shelf that can be a grid or a swipe row, with optional tabs across the top. Every card carries a size menu and a quantity menu, so a shopper can buy two of something without adding it twice. Card height is decided once for the whole section, so switching tabs never makes the shelf jump. Read integration guide

Studio theme Free How to add Product Grid 5 to Studio Theme A compact buy grid built for bundles and repeat purchases: small photo, name, price and the buttons right there. On a phone the card turns sideways so more fits on screen. A product with more than one size links to its own page rather than guessing. Read integration guide

Studio theme Free How to add Product Grid 4 to Studio Theme A grid with an optional large lead tile beside it, and a line under the price that adapts to what you sell: colour dots and a size range for clothing, or spec chips read from tags. Saved items live in the shopper's own browser, so no account is needed. Read integration guide

Studio theme Free How to add Collection Grid to Studio Theme Replaces your theme's own product grid on a collection page: products, sorting and pagination, with the caption rows built from blocks you can reorder or remove. Every card in a row shares an identical height, photo bottom, name top and button top, because the vendor and rating rows are decided once for the whole grid rather than card by card. Read integration guide

Studio theme Free How to add Product Story 1 to Studio Theme One product per slide, told as an editorial spread: the lifestyle photo on the left, a card on the right carrying the packshot, the name, the price and the button. Swipes natively, with a progress line and a slide counter. No slider library and no webfont — every type option uses a face already on the shopper's device. Read integration guide

Studio theme Free How to add Product Slider 6 to Studio Theme The workhorse: one collection, a swipe row of product cards with badges read from real data, an optional saved-items heart, quick add, star ratings and colour dots. Flip one switch and the row becomes a stacked grid instead. Read integration guide

Studio theme Free How to add Product Slider 5 to Studio Theme Tabs over a swipe row where the size picker lives on the card itself, so a shopper can add without leaving the page. The photo and the price both follow the size that is picked, and the photo map is keyed by image so a thirty-variant product does not carry thirty entries. Read integration guide

Studio theme Free How to add Product Slider 4 to Studio Theme A rail of best sellers where the rank is earned, not decorative: the numbers only appear when the collection is genuinely sorted by best selling, and the theme editor tells you when it is not. Star ratings come from whatever review app you already run. Read integration guide

Studio theme Free How to add Product Slider 3 to Studio Theme Tabs under a centred heading, and inside each tab a coloured promo card sitting beside the products. Each tab gets its own message, its own colour and its own button, and the text on the card is coloured for contrast automatically. Read integration guide

Studio theme Free How to add Product Slider 2 to Studio Theme A column on the left holding the heading, the tabs and one button that follows whichever tab is open; the products swipe past on the right. The low-stock badge reads real inventory, so it can never invent scarcity. Read integration guide

Studio theme Free How to add Product Slider 1 to Studio Theme A swipeable rail of product cards with a quick-look panel carrying the photo, price, description, quantity and buy-now. Pulls a collection, or hand-picked products when no collection is set. No slider library — the rail is native scroll-snap. Read integration guide

Studio theme Free How to add Product Grid 3 to Studio Theme Tabs with an underline that travels, one product grid under each and a button per tab. A tab takes a collection or a hand-picked list. On phones the grid becomes a swipe row so a peek of the next product invites the scroll. Read integration guide

Studio theme Free How to add Product Grid 2 to Studio Theme A tall rotating showcase on the left and a tabbed product grid on the right, so one section covers new in, dresses and sale without stacking three. Quick look opens a panel; single-variant products add straight to the bag. Read integration guide

Studio theme Free How to add Product Grid 1 to Studio Theme A collection grid with an optional large lead tile beside it, a saved-items heart, quick add, star ratings from your review app, automatic Sale, New and Sold-out badges, and a colour or spec row under the price. The button label is measured for contrast against whatever colour you pick. Read integration guide

Studio theme Free How to add Shop Collections 7 to Studio Theme A rail of full-bleed collection cards with the copy laid over the photo, positioned in any of nine spots — set separately for desktop and phones. Optional autoplay, dots and arrows, each toggled per screen size. Read integration guide

Studio theme Free How to add Shop Collections 6 to Studio Theme An editorial rail of collection cards with a numbered index, a badge, a kicker, a title and a meta line over a graded photo. One grade across mismatched photography makes the set read as one. Optional autoplay with a real pause control. Read integration guide

Studio theme Free How to add Shop Collections 1 to Studio Theme A grid of collection tiles in one of three shapes: a caption under the photo, a caption on the photo, or text-only chips for a shop-by-brand row. Ships with a preset for each. No script at all. Read integration guide

Studio theme Free How to add Shop Collections 4 to Studio Theme A rail of photo cards with a button sitting on each one. Every colour that ends up as text — including the button's hover state — is measured against the surface it actually lands on. Arrows sit over the cards or in the header. Read integration guide

Studio theme Free How to add Shop Collections 5 to Studio Theme A rail of leaning category cards. The lean is a clip on the photo, so captions stay upright and legible; set it to zero for ordinary rectangles. Each card takes an optional hover photo and a lead word before its title. Read integration guide

Studio theme Free How to add Shop Collections 2 to Studio Theme A row of category pills that navigates a shop. The pill for the collection being viewed fills itself automatically; on any other page you can flag one to lead with. Optional real product counts, wrapping or swiping on phones. Read integration guide

Studio theme Free How to add Shop Collections 3 to Studio Theme A swipeable rail of category cards, each on its own colour with a photo plate underneath the copy. The text colour on every card is measured against that card's own colour, so any palette stays readable. Counter, arrows and a progress bar. Read integration guide

Studio theme Free How to add Shop The Look 5 to Studio Theme An editorial full-bleed shot with numbered pins and one card floating in a corner of it. The card follows whichever pin is open, and on phones it can drop below the photo instead of covering the look. Read integration guide

Studio theme Free How to add Shop The Look 4 to Studio Theme One wide shot with numbered pins and the full list laid out underneath. A pin scrolls its card into view and rings it, and hovering a card lights its pin, so the photo and the grid always read as the same list. Read integration guide

Studio theme Free How to add Shop The Look 3 to Studio Theme A swipeable rail of styled scenes, each with its own pins and captions. Every pin opens a small product card over the photo, and the badge counting the pieces in a scene is worked out from the pins themselves so it can never go stale. Read integration guide

Studio theme Free How to add Shop The Look 2 to Studio Theme A shoppable photo on one side and the sales copy on the other. Pins open a product card docked to the bottom of the photo, while the copy column is built from heading, text, checklist and button blocks you can reorder freely. Read integration guide

Studio theme Free How to add Shop The Look 1 to Studio Theme A styled photo with numbered pins and a product card beside it that follows whichever pin is open. Arrows, a counter and a thumbnail row all drive the same index, so the card, the pins and the thumbs can never disagree. Read integration guide

Studio theme Free How to add Ingredient Tabs to Studio Theme A tab bar that swaps both the picture and the copy: one panel per ingredient, material or step, each with its own credential line, reason and link. Full keyboard navigation. Read integration guide

Studio theme Free How to add Media Proof to Studio Theme A large claim beside a tall picture, backed by a credentials list and one real customer review with a half-step star rating you enter yourself. Read integration guide

Studio theme Free How to add Media Tabs to Studio Theme A picture beside an accordion of answers, with optional chips underneath for the offers that close a sale. Takes a separate mobile crop and a link on the image. Read integration guide

Studio theme Free How to add Selling Points to Studio Theme One picture or clip beside the argument for buying: a headline, a paragraph, a numbered checklist of reasons and two buttons. External video opens in a popup that loads nothing until it is clicked. Read integration guide

Studio theme Free How to add Image Collage to Studio Theme Copy and a checklist beside a grid of photos that rearranges itself around how many there are, from one to a full gallery. Every photo takes its own caption and link. Read integration guide

Studio theme Free How to add Feature Rows to Studio Theme A stack of alternating image-and-text rows under one header, numbered if you want. Each row carries its own link, image label and clickable image. Read integration guide

Studio theme Free How to add Media Specs to Studio Theme A picture beside the claims that close a sale: an optional star rating you enter yourself, then rows pairing what a product does with what it gets the customer. Read integration guide

Studio theme Free How to add Editorial Story to Studio Theme A magazine-style spread: a large heading with an italic accent beside one picture or clip. The image can link anywhere, and you choose its side on desktop and its position on mobile independently. Read integration guide

Studio theme Free How to add Image Text Benefits to Studio Theme A picture beside a short grid of reasons to buy — free delivery, returns, secure checkout — each with a picked icon or one you upload. The image can link anywhere, and you choose whether it sits above or below the text on mobile. Read integration guide

Studio theme Free How to add Video Quick Shop to Studio Theme Shoppable clips that sell without leaving the page: each card carries its product, its variants and an add-to-cart, and opens full size in a popup with the description. Supports uploaded video or YouTube and Vimeo. Read integration guide

Studio theme Free How to add Shoppable Slider to Studio Theme A headline beside a side-scrolling row of shoppable clips. Each video carries the product it shows, with its image, name and price in a card below, and the row keeps its card size however few clips are left. Read integration guide

Studio theme Free How to add Social Posts to Studio Theme Customer posts in an Instagram or Facebook style card — profile row on top, image or clip in the middle, likes, caption and hashtags below. Three per row by default. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type. Switch the frame setting to show vertical reels instead. Read integration guide

Studio theme Free How to add Social Reels to Studio Theme Customer clips shown in a social frame — feed post or vertical reel — with handle, caption, platform logo and sound line. Hashtags in the caption tint themselves. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type, so nothing on the page pretends to be live. Read integration guide

Studio theme Free How to add Shoppable Reels to Studio Theme A scrolling rail of vertical clips, each with a product card floating over it — price, sale price and badges all read from your catalogue. New and discount badges are calculated, never typed, in four styles and two positions. Clips play only as they scroll into view, hide individually, and the card text color adapts to stay readable on any card color. Read integration guide

Studio theme Free How to add Shoppable Video to Studio Theme A grid of short vertical videos, each tied to a product with its image, name, price and discount. Play automatically, on hover or on click; YouTube and Vimeo load only when clicked so several embeds never slow the page. Cards hide individually and the grid follows how many are shown. Read integration guide

Studio theme Free How to add Collection Circles to Studio Theme Circular category links in a row that scrolls or wraps, each framed by a gradient or solid ring. Pick a collection to make the whole circle clickable, or point it anywhere with a link. Captions fall back to the collection title, discs hide individually, and everything — ring style, sizes, colors, spacing — is set in the theme editor. Read integration guide

Studio theme Free How to add Video Stories to Studio Theme Instagram-style rail of tappable video bubbles that opens a full-screen player with progress bar, sound toggle, swipe navigation and a call-to-action per video. Places itself anywhere on the product page. No external libraries. Read integration guide

Studio theme Free How to add Study Slider to Studio Theme Card slider with heading, description, and navigation buttons. Features customizable card dimensions, gap spacing, stats section, and smooth slide transitions with arrow navigation. Read integration guide

Studio theme Free How to add Testimonial Spotlight to Studio Theme Large featured testimonial with side info panel. Prominent single review display, customer photo, detailed quote, company logo, and supporting statistics. Read integration guide

Studio theme Free How to add Reviews Marquee to Studio Theme Infinite scrolling ticker-style reviews with modern design. Continuous horizontal scroll, pause on hover, customizable speed, and clean card design. Read integration guide

Studio theme Free How to add Video Testimonials to Studio Theme Showcase customer video reviews with thumbnails and lightbox. Play button overlay, video modal popup, customer name and title, and thumbnail grid layout. Read integration guide

Studio theme Free How to add Reviews Wall to Studio Theme Pinterest-style masonry layout with social media look. Mixed review sizes, source icons (verified, Instagram, etc.), and dynamic flowing layout. Read integration guide

Studio theme Free How to add Testimonials Grid to Studio Theme Static grid layout for testimonials with hover effects. Customizable columns (2-4), star ratings, customer info, and subtle lift animation on hover. Read integration guide

Studio theme Free How to add Testimonials Carousel to Studio Theme Customer reviews carousel with star ratings, customer photos, and smooth slide transitions. Navigation arrows, dot indicators, autoplay option, and touch swipe support. Read integration guide

Studio theme Free How to add Product Ingredients to Studio Theme Product ingredients section with ingredient cards showing name, description, and optional image. Perfect for skincare, supplements, or food products. Read integration guide

Studio theme Free How to add Product Bundle to Studio Theme Display product bundle or kit with included items. Bundle image, list of included products, savings badge, total value display, and add bundle to cart CTA. Read integration guide

Studio theme Free How to add Product Specifications to Studio Theme Product with detailed specifications table. Alternating row colors, specification labels and values, product image, and organized technical details. Read integration guide

Studio theme Free How to add Product Gallery to Studio Theme Product with image gallery and thumbnails. Main image display with thumbnail navigation, zoom on hover, and product info section with price and CTA. Read integration guide

Studio theme Free How to add Product Features to Studio Theme Product display with feature highlights in a two-column layout. Large product image on one side, feature list with icons on the other, and CTA button. Read integration guide

Studio theme Free How to add Features Numbered to Studio Theme Numbered features/steps with descriptions in a timeline style. Circular number badges, connecting lines between steps, and optional feature bullet points per step. Read integration guide

Studio theme Free How to add Features Cards to Studio Theme Feature cards with images in a grid layout. Image at top, title, description, and optional link. Customizable columns, hover animations, and rounded corners. Read integration guide

Studio theme Free How to add Features Icons Grid to Studio Theme Features displayed with icons in a responsive grid. SVG icon support, customizable columns (2-4), hover effects, and centered icon with title and description layout. Read integration guide

Studio theme Free How to add FAQ Side Navigation to Studio Theme FAQ with left sidebar navigation for categories. Sticky sidebar with category links, smooth scroll to sections, and active state highlighting on scroll. Read integration guide

Studio theme Free How to add FAQ Searchable to Studio Theme FAQ with search functionality and instant filtering. Search box with icon, real-time filtering as user types, highlight matching questions, and no results message. Read integration guide

Studio theme Free How to add FAQ Two Column to Studio Theme FAQ displayed in two columns for wider layouts. Questions split across columns, accordion functionality, and responsive single column on mobile devices. Read integration guide

Studio theme Free How to add FAQ Tabs to Studio Theme Categorized FAQ with tab navigation. Organize questions by category with clickable tabs, accordion items within each tab, and smooth tab switching animations. Read integration guide

Studio theme Free How to add FAQ Accordion to Studio Theme Expandable/collapsible FAQ items with smooth animations. Classic accordion style with plus/minus icons, hover effects, and customizable question/answer backgrounds. Read integration guide

Studio theme Free How to add Countdown Product Launch to Studio Theme Product launch countdown with product preview image. Features header section, product display, countdown timer, and notify/pre-order button for upcoming releases. Read integration guide

Studio theme Free How to add Countdown Minimal to Studio Theme Minimal inline countdown timer with text alongside. Clean horizontal layout perfect for subtle urgency messaging without overwhelming the page design. Read integration guide

Studio theme Free How to add Countdown Boxed to Studio Theme Boxed style countdown with side content layout. Card-based design with border, image support, feature list, and countdown timer in an elegant contained format. Read integration guide

Studio theme Free How to add Countdown Hero to Studio Theme Full width hero section with background image, overlay, and countdown timer. Features customizable minimum height, overlay opacity, and prominent countdown display. Read integration guide

Studio theme Free How to add Countdown Banner to Studio Theme Simple banner style countdown timer with label badge, heading, description, and CTA button. Clean centered layout with customizable time boxes and accent colors. Read integration guide

Studio theme Free How to add Product Comparison Table to Studio Theme Compare multiple products side by side with features table. Product images, prices, feature rows with check/X icons, highlighted recommended product, and mobile-responsive with sticky first column. Read integration guide

Studio theme Free How to add Dual Flow Comparison to Studio Theme Compare two processes or paths side by side with step-by-step flow. Headers with images, numbered steps, and highlighted final result. Perfect for Old Way vs New Way comparisons. Read integration guide

Studio theme Free How to add Competitor Comparison to Studio Theme Visual brand vs competitors side by side with VS badge. Compare your product against competitors with feature rows, brand highlighting, and winner indicators. Read integration guide

Studio theme Free How to add Before After Table to Studio Theme Show transformation results in a clean table format with before and after columns. Colored headers, alternating rows, and perfect for showcasing improvements or changes. Read integration guide

Studio theme Free How to add Feature Comparison to Studio Theme Simple visual two-column comparison with checkmark and X icons. Perfect for showing included vs not included features, pros vs cons, or your product vs alternatives. Read integration guide

Studio theme Free How to add Pricing Table to Studio Theme Clean pricing cards with monthly/yearly toggle, featured plan highlighting, feature lists with checkmarks, and CTA buttons. Supports 2-4 pricing tiers with customizable colors. Read integration guide

Studio theme Free How to add Hero 9 Banner to Studio Theme Hero section with dual animated image columns (left and right scrolling) alongside heading, text, and CTA button. Features reversible layout position and customizable typography and button styling. Read integration guide

Studio theme Free How to add Image Templates Banner to Studio Theme Two-column layout with scrolling image gallery and pricing box. Features animated vertical image columns, trusted brands badge, benefits list with icons, deal countdown styling, and logo strip section. Read integration guide

Studio theme Free How to add Rotating Carousel Banner to Studio Theme Interactive carousel with JavaScript controls, Ken Burns zoom effect, progress bar, dot indicators, navigation arrows, and touch support. Features autoplay, glass/solid/outline buttons, and smooth slide transitions. Read integration guide

Studio theme Free How to add Split Content Banner to Studio Theme Two-column layout with image and text, smooth animations, and hover effects. Features customizable split ratios (50/50, 40/60, 60/40, 30/70, 70/30), optional badge, accent line, and reversible layout. Read integration guide

Studio theme Free How to add Hero Banner to Studio Theme Premium full-width hero with animated shape dividers (wave, curve, tilt, blob, triangle, zigzag), gradient overlays, and advanced background effects (particles, gradient shift, shimmer, pulse). The ultimate hero section. Read integration guide

Studio theme Free How to add Minimal Text Banner to Studio Theme Clean typography-focused banner with elegant fade-up animations and optional background effects (pulse, float, shimmer). Features glass/solid/outline button options and subtle animated backgrounds for a refined look. Read integration guide

Studio theme Free How to add Gradient Overlay Banner to Studio Theme Visually striking banner with customizable gradient overlays (bottom, full, radial, left, right), content animations, flexible positioning, and glass/solid/outline button styles. Features hover zoom effect on background image. Read integration guide

Studio theme Free How to add 3D Flip Rotator to Studio Theme Stunning 3D flip animations with typewriter effect and progress indicator. Rotates through multiple messages with smooth 3D perspective transforms and customizable timing. Read integration guide

Studio theme Free How to add Stock Ticker Pro to Studio Theme Stock market style ticker with trend indicators, animated numbers, and flash alerts. Monospace font styling, fixed label section, and smooth scrolling for a professional trading floor look. Read integration guide

Studio theme Free How to add Urgency Split Bar to Studio Theme Real countdown timer with animated urgency border and confetti effects. Split layout with highlighted section, pulse ring animation, and countdown functionality for flash sales. Read integration guide

Studio theme Free How to add Neon Glow Marquee to Studio Theme Eye-catching neon effects with glitch animation and rainbow text options. Features smooth scrolling, direction control, pause on hover, and customizable glow intensity. Read integration guide

Studio theme Free How to add Gradient Marquee to Studio Theme Scrolling marquee with animated gradient backgrounds (sunset, ocean, purple, fire, forest, midnight). Features glow effects, customizable scroll speed, direction control, and pause on hover. Read integration guide

Studio theme Free How to add After Before Slider to Studio Theme Interactive before/after image comparison slider with draggable handle. Features rounded corners, shadow effects, customizable gap between columns, and responsive design with configurable padding. Read integration guide

Studio theme Free How to add Image With Text Premium to Studio Theme Luxury-style image with text section featuring multi-image collage layout, Poppins typography, background image support, and four feature text blocks. Perfect for premium brand storytelling. Read integration guide

Studio theme Free How to add Image Text Zigzag to Studio Theme Alternating image-text blocks in a zigzag pattern for storytelling. Includes optional step numbers, individual CTA buttons per block, and elegant flowing layout perfect for How It Works or process explanations. Read integration guide

Studio theme Free How to add Image Text Cards to Studio Theme Multi-card grid layout showcasing image-text combinations in 2-4 column layouts. Features hover animations, customizable image ratios (square/landscape/portrait), and animated link arrows for engaging storytelling. Read integration guide

Studio theme Free How to add Image Text Overlay to Studio Theme Full-width hero section with background image and text overlay. Includes customizable overlay color and opacity, flexible content positioning (left/center/right), dual CTA buttons, and responsive mobile optimization. Read integration guide

Studio theme Free How to add Image Text Split to Studio Theme Classic 50/50 split layout with image on one side and text content on the other. Features reversible image position, feature list with checkmarks, customizable CTA button, and smooth responsive behavior. Read integration guide

Studio theme Free How to add Stacked Promotion Banner to Studio Theme Stacked Promotion with quantity break discount Read integration guide

Studio theme Free How to add Back to Top to Studio Theme Enhance your store’s browsing experience with a simple “Back to Top” button. Smooth, user-friendly navigation helps customers explore your site with ease. Read integration guide

Studio theme Free How to add Designed with an Edge to Studio Theme Add a modern sloped design to your store for a bold and dynamic layout. Perfect for separating sections, drawing attention to products, or giving your pages a stylish flow. Read integration guide

Studio theme Free How to add Follow the Feed to Studio Theme Stay connected with our latest looks, trends, and community highlights—straight from Instagram. Click, explore, and shop your favorite styles directly from the feed. Read integration guide

Studio theme Free How to add Frequently Asked Questions to Studio Theme Find quick answers to the most common questions about our products, shipping, returns, and more. We’ve made it easy for you to get the information you need—right at your fingertips. Read integration guide

Studio theme Free How to add Explore Our Gallery to Studio Theme Showcase your products, brand moments, and customer favorites in a stylish grid layout. Our gallery brings your store to life with visuals that inspire and engage shoppers. Read integration guide

Studio theme Free How to add From Our Blog to Studio Theme Stay updated with the latest tips, trends, and stories from our team. Explore helpful guides, product highlights, and inspiration to make the most of your shopping experience. Read integration guide

Studio theme Free How to add Smooth & Modern Design to Studio Theme Add a stylish wave effect to your store layout. The Wave Section creates natural flow between sections, giving your storefront a clean, modern, and engaging look that keeps customers scrolling. Read integration guide

Studio theme Free How to add Discover the Difference to Studio Theme Bring your store to life with our Parallax Banner. Eye-catching visuals and smooth scrolling effects create an immersive shopping experience while showcasing your brand in style. Read integration guide

Studio theme Free How to add Follow Us on Instagram to Studio Theme Stay inspired and never miss a moment! Explore our latest styles, behind-the-scenes looks, and customer favorites straight from our Instagram feed. Click, shop, and join our community today. Read integration guide

Origin theme Free How to add Team Grid 1 to Origin Theme The people behind the shop: a heading, a few lines that turn "we" into faces, then the team in a grid with a round photo, a first name, a role and one line each. Three or four per row, the last row centred. Read integration guide

Origin theme Free How to add Results Timeline 1 to Origin Theme Milestones down a centre line: a big time label, a title, a few lines, a customer quote in a card and a photo on the other side, alternating. For "what to expect and when" on a product page. Read integration guide

Origin theme Free How to add Blog Posts 1 to Origin Theme The latest posts of a blog as cards: photo, date, title, an excerpt and a read-more link, two to four per row. On an article page it leaves the current post out, so it reads as "read next". Read integration guide

Origin theme Free How to add Newsletter Band 1 to Origin Theme A sign-up band with an offer: a heading, three perks with a tick, the email field and the button, a photo beside it if you like. Subscribers get the newsletter tag; the thank-you shows in place. Read integration guide

Origin theme Free How to add Review Cards 1 to Origin Theme Customer reviews on a coloured band: a star rating in a pill, a heading and a row of cards that scrolls, each with the review, a verified mark, an initial or photo, the name and stars. Arrows on computers, a swipe on phones, and wavy edges if you want them. Read integration guide

Origin theme Free How to add Benefits Panel 1 to Origin Theme A rounded panel in your brand colour: the argument and a button on one side, and on a white card every benefit as an icon and a short label, reading down one or two columns. Read integration guide

Origin theme Free How to add Benefit Cards 1 to Origin Theme A heading over cards that each make one case: a photo set in from the card's edge, two short tags, a title and a sentence. Side by side on computers; a swipe row or a stack on phones. Read integration guide

Origin theme Free How to add Comparison Table 1 to Origin Theme Your product against the alternatives in a real table: a tinted or framed column with a tick on every row, crosses or words for the others, an optional third column and a button underneath. {title} in the words becomes the product's title. Read integration guide

Origin theme Free How to add Stat Rings 1 to Origin Theme A photo beside a heading and up to six figures, each a ring filled to its percentage with the number inside and a line of text. The rings fill as they scroll into view, and a note says where the figures come from. Read integration guide

Origin theme Free How to add Reviews Summary 1 to Origin Theme A reviews page in one section: the average and how many reviews it rests on, a bar for each star, a button to write one, then the reviews in a masonry wall with a sort menu and a Load more button. The summary is worked out from the reviews added here, or typed in when the real numbers live in another app. Read integration guide

Origin theme Free How to add Photo Reviews 1 to Origin Theme Customer reviews that lead with the photo: the piece being worn, then the stars, a title, the words and who wrote them with a verified mark. A rating line sits over the heading, the cards form a grid of two to four, and on phones they become a swipe row. Read integration guide

Origin theme Free How to add Product Callouts 1 to Origin Theme One photo in the middle and the reasons to buy set around it, half on each side, each with an icon from the shared set or your own, a title and a line of text. On a product page the photo can be the product's own until you pick another, and on phones the callouts fall into a tidy grid under the picture. Read integration guide

Origin theme Free How to add FAQ Split 1 to Origin Theme The heading, a word of reassurance, an optional photo and a contact link on one side; the questions on the other, opening one at a time with no script. The side column stays in view while the answers scroll, and every question is published as FAQ structured data for search engines. Read integration guide

Origin theme Free How to add Guarantee Band 1 to Origin Theme A guarantee told between two photos: a heading, a short promise and a button in the middle, a row of reassurances underneath, and a picture on each side, staggered for a little movement. On phones the photos sit side by side above the words, or step aside altogether. Read integration guide

Origin theme Free How to add Shoppable Stories to Origin Theme Short videos that sell, as story bubbles or vertical reels. Previews play silently while on screen; a tap opens a full-screen player with progress bars, sound, and a swipe from one video to the next, and beside each video (over it on phones) sit the products it shows — options, price and an add to cart that never leaves the video. On a product page the stories can sit right inside the product details: under or above the buy buttons, under the title or under the description, and a video left without products sells the product of the page. No external libraries. Read integration guide

Origin theme Free How to add Island Header to Origin Theme A floating, rounded header that sits on the page like an island: the menu on one side, your logo in the middle (or first, with the space beside it yours to set), search, account and cart on the other. A pill glides between menu items and rests on the page being viewed; drop-downs open as a card sized to their links, as wide as the island or across the whole screen, show each collection's picture in front of its link (square, rounded or round, as you set), group three-level menus and hold stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like: above the name on computers, beside it on phones. The phone menu can show the same pictures, opens each sub-menu on the item's name, on "All" in the shopper's language or on words of your own, and places pictures, short texts and your own code above or below the links of the item they belong to; a Custom code block also takes CSS to restyle anything in the header. Search opens a panel with quick links, then live results as product cards with photo and price. Shoppers sign in through Shopify's own account button — with Shop, Google, Facebook or a code by email, without leaving the page — and choose their country (and so their currency) and language in a compact panel with a search box for long lists, or in two rows at the foot of the phone menu. The cart, with your own icon if you like, opens a drawer of its own — quantities, discounts, subscriptions, a free-shipping progress bar and checkout — that keeps working with your theme's header switched off and can open by itself after an add to cart. It can float see-through over your first section and turn solid once past it, stays pinned as the page scrolls (slimmer, or hiding on the way down), and works out every quiet tone from your colours with contrast checked. Read integration guide

Origin theme Free How to add Mega Search Header to Origin Theme A header built around search, for large catalogues: a wide search bar with a product-type picker and live suggestions (matching searches first, then products with photo and price), and a menu row whose items open panels across the full width, as wide as the page, or as a card sized to their links — headed columns for three-level menus, each collection's picture in front of its link (square, rounded or round, as you set), a "Shop all" link, and stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like. A deal link shines in your accent colour, and the cart can wear your own icon. Shoppers sign in through Shopify's own account button and choose their country (and so their currency) and language in a compact panel with a search box for long lists. It stays on top as the page scrolls (slimmer, hidden on the way down, or down to the menu row alone), keeps the cart count right after any add to cart, and becomes a side-sheet menu on phones with its own search row, the same pictures and labels, short texts and your own code above or below each item's links, and the first link of each sub-menu worded as you like. Every in-between tone is computed from your colours and checked for contrast. Read integration guide

Origin theme Free How to add Coverflow 2 to Origin Theme A gallery wall: each photograph sits in a mat and a frame, hung in a row that recedes to either side of the one in front. Navigation is a brass plaque with the piece number and a row of tick marks, the way a wall label works. Hangs flat by default, and leans as far as you want it to. Read integration guide

Origin theme Free How to add Coverflow 1 to Origin Theme A leaning deck of cards: one in front, its neighbours fanned out behind and shrinking with distance. Each card carries a signed offset from the centre as a CSS custom property and one transform rule reads it, so moving the deck rewrites numbers rather than markup. Clicking a card behind brings it forward. Read integration guide

Origin theme Free How to add Slideshow 4 to Origin Theme A product slideshow where each slide brings its own colours: a coloured ground, a soft halo, and a cut-out product floating on top with the words beside it. The navigation borrows the active slide's colours, so a dot never disappears on a dark slide. With autoplay on, the active dot fills a progress ring as the timer runs. Read integration guide

Origin theme Free How to add Slideshow 3 to Origin Theme A slideshow whose words sit on a frosted glass card, navigated by thumbnails on a matching frosted plate. One tint drives the card, the plate and the veil, so recolouring cannot pull the three apart. A slide can carry a silent looping video instead of a photo, started only when motion is welcome. Read integration guide

Origin theme Free How to add Slideshow 2 to Origin Theme An editorial slideshow: a rotated category label down the edge, a slide counter, and an optional product card pinned to the corner. Pick a product and the card fills itself in, or override any field by hand. Each slide declares whether its photo is light or dark, which moves the text colour and the veil together. Read integration guide

Origin theme Free How to add Slideshow 1 to Origin Theme A full-bleed slideshow: one photo per slide with its own words and up to two buttons. Matching the first photo's proportions is worked out server-side, so the stage holds its space before anything loads. A banner mode keeps the first slide's words still while only the photos rotate, and nothing is deleted when you switch it back. Read integration guide

Origin theme Free How to add Countdown Drop 1 to Origin Theme A holographic banner for a launch or a restock, running either as a countdown to a scheduled drop or as a pulsing live badge for one already open. The drop name is rendered as a holographic wordmark with a plain-colour fallback, so it is never invisible on an older browser. Read integration guide

Origin theme Free How to add Countdown Sale 5 to Origin Theme A seasonal sale band with an illustration beside the wording: pick Easter, Mother's Day, Summer, Launch day or Lunar New Year and the artwork changes while everything else stays put. Every season is drawn inline in the band's own two colours, so switching costs no extra request and can never clash. Ships with five ready-made presets. Read integration guide

Origin theme Free How to add Countdown Sale 4 to Origin Theme A seasonal sale band flanked by two large emblems, from a sun and a parasol to a pumpkin and a bat. The emblems are inline SVG in the band's own highlight colour, fade back on tablets, and step aside entirely on phones where the wording needs the room. Read integration guide

Origin theme Free How to add Countdown Sale 3 to Origin Theme A Valentine's countdown band with hearts rising slowly behind the wording. The hearts are CSS shapes rather than an image, so they cost no request and take their colour from the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Origin theme Free How to add Countdown Sale 2 to Origin Theme A New Year countdown band with confetti drifting behind the wording. The confetti is drawn in CSS from a handful of shapes rather than an image, so it costs no request and recolours with the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Origin theme Free How to add Countdown Sale 1 to Origin Theme A festive promotional band: heading, live countdown, offer line, button and a tap-to-copy discount code, over your own photo or a warm built-in gradient. The days column hides itself on the final day, so the clock reads hours, minutes and seconds instead of a permanent zero. Read integration guide

Origin theme Free How to add Countdown Media 1 to Origin Theme A photograph or video beside an offer panel, with the clock drawn as a torn ticket. The ticket's notches are painted in the colour that sits behind the card, so they read as punched holes rather than grey circles. A YouTube or Vimeo video is not embedded until a shopper actually presses play. Read integration guide

Origin theme Free How to add Countdown Split 1 to Origin Theme A coloured panel of words and a clock beside a full-height photograph. The panel side can be swapped, and on phones the photo moves above the panel so the wording is never squeezed into a narrow column. Three clock styles, from tiles to plain numbers. Read integration guide

Origin theme Free How to add Countdown Hero 2 to Origin Theme A full-bleed hero with the offer, a live clock and a button set over one or more photographs. Add a second photo and it becomes a slideshow; with one it draws no navigation and loads no slideshow code. Heights are measured against the screen a phone actually shows, so the hero is never taller than the visible area. Read integration guide

Origin theme Free How to add Countdown Bar 1 to Origin Theme A slim bar that rotates through several promotions, each able to carry its own live clock, tap-to-copy discount code and button. A promotion whose date has passed is dropped server-side, so an expired offer is never in the page at all. Closing the bar is remembered for the visit and scoped to the campaign, so changing a date brings it back. Read integration guide

Origin theme Free How to add Marquee 4 to Origin Theme A scrolling band that can carry words, images, buttons and a live countdown together. The digits use tabular figures and the days field reserves the width it needs at render time, so a tick can never change the set width and jog the loop. The clock is worked out server-side first, so the numbers are right at first paint. Read integration guide

Origin theme Free How to add Marquee 3 to Origin Theme A sale marquee with depth: a faint oversized ghost of the same words drifts behind at half speed, and the emblems bob gently in place. Words alternate filled and hollow, which is what gives the band its rhythm without needing a second colour. An emblem set to turn keeps turning, because spin and bob both animate the same property. Read integration guide

Origin theme Free How to add Marquee 2 to Origin Theme A holographic drop band for launches and restocks. One glow palette retunes the background, the words and the emblems together, with a Custom option for your own colours. A slow band of light drifts across behind the words, and stops for anyone who asks for reduced motion. Read integration guide

Origin theme Free How to add Marquee 1 to Origin Theme A large scrolling band of words and emblems, in one row or two running opposite ways. Twelve emblems are drawn inline as SVG in filled and outlined weights, and words can be filled or hollow. The loop is pure CSS, so nothing has to be measured at runtime. Read integration guide

Origin theme Free How to add Utility Bar 1 to Origin Theme A three-zone top rail: quick links on the left, a scrolling message in the middle, and country, language and social links on the right. Only the middle moves, so the links and the country picker stay clickable. The softer divider tone is worked out from your text colour and measured against the background, so recolouring the bar cannot quietly drop it below a readable contrast. Read integration guide

Origin theme Free How to add Announcement Bar 5 to Origin Theme A holographic strip for launches and restocks. Picking a glow palette retunes the background, the text and the highlight together, so the strip can never be left half-recoloured, and a Custom palette hands the three colours back. The sheen and the loop are both CSS, and both hold still under reduced motion. Read integration guide

Origin theme Free How to add Announcement Bar 4 to Origin Theme A marquee bar with two pinned ends: a fixed label on the left and a fixed button on the right, with the messages scrolling between them. Only the middle moves, so the offer name and the call to action stay readable and clickable. On phones the button can shrink to an arrow to leave the messages room. Read integration guide

Origin theme Free How to add Announcement Bar 3 to Origin Theme Each message carries its own icon, so the bar reads as a row of store promises rather than one long sentence. Eighteen icons are drawn inline as SVG, with emoji and uploaded images as alternatives, so nothing can 404 when the theme changes. Read integration guide

Origin theme Free How to add Announcement Bar 2 to Origin Theme A wide-tracked statement bar. The messages are plain text on purpose, which is what lets the whole bar safely become one link: a message that could contain a link of its own would put an anchor inside an anchor, and browsers quietly tear that apart. Letter spacing is what gives the bar its look. Read integration guide

Origin theme Free How to add Announcement Bar 1 to Origin Theme A slim promotional bar whose messages loop across the top of the page. The loop is pure CSS: the message set is rendered twice and the track slides exactly half its width, so it repeats with no seam and no JavaScript at all. With a single message the bar simply stays still and centred, instead of sliding away and leaving a blank strip. Read integration guide

Origin theme Free How to add Hero Slider 1 to Origin Theme A row of hero panels a shopper swipes through, with a band of promises welded to the bottom. Each panel is either a photograph with the words over it, or a product on a colour of your choosing under a big faded word — and a showcase panel measures its own background, so a pale panel flips the text to dark rather than losing it. Read integration guide

Origin theme Free How to add Hero Review 2 to Origin Theme The same proof as Hero Review 1, gathered into one frosted panel instead of set loose in the column — which is what lets it hold up over a bright or busy photograph. Where a browser cannot frost, the panel falls back to its solid tint so the words stay readable either way. Read integration guide

Origin theme Free How to add Hero Review 1 to Origin Theme A hero whose proof sits in the flow: the heading, then the stars, then one real customer quote, all in the same column. Nothing is invented — the stars, the score and the count are all typed by you, and every one of them is off until you turn it on. Read integration guide

Origin theme Free How to add Hero Stats 1 to Origin Theme A headline beside a set of figure cards that count up as they scroll into view. The count reads the number you typed and rebuilds it — prefix, suffix and decimals included — so a figure like £1.2m+ animates and still lands on exactly what you wrote. Anything with no number in it is left alone. Read integration guide

Origin theme Free How to add Hero Split 3 to Origin Theme A text panel beside a photograph, with a tag above the heading, a caption bar across the bottom of the photo and a row of short facts under the buttons. Built for a product launch page where the detail matters as much as the headline. Read integration guide

Origin theme Free How to add Hero Split 2 to Origin Theme A deep colour panel beside a photograph, with badges above the heading and a short list of reassurances under it. Every colour that carries text is measured against the panel it actually lands on, so a pale panel does not swallow the words. An optional small photo tucks over the corner on a computer. Read integration guide

Origin theme Free How to add Hero Split 1 to Origin Theme A colour panel beside a photograph, with a highlighted word in the heading that can cycle through several, and a band of promises scrolling along the bottom. The highlighter can hold one width sized to the longest word, so the line does not shift sideways every time the word changes. Read integration guide

Origin theme Free How to add Hero Grid 1 to Origin Theme One large card next to a column of smaller promo tiles. The big card takes a photo as a full background or as a cut-out bleeding off the corner; each tile takes its own photo or a colour blend. Wherever words sit over a photo, their colour is measured against what is genuinely behind them. Read integration guide

Origin theme Free How to add Hero Image 3 to Origin Theme A photo, a looping video or a colour behind a badge, a heading, a row of benefit pills and the buttons. The video only downloads once the hero is on screen, pauses when it leaves, and is never fetched at all for anyone who has asked for reduced motion — the still frame carries the hero instead. Read integration guide

Origin theme Free How to add Hero Image 2 to Origin Theme A photo, a gradient or a colour behind a heading whose middle word cycles. The rotation is a plain vertical scroll of words the page already holds, so with no script — or for anyone whose device asks for reduced motion — the first word simply stays and the sentence still reads. Read integration guide

Origin theme Free How to add Hero Image 1 to Origin Theme One photograph, edge to edge, with the words set over it. A separate photo can be uploaded for phones, which matters more than it sounds: a wide shot cropped to a phone loses about two thirds of its width, and usually the subject with it. Heights are measured against the visible screen, so the hero is never taller than what a shopper can actually see. Read integration guide

Origin theme Free How to add Product Tiles 1 to Origin Theme Three tall tiles, each carrying one product under a big display word. The photo flips on hover when a second one is set, and the caption trades places with the buy button. On a phone the caption can sit on the photo or under it, and the text is contrast-checked for whichever you choose. Read integration guide

Origin theme Free How to add Product Banner 2 to Origin Theme The restrained treatment of the same shape: a light banner, one button per card, no glow, and the arrows on the banner itself rather than in a strip under the row. A lit seam is drawn where the cards meet the banner, so the overlap reads as placed rather than cropped. Read integration guide

Origin theme Free How to add Product Banner 1 to Origin Theme A wide banner with the message on it and the product cards tucked up over its bottom edge, so the two read as one object rather than two stacked blocks. Two buttons per card — one to buy, one to read more — and a coloured glow behind the banner photo. Read integration guide

Origin theme Free How to add Product Slider 11 to Origin Theme A big heading over a band of tall product tiles, each with a small info plate under the photo. Badges are read from real data — sold out, then a genuine reduction, then how recently the product was added. The arrows sit over the row or up in the heading, and can be shown on a computer without appearing on a phone. Read integration guide

Origin theme Free How to add Product Slider 10 to Origin Theme A quiet row of products under a heading and one button, with a progress line and a counter underneath. The arrows and the progress only appear when there is genuinely more to see, and the counter reads the real scroll position so it follows a swipe as well as the arrows. Read integration guide

Origin theme Free How to add Product Slider 9 to Origin Theme A swipe row where every card carries a size menu and a quantity menu, so a shopper can buy three of something in one go. Badges come from your own product tags, never from stock levels, and the photo follows whichever size is picked. Read integration guide

Origin theme Free How to add Product Slider 8 to Origin Theme A swipe row of framed product cards. A size row opens on the photo so a shopper can add without leaving the page, and the eye button opens a quick look with the options, a quantity and the buy buttons. Both ship as plain links and are upgraded by script, so nothing on the card is ever a control that does nothing. Read integration guide

Origin theme Free How to add Product Slider 7 to Origin Theme A large lifestyle tile on the left and a swipe row of products on the right, with tabs across the top so one section covers new in, dresses and knitwear. Size buttons on the card update the price and link straight to that size. Read integration guide

Origin theme Free How to add Product Grid 6 to Origin Theme A shelf that can be a grid or a swipe row, with optional tabs across the top. Every card carries a size menu and a quantity menu, so a shopper can buy two of something without adding it twice. Card height is decided once for the whole section, so switching tabs never makes the shelf jump. Read integration guide

Origin theme Free How to add Product Grid 5 to Origin Theme A compact buy grid built for bundles and repeat purchases: small photo, name, price and the buttons right there. On a phone the card turns sideways so more fits on screen. A product with more than one size links to its own page rather than guessing. Read integration guide

Origin theme Free How to add Product Grid 4 to Origin Theme A grid with an optional large lead tile beside it, and a line under the price that adapts to what you sell: colour dots and a size range for clothing, or spec chips read from tags. Saved items live in the shopper's own browser, so no account is needed. Read integration guide

Origin theme Free How to add Collection Grid to Origin Theme Replaces your theme's own product grid on a collection page: products, sorting and pagination, with the caption rows built from blocks you can reorder or remove. Every card in a row shares an identical height, photo bottom, name top and button top, because the vendor and rating rows are decided once for the whole grid rather than card by card. Read integration guide

Origin theme Free How to add Product Story 1 to Origin Theme One product per slide, told as an editorial spread: the lifestyle photo on the left, a card on the right carrying the packshot, the name, the price and the button. Swipes natively, with a progress line and a slide counter. No slider library and no webfont — every type option uses a face already on the shopper's device. Read integration guide

Origin theme Free How to add Product Slider 6 to Origin Theme The workhorse: one collection, a swipe row of product cards with badges read from real data, an optional saved-items heart, quick add, star ratings and colour dots. Flip one switch and the row becomes a stacked grid instead. Read integration guide

Origin theme Free How to add Product Slider 5 to Origin Theme Tabs over a swipe row where the size picker lives on the card itself, so a shopper can add without leaving the page. The photo and the price both follow the size that is picked, and the photo map is keyed by image so a thirty-variant product does not carry thirty entries. Read integration guide

Origin theme Free How to add Product Slider 4 to Origin Theme A rail of best sellers where the rank is earned, not decorative: the numbers only appear when the collection is genuinely sorted by best selling, and the theme editor tells you when it is not. Star ratings come from whatever review app you already run. Read integration guide

Origin theme Free How to add Product Slider 3 to Origin Theme Tabs under a centred heading, and inside each tab a coloured promo card sitting beside the products. Each tab gets its own message, its own colour and its own button, and the text on the card is coloured for contrast automatically. Read integration guide

Origin theme Free How to add Product Slider 2 to Origin Theme A column on the left holding the heading, the tabs and one button that follows whichever tab is open; the products swipe past on the right. The low-stock badge reads real inventory, so it can never invent scarcity. Read integration guide

Origin theme Free How to add Product Slider 1 to Origin Theme A swipeable rail of product cards with a quick-look panel carrying the photo, price, description, quantity and buy-now. Pulls a collection, or hand-picked products when no collection is set. No slider library — the rail is native scroll-snap. Read integration guide

Origin theme Free How to add Product Grid 3 to Origin Theme Tabs with an underline that travels, one product grid under each and a button per tab. A tab takes a collection or a hand-picked list. On phones the grid becomes a swipe row so a peek of the next product invites the scroll. Read integration guide

Origin theme Free How to add Product Grid 2 to Origin Theme A tall rotating showcase on the left and a tabbed product grid on the right, so one section covers new in, dresses and sale without stacking three. Quick look opens a panel; single-variant products add straight to the bag. Read integration guide

Origin theme Free How to add Product Grid 1 to Origin Theme A collection grid with an optional large lead tile beside it, a saved-items heart, quick add, star ratings from your review app, automatic Sale, New and Sold-out badges, and a colour or spec row under the price. The button label is measured for contrast against whatever colour you pick. Read integration guide

Origin theme Free How to add Shop Collections 7 to Origin Theme A rail of full-bleed collection cards with the copy laid over the photo, positioned in any of nine spots — set separately for desktop and phones. Optional autoplay, dots and arrows, each toggled per screen size. Read integration guide

Origin theme Free How to add Shop Collections 6 to Origin Theme An editorial rail of collection cards with a numbered index, a badge, a kicker, a title and a meta line over a graded photo. One grade across mismatched photography makes the set read as one. Optional autoplay with a real pause control. Read integration guide

Origin theme Free How to add Shop Collections 1 to Origin Theme A grid of collection tiles in one of three shapes: a caption under the photo, a caption on the photo, or text-only chips for a shop-by-brand row. Ships with a preset for each. No script at all. Read integration guide

Origin theme Free How to add Shop Collections 4 to Origin Theme A rail of photo cards with a button sitting on each one. Every colour that ends up as text — including the button's hover state — is measured against the surface it actually lands on. Arrows sit over the cards or in the header. Read integration guide

Origin theme Free How to add Shop Collections 5 to Origin Theme A rail of leaning category cards. The lean is a clip on the photo, so captions stay upright and legible; set it to zero for ordinary rectangles. Each card takes an optional hover photo and a lead word before its title. Read integration guide

Origin theme Free How to add Shop Collections 2 to Origin Theme A row of category pills that navigates a shop. The pill for the collection being viewed fills itself automatically; on any other page you can flag one to lead with. Optional real product counts, wrapping or swiping on phones. Read integration guide

Origin theme Free How to add Shop Collections 3 to Origin Theme A swipeable rail of category cards, each on its own colour with a photo plate underneath the copy. The text colour on every card is measured against that card's own colour, so any palette stays readable. Counter, arrows and a progress bar. Read integration guide

Origin theme Free How to add Shop The Look 5 to Origin Theme An editorial full-bleed shot with numbered pins and one card floating in a corner of it. The card follows whichever pin is open, and on phones it can drop below the photo instead of covering the look. Read integration guide

Origin theme Free How to add Shop The Look 4 to Origin Theme One wide shot with numbered pins and the full list laid out underneath. A pin scrolls its card into view and rings it, and hovering a card lights its pin, so the photo and the grid always read as the same list. Read integration guide

Origin theme Free How to add Shop The Look 3 to Origin Theme A swipeable rail of styled scenes, each with its own pins and captions. Every pin opens a small product card over the photo, and the badge counting the pieces in a scene is worked out from the pins themselves so it can never go stale. Read integration guide

Origin theme Free How to add Shop The Look 2 to Origin Theme A shoppable photo on one side and the sales copy on the other. Pins open a product card docked to the bottom of the photo, while the copy column is built from heading, text, checklist and button blocks you can reorder freely. Read integration guide

Origin theme Free How to add Shop The Look 1 to Origin Theme A styled photo with numbered pins and a product card beside it that follows whichever pin is open. Arrows, a counter and a thumbnail row all drive the same index, so the card, the pins and the thumbs can never disagree. Read integration guide

Origin theme Free How to add Ingredient Tabs to Origin Theme A tab bar that swaps both the picture and the copy: one panel per ingredient, material or step, each with its own credential line, reason and link. Full keyboard navigation. Read integration guide

Origin theme Free How to add Media Proof to Origin Theme A large claim beside a tall picture, backed by a credentials list and one real customer review with a half-step star rating you enter yourself. Read integration guide

Origin theme Free How to add Media Tabs to Origin Theme A picture beside an accordion of answers, with optional chips underneath for the offers that close a sale. Takes a separate mobile crop and a link on the image. Read integration guide

Origin theme Free How to add Selling Points to Origin Theme One picture or clip beside the argument for buying: a headline, a paragraph, a numbered checklist of reasons and two buttons. External video opens in a popup that loads nothing until it is clicked. Read integration guide

Origin theme Free How to add Image Collage to Origin Theme Copy and a checklist beside a grid of photos that rearranges itself around how many there are, from one to a full gallery. Every photo takes its own caption and link. Read integration guide

Origin theme Free How to add Feature Rows to Origin Theme A stack of alternating image-and-text rows under one header, numbered if you want. Each row carries its own link, image label and clickable image. Read integration guide

Origin theme Free How to add Media Specs to Origin Theme A picture beside the claims that close a sale: an optional star rating you enter yourself, then rows pairing what a product does with what it gets the customer. Read integration guide

Origin theme Free How to add Editorial Story to Origin Theme A magazine-style spread: a large heading with an italic accent beside one picture or clip. The image can link anywhere, and you choose its side on desktop and its position on mobile independently. Read integration guide

Origin theme Free How to add Image Text Benefits to Origin Theme A picture beside a short grid of reasons to buy — free delivery, returns, secure checkout — each with a picked icon or one you upload. The image can link anywhere, and you choose whether it sits above or below the text on mobile. Read integration guide

Origin theme Free How to add Video Quick Shop to Origin Theme Shoppable clips that sell without leaving the page: each card carries its product, its variants and an add-to-cart, and opens full size in a popup with the description. Supports uploaded video or YouTube and Vimeo. Read integration guide

Origin theme Free How to add Shoppable Slider to Origin Theme A headline beside a side-scrolling row of shoppable clips. Each video carries the product it shows, with its image, name and price in a card below, and the row keeps its card size however few clips are left. Read integration guide

Origin theme Free How to add Social Posts to Origin Theme Customer posts in an Instagram or Facebook style card — profile row on top, image or clip in the middle, likes, caption and hashtags below. Three per row by default. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type. Switch the frame setting to show vertical reels instead. Read integration guide

Origin theme Free How to add Social Reels to Origin Theme Customer clips shown in a social frame — feed post or vertical reel — with handle, caption, platform logo and sound line. Hashtags in the caption tint themselves. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type, so nothing on the page pretends to be live. Read integration guide

Origin theme Free How to add Shoppable Reels to Origin Theme A scrolling rail of vertical clips, each with a product card floating over it — price, sale price and badges all read from your catalogue. New and discount badges are calculated, never typed, in four styles and two positions. Clips play only as they scroll into view, hide individually, and the card text color adapts to stay readable on any card color. Read integration guide

Origin theme Free How to add Shoppable Video to Origin Theme A grid of short vertical videos, each tied to a product with its image, name, price and discount. Play automatically, on hover or on click; YouTube and Vimeo load only when clicked so several embeds never slow the page. Cards hide individually and the grid follows how many are shown. Read integration guide

Origin theme Free How to add Collection Circles to Origin Theme Circular category links in a row that scrolls or wraps, each framed by a gradient or solid ring. Pick a collection to make the whole circle clickable, or point it anywhere with a link. Captions fall back to the collection title, discs hide individually, and everything — ring style, sizes, colors, spacing — is set in the theme editor. Read integration guide

Origin theme Free How to add Video Stories to Origin Theme Instagram-style rail of tappable video bubbles that opens a full-screen player with progress bar, sound toggle, swipe navigation and a call-to-action per video. Places itself anywhere on the product page. No external libraries. Read integration guide

Origin theme Free How to add Study Slider to Origin Theme Card slider with heading, description, and navigation buttons. Features customizable card dimensions, gap spacing, stats section, and smooth slide transitions with arrow navigation. Read integration guide

Origin theme Free How to add Testimonial Spotlight to Origin Theme Large featured testimonial with side info panel. Prominent single review display, customer photo, detailed quote, company logo, and supporting statistics. Read integration guide

Origin theme Free How to add Reviews Marquee to Origin Theme Infinite scrolling ticker-style reviews with modern design. Continuous horizontal scroll, pause on hover, customizable speed, and clean card design. Read integration guide

Origin theme Free How to add Video Testimonials to Origin Theme Showcase customer video reviews with thumbnails and lightbox. Play button overlay, video modal popup, customer name and title, and thumbnail grid layout. Read integration guide

Origin theme Free How to add Reviews Wall to Origin Theme Pinterest-style masonry layout with social media look. Mixed review sizes, source icons (verified, Instagram, etc.), and dynamic flowing layout. Read integration guide

Origin theme Free How to add Testimonials Grid to Origin Theme Static grid layout for testimonials with hover effects. Customizable columns (2-4), star ratings, customer info, and subtle lift animation on hover. Read integration guide

Origin theme Free How to add Testimonials Carousel to Origin Theme Customer reviews carousel with star ratings, customer photos, and smooth slide transitions. Navigation arrows, dot indicators, autoplay option, and touch swipe support. Read integration guide

Origin theme Free How to add Product Ingredients to Origin Theme Product ingredients section with ingredient cards showing name, description, and optional image. Perfect for skincare, supplements, or food products. Read integration guide

Origin theme Free How to add Product Bundle to Origin Theme Display product bundle or kit with included items. Bundle image, list of included products, savings badge, total value display, and add bundle to cart CTA. Read integration guide

Origin theme Free How to add Product Specifications to Origin Theme Product with detailed specifications table. Alternating row colors, specification labels and values, product image, and organized technical details. Read integration guide

Origin theme Free How to add Product Gallery to Origin Theme Product with image gallery and thumbnails. Main image display with thumbnail navigation, zoom on hover, and product info section with price and CTA. Read integration guide

Origin theme Free How to add Product Features to Origin Theme Product display with feature highlights in a two-column layout. Large product image on one side, feature list with icons on the other, and CTA button. Read integration guide

Origin theme Free How to add Features Numbered to Origin Theme Numbered features/steps with descriptions in a timeline style. Circular number badges, connecting lines between steps, and optional feature bullet points per step. Read integration guide

Origin theme Free How to add Features Cards to Origin Theme Feature cards with images in a grid layout. Image at top, title, description, and optional link. Customizable columns, hover animations, and rounded corners. Read integration guide

Origin theme Free How to add Features Icons Grid to Origin Theme Features displayed with icons in a responsive grid. SVG icon support, customizable columns (2-4), hover effects, and centered icon with title and description layout. Read integration guide

Origin theme Free How to add FAQ Side Navigation to Origin Theme FAQ with left sidebar navigation for categories. Sticky sidebar with category links, smooth scroll to sections, and active state highlighting on scroll. Read integration guide

Origin theme Free How to add FAQ Searchable to Origin Theme FAQ with search functionality and instant filtering. Search box with icon, real-time filtering as user types, highlight matching questions, and no results message. Read integration guide

Origin theme Free How to add FAQ Two Column to Origin Theme FAQ displayed in two columns for wider layouts. Questions split across columns, accordion functionality, and responsive single column on mobile devices. Read integration guide

Origin theme Free How to add FAQ Tabs to Origin Theme Categorized FAQ with tab navigation. Organize questions by category with clickable tabs, accordion items within each tab, and smooth tab switching animations. Read integration guide

Origin theme Free How to add FAQ Accordion to Origin Theme Expandable/collapsible FAQ items with smooth animations. Classic accordion style with plus/minus icons, hover effects, and customizable question/answer backgrounds. Read integration guide

Origin theme Free How to add Countdown Product Launch to Origin Theme Product launch countdown with product preview image. Features header section, product display, countdown timer, and notify/pre-order button for upcoming releases. Read integration guide

Origin theme Free How to add Countdown Minimal to Origin Theme Minimal inline countdown timer with text alongside. Clean horizontal layout perfect for subtle urgency messaging without overwhelming the page design. Read integration guide

Origin theme Free How to add Countdown Boxed to Origin Theme Boxed style countdown with side content layout. Card-based design with border, image support, feature list, and countdown timer in an elegant contained format. Read integration guide

Origin theme Free How to add Countdown Hero to Origin Theme Full width hero section with background image, overlay, and countdown timer. Features customizable minimum height, overlay opacity, and prominent countdown display. Read integration guide

Origin theme Free How to add Countdown Banner to Origin Theme Simple banner style countdown timer with label badge, heading, description, and CTA button. Clean centered layout with customizable time boxes and accent colors. Read integration guide

Origin theme Free How to add Product Comparison Table to Origin Theme Compare multiple products side by side with features table. Product images, prices, feature rows with check/X icons, highlighted recommended product, and mobile-responsive with sticky first column. Read integration guide

Origin theme Free How to add Dual Flow Comparison to Origin Theme Compare two processes or paths side by side with step-by-step flow. Headers with images, numbered steps, and highlighted final result. Perfect for Old Way vs New Way comparisons. Read integration guide

Origin theme Free How to add Competitor Comparison to Origin Theme Visual brand vs competitors side by side with VS badge. Compare your product against competitors with feature rows, brand highlighting, and winner indicators. Read integration guide

Origin theme Free How to add Before After Table to Origin Theme Show transformation results in a clean table format with before and after columns. Colored headers, alternating rows, and perfect for showcasing improvements or changes. Read integration guide

Origin theme Free How to add Feature Comparison to Origin Theme Simple visual two-column comparison with checkmark and X icons. Perfect for showing included vs not included features, pros vs cons, or your product vs alternatives. Read integration guide

Origin theme Free How to add Pricing Table to Origin Theme Clean pricing cards with monthly/yearly toggle, featured plan highlighting, feature lists with checkmarks, and CTA buttons. Supports 2-4 pricing tiers with customizable colors. Read integration guide

Origin theme Free How to add Hero 9 Banner to Origin Theme Hero section with dual animated image columns (left and right scrolling) alongside heading, text, and CTA button. Features reversible layout position and customizable typography and button styling. Read integration guide

Origin theme Free How to add Image Templates Banner to Origin Theme Two-column layout with scrolling image gallery and pricing box. Features animated vertical image columns, trusted brands badge, benefits list with icons, deal countdown styling, and logo strip section. Read integration guide

Origin theme Free How to add Rotating Carousel Banner to Origin Theme Interactive carousel with JavaScript controls, Ken Burns zoom effect, progress bar, dot indicators, navigation arrows, and touch support. Features autoplay, glass/solid/outline buttons, and smooth slide transitions. Read integration guide

Origin theme Free How to add Split Content Banner to Origin Theme Two-column layout with image and text, smooth animations, and hover effects. Features customizable split ratios (50/50, 40/60, 60/40, 30/70, 70/30), optional badge, accent line, and reversible layout. Read integration guide

Origin theme Free How to add Hero Banner to Origin Theme Premium full-width hero with animated shape dividers (wave, curve, tilt, blob, triangle, zigzag), gradient overlays, and advanced background effects (particles, gradient shift, shimmer, pulse). The ultimate hero section. Read integration guide

Origin theme Free How to add Minimal Text Banner to Origin Theme Clean typography-focused banner with elegant fade-up animations and optional background effects (pulse, float, shimmer). Features glass/solid/outline button options and subtle animated backgrounds for a refined look. Read integration guide

Origin theme Free How to add Gradient Overlay Banner to Origin Theme Visually striking banner with customizable gradient overlays (bottom, full, radial, left, right), content animations, flexible positioning, and glass/solid/outline button styles. Features hover zoom effect on background image. Read integration guide

Origin theme Free How to add 3D Flip Rotator to Origin Theme Stunning 3D flip animations with typewriter effect and progress indicator. Rotates through multiple messages with smooth 3D perspective transforms and customizable timing. Read integration guide

Origin theme Free How to add Stock Ticker Pro to Origin Theme Stock market style ticker with trend indicators, animated numbers, and flash alerts. Monospace font styling, fixed label section, and smooth scrolling for a professional trading floor look. Read integration guide

Origin theme Free How to add Urgency Split Bar to Origin Theme Real countdown timer with animated urgency border and confetti effects. Split layout with highlighted section, pulse ring animation, and countdown functionality for flash sales. Read integration guide

Origin theme Free How to add Neon Glow Marquee to Origin Theme Eye-catching neon effects with glitch animation and rainbow text options. Features smooth scrolling, direction control, pause on hover, and customizable glow intensity. Read integration guide

Origin theme Free How to add Gradient Marquee to Origin Theme Scrolling marquee with animated gradient backgrounds (sunset, ocean, purple, fire, forest, midnight). Features glow effects, customizable scroll speed, direction control, and pause on hover. Read integration guide

Origin theme Free How to add After Before Slider to Origin Theme Interactive before/after image comparison slider with draggable handle. Features rounded corners, shadow effects, customizable gap between columns, and responsive design with configurable padding. Read integration guide

Origin theme Free How to add Image With Text Premium to Origin Theme Luxury-style image with text section featuring multi-image collage layout, Poppins typography, background image support, and four feature text blocks. Perfect for premium brand storytelling. Read integration guide

Origin theme Free How to add Image Text Zigzag to Origin Theme Alternating image-text blocks in a zigzag pattern for storytelling. Includes optional step numbers, individual CTA buttons per block, and elegant flowing layout perfect for How It Works or process explanations. Read integration guide

Origin theme Free How to add Image Text Cards to Origin Theme Multi-card grid layout showcasing image-text combinations in 2-4 column layouts. Features hover animations, customizable image ratios (square/landscape/portrait), and animated link arrows for engaging storytelling. Read integration guide

Origin theme Free How to add Image Text Overlay to Origin Theme Full-width hero section with background image and text overlay. Includes customizable overlay color and opacity, flexible content positioning (left/center/right), dual CTA buttons, and responsive mobile optimization. Read integration guide

Origin theme Free How to add Image Text Split to Origin Theme Classic 50/50 split layout with image on one side and text content on the other. Features reversible image position, feature list with checkmarks, customizable CTA button, and smooth responsive behavior. Read integration guide

Origin theme Free How to add Stacked Promotion Banner to Origin Theme Stacked Promotion with quantity break discount Read integration guide

Origin theme Free How to add Back to Top to Origin Theme Enhance your store’s browsing experience with a simple “Back to Top” button. Smooth, user-friendly navigation helps customers explore your site with ease. Read integration guide

Origin theme Free How to add Designed with an Edge to Origin Theme Add a modern sloped design to your store for a bold and dynamic layout. Perfect for separating sections, drawing attention to products, or giving your pages a stylish flow. Read integration guide

Origin theme Free How to add Follow the Feed to Origin Theme Stay connected with our latest looks, trends, and community highlights—straight from Instagram. Click, explore, and shop your favorite styles directly from the feed. Read integration guide

Origin theme Free How to add Frequently Asked Questions to Origin Theme Find quick answers to the most common questions about our products, shipping, returns, and more. We’ve made it easy for you to get the information you need—right at your fingertips. Read integration guide

Origin theme Free How to add Explore Our Gallery to Origin Theme Showcase your products, brand moments, and customer favorites in a stylish grid layout. Our gallery brings your store to life with visuals that inspire and engage shoppers. Read integration guide

Origin theme Free How to add From Our Blog to Origin Theme Stay updated with the latest tips, trends, and stories from our team. Explore helpful guides, product highlights, and inspiration to make the most of your shopping experience. Read integration guide

Origin theme Free How to add Smooth & Modern Design to Origin Theme Add a stylish wave effect to your store layout. The Wave Section creates natural flow between sections, giving your storefront a clean, modern, and engaging look that keeps customers scrolling. Read integration guide

Origin theme Free How to add Discover the Difference to Origin Theme Bring your store to life with our Parallax Banner. Eye-catching visuals and smooth scrolling effects create an immersive shopping experience while showcasing your brand in style. Read integration guide

Origin theme Free How to add Follow Us on Instagram to Origin Theme Stay inspired and never miss a moment! Explore our latest styles, behind-the-scenes looks, and customer favorites straight from our Instagram feed. Click, shop, and join our community today. Read integration guide

Prestige theme Free How to add Team Grid 1 to Prestige Theme The people behind the shop: a heading, a few lines that turn "we" into faces, then the team in a grid with a round photo, a first name, a role and one line each. Three or four per row, the last row centred. Read integration guide

Prestige theme Free How to add Results Timeline 1 to Prestige Theme Milestones down a centre line: a big time label, a title, a few lines, a customer quote in a card and a photo on the other side, alternating. For "what to expect and when" on a product page. Read integration guide

Prestige theme Free How to add Blog Posts 1 to Prestige Theme The latest posts of a blog as cards: photo, date, title, an excerpt and a read-more link, two to four per row. On an article page it leaves the current post out, so it reads as "read next". Read integration guide

Prestige theme Free How to add Newsletter Band 1 to Prestige Theme A sign-up band with an offer: a heading, three perks with a tick, the email field and the button, a photo beside it if you like. Subscribers get the newsletter tag; the thank-you shows in place. Read integration guide

Prestige theme Free How to add Review Cards 1 to Prestige Theme Customer reviews on a coloured band: a star rating in a pill, a heading and a row of cards that scrolls, each with the review, a verified mark, an initial or photo, the name and stars. Arrows on computers, a swipe on phones, and wavy edges if you want them. Read integration guide

Prestige theme Free How to add Benefits Panel 1 to Prestige Theme A rounded panel in your brand colour: the argument and a button on one side, and on a white card every benefit as an icon and a short label, reading down one or two columns. Read integration guide

Prestige theme Free How to add Benefit Cards 1 to Prestige Theme A heading over cards that each make one case: a photo set in from the card's edge, two short tags, a title and a sentence. Side by side on computers; a swipe row or a stack on phones. Read integration guide

Prestige theme Free How to add Comparison Table 1 to Prestige Theme Your product against the alternatives in a real table: a tinted or framed column with a tick on every row, crosses or words for the others, an optional third column and a button underneath. {title} in the words becomes the product's title. Read integration guide

Prestige theme Free How to add Stat Rings 1 to Prestige Theme A photo beside a heading and up to six figures, each a ring filled to its percentage with the number inside and a line of text. The rings fill as they scroll into view, and a note says where the figures come from. Read integration guide

Prestige theme Free How to add Reviews Summary 1 to Prestige Theme A reviews page in one section: the average and how many reviews it rests on, a bar for each star, a button to write one, then the reviews in a masonry wall with a sort menu and a Load more button. The summary is worked out from the reviews added here, or typed in when the real numbers live in another app. Read integration guide

Prestige theme Free How to add Photo Reviews 1 to Prestige Theme Customer reviews that lead with the photo: the piece being worn, then the stars, a title, the words and who wrote them with a verified mark. A rating line sits over the heading, the cards form a grid of two to four, and on phones they become a swipe row. Read integration guide

Prestige theme Free How to add Product Callouts 1 to Prestige Theme One photo in the middle and the reasons to buy set around it, half on each side, each with an icon from the shared set or your own, a title and a line of text. On a product page the photo can be the product's own until you pick another, and on phones the callouts fall into a tidy grid under the picture. Read integration guide

Prestige theme Free How to add FAQ Split 1 to Prestige Theme The heading, a word of reassurance, an optional photo and a contact link on one side; the questions on the other, opening one at a time with no script. The side column stays in view while the answers scroll, and every question is published as FAQ structured data for search engines. Read integration guide

Prestige theme Free How to add Guarantee Band 1 to Prestige Theme A guarantee told between two photos: a heading, a short promise and a button in the middle, a row of reassurances underneath, and a picture on each side, staggered for a little movement. On phones the photos sit side by side above the words, or step aside altogether. Read integration guide

Prestige theme Free How to add Shoppable Stories to Prestige Theme Short videos that sell, as story bubbles or vertical reels. Previews play silently while on screen; a tap opens a full-screen player with progress bars, sound, and a swipe from one video to the next, and beside each video (over it on phones) sit the products it shows — options, price and an add to cart that never leaves the video. On a product page the stories can sit right inside the product details: under or above the buy buttons, under the title or under the description, and a video left without products sells the product of the page. No external libraries. Read integration guide

Prestige theme Free How to add Island Header to Prestige Theme A floating, rounded header that sits on the page like an island: the menu on one side, your logo in the middle (or first, with the space beside it yours to set), search, account and cart on the other. A pill glides between menu items and rests on the page being viewed; drop-downs open as a card sized to their links, as wide as the island or across the whole screen, show each collection's picture in front of its link (square, rounded or round, as you set), group three-level menus and hold stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like: above the name on computers, beside it on phones. The phone menu can show the same pictures, opens each sub-menu on the item's name, on "All" in the shopper's language or on words of your own, and places pictures, short texts and your own code above or below the links of the item they belong to; a Custom code block also takes CSS to restyle anything in the header. Search opens a panel with quick links, then live results as product cards with photo and price. Shoppers sign in through Shopify's own account button — with Shop, Google, Facebook or a code by email, without leaving the page — and choose their country (and so their currency) and language in a compact panel with a search box for long lists, or in two rows at the foot of the phone menu. The cart, with your own icon if you like, opens a drawer of its own — quantities, discounts, subscriptions, a free-shipping progress bar and checkout — that keeps working with your theme's header switched off and can open by itself after an add to cart. It can float see-through over your first section and turn solid once past it, stays pinned as the page scrolls (slimmer, or hiding on the way down), and works out every quiet tone from your colours with contrast checked. Read integration guide

Prestige theme Free How to add Mega Search Header to Prestige Theme A header built around search, for large catalogues: a wide search bar with a product-type picker and live suggestions (matching searches first, then products with photo and price), and a menu row whose items open panels across the full width, as wide as the page, or as a card sized to their links — headed columns for three-level menus, each collection's picture in front of its link (square, rounded or round, as you set), a "Shop all" link, and stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like. A deal link shines in your accent colour, and the cart can wear your own icon. Shoppers sign in through Shopify's own account button and choose their country (and so their currency) and language in a compact panel with a search box for long lists. It stays on top as the page scrolls (slimmer, hidden on the way down, or down to the menu row alone), keeps the cart count right after any add to cart, and becomes a side-sheet menu on phones with its own search row, the same pictures and labels, short texts and your own code above or below each item's links, and the first link of each sub-menu worded as you like. Every in-between tone is computed from your colours and checked for contrast. Read integration guide

Prestige theme Free How to add Coverflow 2 to Prestige Theme A gallery wall: each photograph sits in a mat and a frame, hung in a row that recedes to either side of the one in front. Navigation is a brass plaque with the piece number and a row of tick marks, the way a wall label works. Hangs flat by default, and leans as far as you want it to. Read integration guide

Prestige theme Free How to add Coverflow 1 to Prestige Theme A leaning deck of cards: one in front, its neighbours fanned out behind and shrinking with distance. Each card carries a signed offset from the centre as a CSS custom property and one transform rule reads it, so moving the deck rewrites numbers rather than markup. Clicking a card behind brings it forward. Read integration guide

Prestige theme Free How to add Slideshow 4 to Prestige Theme A product slideshow where each slide brings its own colours: a coloured ground, a soft halo, and a cut-out product floating on top with the words beside it. The navigation borrows the active slide's colours, so a dot never disappears on a dark slide. With autoplay on, the active dot fills a progress ring as the timer runs. Read integration guide

Prestige theme Free How to add Slideshow 3 to Prestige Theme A slideshow whose words sit on a frosted glass card, navigated by thumbnails on a matching frosted plate. One tint drives the card, the plate and the veil, so recolouring cannot pull the three apart. A slide can carry a silent looping video instead of a photo, started only when motion is welcome. Read integration guide

Prestige theme Free How to add Slideshow 2 to Prestige Theme An editorial slideshow: a rotated category label down the edge, a slide counter, and an optional product card pinned to the corner. Pick a product and the card fills itself in, or override any field by hand. Each slide declares whether its photo is light or dark, which moves the text colour and the veil together. Read integration guide

Prestige theme Free How to add Slideshow 1 to Prestige Theme A full-bleed slideshow: one photo per slide with its own words and up to two buttons. Matching the first photo's proportions is worked out server-side, so the stage holds its space before anything loads. A banner mode keeps the first slide's words still while only the photos rotate, and nothing is deleted when you switch it back. Read integration guide

Prestige theme Free How to add Countdown Drop 1 to Prestige Theme A holographic banner for a launch or a restock, running either as a countdown to a scheduled drop or as a pulsing live badge for one already open. The drop name is rendered as a holographic wordmark with a plain-colour fallback, so it is never invisible on an older browser. Read integration guide

Prestige theme Free How to add Countdown Sale 5 to Prestige Theme A seasonal sale band with an illustration beside the wording: pick Easter, Mother's Day, Summer, Launch day or Lunar New Year and the artwork changes while everything else stays put. Every season is drawn inline in the band's own two colours, so switching costs no extra request and can never clash. Ships with five ready-made presets. Read integration guide

Prestige theme Free How to add Countdown Sale 4 to Prestige Theme A seasonal sale band flanked by two large emblems, from a sun and a parasol to a pumpkin and a bat. The emblems are inline SVG in the band's own highlight colour, fade back on tablets, and step aside entirely on phones where the wording needs the room. Read integration guide

Prestige theme Free How to add Countdown Sale 3 to Prestige Theme A Valentine's countdown band with hearts rising slowly behind the wording. The hearts are CSS shapes rather than an image, so they cost no request and take their colour from the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Prestige theme Free How to add Countdown Sale 2 to Prestige Theme A New Year countdown band with confetti drifting behind the wording. The confetti is drawn in CSS from a handful of shapes rather than an image, so it costs no request and recolours with the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Prestige theme Free How to add Countdown Sale 1 to Prestige Theme A festive promotional band: heading, live countdown, offer line, button and a tap-to-copy discount code, over your own photo or a warm built-in gradient. The days column hides itself on the final day, so the clock reads hours, minutes and seconds instead of a permanent zero. Read integration guide

Prestige theme Free How to add Countdown Media 1 to Prestige Theme A photograph or video beside an offer panel, with the clock drawn as a torn ticket. The ticket's notches are painted in the colour that sits behind the card, so they read as punched holes rather than grey circles. A YouTube or Vimeo video is not embedded until a shopper actually presses play. Read integration guide

Prestige theme Free How to add Countdown Split 1 to Prestige Theme A coloured panel of words and a clock beside a full-height photograph. The panel side can be swapped, and on phones the photo moves above the panel so the wording is never squeezed into a narrow column. Three clock styles, from tiles to plain numbers. Read integration guide

Prestige theme Free How to add Countdown Hero 2 to Prestige Theme A full-bleed hero with the offer, a live clock and a button set over one or more photographs. Add a second photo and it becomes a slideshow; with one it draws no navigation and loads no slideshow code. Heights are measured against the screen a phone actually shows, so the hero is never taller than the visible area. Read integration guide

Prestige theme Free How to add Countdown Bar 1 to Prestige Theme A slim bar that rotates through several promotions, each able to carry its own live clock, tap-to-copy discount code and button. A promotion whose date has passed is dropped server-side, so an expired offer is never in the page at all. Closing the bar is remembered for the visit and scoped to the campaign, so changing a date brings it back. Read integration guide

Prestige theme Free How to add Marquee 4 to Prestige Theme A scrolling band that can carry words, images, buttons and a live countdown together. The digits use tabular figures and the days field reserves the width it needs at render time, so a tick can never change the set width and jog the loop. The clock is worked out server-side first, so the numbers are right at first paint. Read integration guide

Prestige theme Free How to add Marquee 3 to Prestige Theme A sale marquee with depth: a faint oversized ghost of the same words drifts behind at half speed, and the emblems bob gently in place. Words alternate filled and hollow, which is what gives the band its rhythm without needing a second colour. An emblem set to turn keeps turning, because spin and bob both animate the same property. Read integration guide

Prestige theme Free How to add Marquee 2 to Prestige Theme A holographic drop band for launches and restocks. One glow palette retunes the background, the words and the emblems together, with a Custom option for your own colours. A slow band of light drifts across behind the words, and stops for anyone who asks for reduced motion. Read integration guide

Prestige theme Free How to add Marquee 1 to Prestige Theme A large scrolling band of words and emblems, in one row or two running opposite ways. Twelve emblems are drawn inline as SVG in filled and outlined weights, and words can be filled or hollow. The loop is pure CSS, so nothing has to be measured at runtime. Read integration guide

Prestige theme Free How to add Utility Bar 1 to Prestige Theme A three-zone top rail: quick links on the left, a scrolling message in the middle, and country, language and social links on the right. Only the middle moves, so the links and the country picker stay clickable. The softer divider tone is worked out from your text colour and measured against the background, so recolouring the bar cannot quietly drop it below a readable contrast. Read integration guide

Prestige theme Free How to add Announcement Bar 5 to Prestige Theme A holographic strip for launches and restocks. Picking a glow palette retunes the background, the text and the highlight together, so the strip can never be left half-recoloured, and a Custom palette hands the three colours back. The sheen and the loop are both CSS, and both hold still under reduced motion. Read integration guide

Prestige theme Free How to add Announcement Bar 4 to Prestige Theme A marquee bar with two pinned ends: a fixed label on the left and a fixed button on the right, with the messages scrolling between them. Only the middle moves, so the offer name and the call to action stay readable and clickable. On phones the button can shrink to an arrow to leave the messages room. Read integration guide

Prestige theme Free How to add Announcement Bar 3 to Prestige Theme Each message carries its own icon, so the bar reads as a row of store promises rather than one long sentence. Eighteen icons are drawn inline as SVG, with emoji and uploaded images as alternatives, so nothing can 404 when the theme changes. Read integration guide

Prestige theme Free How to add Announcement Bar 2 to Prestige Theme A wide-tracked statement bar. The messages are plain text on purpose, which is what lets the whole bar safely become one link: a message that could contain a link of its own would put an anchor inside an anchor, and browsers quietly tear that apart. Letter spacing is what gives the bar its look. Read integration guide

Prestige theme Free How to add Announcement Bar 1 to Prestige Theme A slim promotional bar whose messages loop across the top of the page. The loop is pure CSS: the message set is rendered twice and the track slides exactly half its width, so it repeats with no seam and no JavaScript at all. With a single message the bar simply stays still and centred, instead of sliding away and leaving a blank strip. Read integration guide

Prestige theme Free How to add Hero Slider 1 to Prestige Theme A row of hero panels a shopper swipes through, with a band of promises welded to the bottom. Each panel is either a photograph with the words over it, or a product on a colour of your choosing under a big faded word — and a showcase panel measures its own background, so a pale panel flips the text to dark rather than losing it. Read integration guide

Prestige theme Free How to add Hero Review 2 to Prestige Theme The same proof as Hero Review 1, gathered into one frosted panel instead of set loose in the column — which is what lets it hold up over a bright or busy photograph. Where a browser cannot frost, the panel falls back to its solid tint so the words stay readable either way. Read integration guide

Prestige theme Free How to add Hero Review 1 to Prestige Theme A hero whose proof sits in the flow: the heading, then the stars, then one real customer quote, all in the same column. Nothing is invented — the stars, the score and the count are all typed by you, and every one of them is off until you turn it on. Read integration guide

Prestige theme Free How to add Hero Stats 1 to Prestige Theme A headline beside a set of figure cards that count up as they scroll into view. The count reads the number you typed and rebuilds it — prefix, suffix and decimals included — so a figure like £1.2m+ animates and still lands on exactly what you wrote. Anything with no number in it is left alone. Read integration guide

Prestige theme Free How to add Hero Split 3 to Prestige Theme A text panel beside a photograph, with a tag above the heading, a caption bar across the bottom of the photo and a row of short facts under the buttons. Built for a product launch page where the detail matters as much as the headline. Read integration guide

Prestige theme Free How to add Hero Split 2 to Prestige Theme A deep colour panel beside a photograph, with badges above the heading and a short list of reassurances under it. Every colour that carries text is measured against the panel it actually lands on, so a pale panel does not swallow the words. An optional small photo tucks over the corner on a computer. Read integration guide

Prestige theme Free How to add Hero Split 1 to Prestige Theme A colour panel beside a photograph, with a highlighted word in the heading that can cycle through several, and a band of promises scrolling along the bottom. The highlighter can hold one width sized to the longest word, so the line does not shift sideways every time the word changes. Read integration guide

Prestige theme Free How to add Hero Grid 1 to Prestige Theme One large card next to a column of smaller promo tiles. The big card takes a photo as a full background or as a cut-out bleeding off the corner; each tile takes its own photo or a colour blend. Wherever words sit over a photo, their colour is measured against what is genuinely behind them. Read integration guide

Prestige theme Free How to add Hero Image 3 to Prestige Theme A photo, a looping video or a colour behind a badge, a heading, a row of benefit pills and the buttons. The video only downloads once the hero is on screen, pauses when it leaves, and is never fetched at all for anyone who has asked for reduced motion — the still frame carries the hero instead. Read integration guide

Prestige theme Free How to add Hero Image 2 to Prestige Theme A photo, a gradient or a colour behind a heading whose middle word cycles. The rotation is a plain vertical scroll of words the page already holds, so with no script — or for anyone whose device asks for reduced motion — the first word simply stays and the sentence still reads. Read integration guide

Prestige theme Free How to add Hero Image 1 to Prestige Theme One photograph, edge to edge, with the words set over it. A separate photo can be uploaded for phones, which matters more than it sounds: a wide shot cropped to a phone loses about two thirds of its width, and usually the subject with it. Heights are measured against the visible screen, so the hero is never taller than what a shopper can actually see. Read integration guide

Prestige theme Free How to add Product Tiles 1 to Prestige Theme Three tall tiles, each carrying one product under a big display word. The photo flips on hover when a second one is set, and the caption trades places with the buy button. On a phone the caption can sit on the photo or under it, and the text is contrast-checked for whichever you choose. Read integration guide

Prestige theme Free How to add Product Banner 2 to Prestige Theme The restrained treatment of the same shape: a light banner, one button per card, no glow, and the arrows on the banner itself rather than in a strip under the row. A lit seam is drawn where the cards meet the banner, so the overlap reads as placed rather than cropped. Read integration guide

Prestige theme Free How to add Product Banner 1 to Prestige Theme A wide banner with the message on it and the product cards tucked up over its bottom edge, so the two read as one object rather than two stacked blocks. Two buttons per card — one to buy, one to read more — and a coloured glow behind the banner photo. Read integration guide

Prestige theme Free How to add Product Slider 11 to Prestige Theme A big heading over a band of tall product tiles, each with a small info plate under the photo. Badges are read from real data — sold out, then a genuine reduction, then how recently the product was added. The arrows sit over the row or up in the heading, and can be shown on a computer without appearing on a phone. Read integration guide

Prestige theme Free How to add Product Slider 10 to Prestige Theme A quiet row of products under a heading and one button, with a progress line and a counter underneath. The arrows and the progress only appear when there is genuinely more to see, and the counter reads the real scroll position so it follows a swipe as well as the arrows. Read integration guide

Prestige theme Free How to add Product Slider 9 to Prestige Theme A swipe row where every card carries a size menu and a quantity menu, so a shopper can buy three of something in one go. Badges come from your own product tags, never from stock levels, and the photo follows whichever size is picked. Read integration guide

Prestige theme Free How to add Product Slider 8 to Prestige Theme A swipe row of framed product cards. A size row opens on the photo so a shopper can add without leaving the page, and the eye button opens a quick look with the options, a quantity and the buy buttons. Both ship as plain links and are upgraded by script, so nothing on the card is ever a control that does nothing. Read integration guide

Prestige theme Free How to add Product Slider 7 to Prestige Theme A large lifestyle tile on the left and a swipe row of products on the right, with tabs across the top so one section covers new in, dresses and knitwear. Size buttons on the card update the price and link straight to that size. Read integration guide

Prestige theme Free How to add Product Grid 6 to Prestige Theme A shelf that can be a grid or a swipe row, with optional tabs across the top. Every card carries a size menu and a quantity menu, so a shopper can buy two of something without adding it twice. Card height is decided once for the whole section, so switching tabs never makes the shelf jump. Read integration guide

Prestige theme Free How to add Product Grid 5 to Prestige Theme A compact buy grid built for bundles and repeat purchases: small photo, name, price and the buttons right there. On a phone the card turns sideways so more fits on screen. A product with more than one size links to its own page rather than guessing. Read integration guide

Prestige theme Free How to add Product Grid 4 to Prestige Theme A grid with an optional large lead tile beside it, and a line under the price that adapts to what you sell: colour dots and a size range for clothing, or spec chips read from tags. Saved items live in the shopper's own browser, so no account is needed. Read integration guide

Prestige theme Free How to add Collection Grid to Prestige Theme Replaces your theme's own product grid on a collection page: products, sorting and pagination, with the caption rows built from blocks you can reorder or remove. Every card in a row shares an identical height, photo bottom, name top and button top, because the vendor and rating rows are decided once for the whole grid rather than card by card. Read integration guide

Prestige theme Free How to add Product Story 1 to Prestige Theme One product per slide, told as an editorial spread: the lifestyle photo on the left, a card on the right carrying the packshot, the name, the price and the button. Swipes natively, with a progress line and a slide counter. No slider library and no webfont — every type option uses a face already on the shopper's device. Read integration guide

Prestige theme Free How to add Product Slider 6 to Prestige Theme The workhorse: one collection, a swipe row of product cards with badges read from real data, an optional saved-items heart, quick add, star ratings and colour dots. Flip one switch and the row becomes a stacked grid instead. Read integration guide

Prestige theme Free How to add Product Slider 5 to Prestige Theme Tabs over a swipe row where the size picker lives on the card itself, so a shopper can add without leaving the page. The photo and the price both follow the size that is picked, and the photo map is keyed by image so a thirty-variant product does not carry thirty entries. Read integration guide

Prestige theme Free How to add Product Slider 4 to Prestige Theme A rail of best sellers where the rank is earned, not decorative: the numbers only appear when the collection is genuinely sorted by best selling, and the theme editor tells you when it is not. Star ratings come from whatever review app you already run. Read integration guide

Prestige theme Free How to add Product Slider 3 to Prestige Theme Tabs under a centred heading, and inside each tab a coloured promo card sitting beside the products. Each tab gets its own message, its own colour and its own button, and the text on the card is coloured for contrast automatically. Read integration guide

Prestige theme Free How to add Product Slider 2 to Prestige Theme A column on the left holding the heading, the tabs and one button that follows whichever tab is open; the products swipe past on the right. The low-stock badge reads real inventory, so it can never invent scarcity. Read integration guide

Prestige theme Free How to add Product Slider 1 to Prestige Theme A swipeable rail of product cards with a quick-look panel carrying the photo, price, description, quantity and buy-now. Pulls a collection, or hand-picked products when no collection is set. No slider library — the rail is native scroll-snap. Read integration guide

Prestige theme Free How to add Product Grid 3 to Prestige Theme Tabs with an underline that travels, one product grid under each and a button per tab. A tab takes a collection or a hand-picked list. On phones the grid becomes a swipe row so a peek of the next product invites the scroll. Read integration guide

Prestige theme Free How to add Product Grid 2 to Prestige Theme A tall rotating showcase on the left and a tabbed product grid on the right, so one section covers new in, dresses and sale without stacking three. Quick look opens a panel; single-variant products add straight to the bag. Read integration guide

Prestige theme Free How to add Product Grid 1 to Prestige Theme A collection grid with an optional large lead tile beside it, a saved-items heart, quick add, star ratings from your review app, automatic Sale, New and Sold-out badges, and a colour or spec row under the price. The button label is measured for contrast against whatever colour you pick. Read integration guide

Prestige theme Free How to add Shop Collections 7 to Prestige Theme A rail of full-bleed collection cards with the copy laid over the photo, positioned in any of nine spots — set separately for desktop and phones. Optional autoplay, dots and arrows, each toggled per screen size. Read integration guide

Prestige theme Free How to add Shop Collections 6 to Prestige Theme An editorial rail of collection cards with a numbered index, a badge, a kicker, a title and a meta line over a graded photo. One grade across mismatched photography makes the set read as one. Optional autoplay with a real pause control. Read integration guide

Prestige theme Free How to add Shop Collections 1 to Prestige Theme A grid of collection tiles in one of three shapes: a caption under the photo, a caption on the photo, or text-only chips for a shop-by-brand row. Ships with a preset for each. No script at all. Read integration guide

Prestige theme Free How to add Shop Collections 4 to Prestige Theme A rail of photo cards with a button sitting on each one. Every colour that ends up as text — including the button's hover state — is measured against the surface it actually lands on. Arrows sit over the cards or in the header. Read integration guide

Prestige theme Free How to add Shop Collections 5 to Prestige Theme A rail of leaning category cards. The lean is a clip on the photo, so captions stay upright and legible; set it to zero for ordinary rectangles. Each card takes an optional hover photo and a lead word before its title. Read integration guide

Prestige theme Free How to add Shop Collections 2 to Prestige Theme A row of category pills that navigates a shop. The pill for the collection being viewed fills itself automatically; on any other page you can flag one to lead with. Optional real product counts, wrapping or swiping on phones. Read integration guide

Prestige theme Free How to add Shop Collections 3 to Prestige Theme A swipeable rail of category cards, each on its own colour with a photo plate underneath the copy. The text colour on every card is measured against that card's own colour, so any palette stays readable. Counter, arrows and a progress bar. Read integration guide

Prestige theme Free How to add Shop The Look 5 to Prestige Theme An editorial full-bleed shot with numbered pins and one card floating in a corner of it. The card follows whichever pin is open, and on phones it can drop below the photo instead of covering the look. Read integration guide

Prestige theme Free How to add Shop The Look 4 to Prestige Theme One wide shot with numbered pins and the full list laid out underneath. A pin scrolls its card into view and rings it, and hovering a card lights its pin, so the photo and the grid always read as the same list. Read integration guide

Prestige theme Free How to add Shop The Look 3 to Prestige Theme A swipeable rail of styled scenes, each with its own pins and captions. Every pin opens a small product card over the photo, and the badge counting the pieces in a scene is worked out from the pins themselves so it can never go stale. Read integration guide

Prestige theme Free How to add Shop The Look 2 to Prestige Theme A shoppable photo on one side and the sales copy on the other. Pins open a product card docked to the bottom of the photo, while the copy column is built from heading, text, checklist and button blocks you can reorder freely. Read integration guide

Prestige theme Free How to add Shop The Look 1 to Prestige Theme A styled photo with numbered pins and a product card beside it that follows whichever pin is open. Arrows, a counter and a thumbnail row all drive the same index, so the card, the pins and the thumbs can never disagree. Read integration guide

Prestige theme Free How to add Ingredient Tabs to Prestige Theme A tab bar that swaps both the picture and the copy: one panel per ingredient, material or step, each with its own credential line, reason and link. Full keyboard navigation. Read integration guide

Prestige theme Free How to add Media Proof to Prestige Theme A large claim beside a tall picture, backed by a credentials list and one real customer review with a half-step star rating you enter yourself. Read integration guide

Prestige theme Free How to add Media Tabs to Prestige Theme A picture beside an accordion of answers, with optional chips underneath for the offers that close a sale. Takes a separate mobile crop and a link on the image. Read integration guide

Prestige theme Free How to add Selling Points to Prestige Theme One picture or clip beside the argument for buying: a headline, a paragraph, a numbered checklist of reasons and two buttons. External video opens in a popup that loads nothing until it is clicked. Read integration guide

Prestige theme Free How to add Image Collage to Prestige Theme Copy and a checklist beside a grid of photos that rearranges itself around how many there are, from one to a full gallery. Every photo takes its own caption and link. Read integration guide

Prestige theme Free How to add Feature Rows to Prestige Theme A stack of alternating image-and-text rows under one header, numbered if you want. Each row carries its own link, image label and clickable image. Read integration guide

Prestige theme Free How to add Media Specs to Prestige Theme A picture beside the claims that close a sale: an optional star rating you enter yourself, then rows pairing what a product does with what it gets the customer. Read integration guide

Prestige theme Free How to add Editorial Story to Prestige Theme A magazine-style spread: a large heading with an italic accent beside one picture or clip. The image can link anywhere, and you choose its side on desktop and its position on mobile independently. Read integration guide

Prestige theme Free How to add Image Text Benefits to Prestige Theme A picture beside a short grid of reasons to buy — free delivery, returns, secure checkout — each with a picked icon or one you upload. The image can link anywhere, and you choose whether it sits above or below the text on mobile. Read integration guide

Prestige theme Free How to add Video Quick Shop to Prestige Theme Shoppable clips that sell without leaving the page: each card carries its product, its variants and an add-to-cart, and opens full size in a popup with the description. Supports uploaded video or YouTube and Vimeo. Read integration guide

Prestige theme Free How to add Shoppable Slider to Prestige Theme A headline beside a side-scrolling row of shoppable clips. Each video carries the product it shows, with its image, name and price in a card below, and the row keeps its card size however few clips are left. Read integration guide

Prestige theme Free How to add Social Posts to Prestige Theme Customer posts in an Instagram or Facebook style card — profile row on top, image or clip in the middle, likes, caption and hashtags below. Three per row by default. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type. Switch the frame setting to show vertical reels instead. Read integration guide

Prestige theme Free How to add Social Reels to Prestige Theme Customer clips shown in a social frame — feed post or vertical reel — with handle, caption, platform logo and sound line. Hashtags in the caption tint themselves. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type, so nothing on the page pretends to be live. Read integration guide

Prestige theme Free How to add Shoppable Reels to Prestige Theme A scrolling rail of vertical clips, each with a product card floating over it — price, sale price and badges all read from your catalogue. New and discount badges are calculated, never typed, in four styles and two positions. Clips play only as they scroll into view, hide individually, and the card text color adapts to stay readable on any card color. Read integration guide

Prestige theme Free How to add Shoppable Video to Prestige Theme A grid of short vertical videos, each tied to a product with its image, name, price and discount. Play automatically, on hover or on click; YouTube and Vimeo load only when clicked so several embeds never slow the page. Cards hide individually and the grid follows how many are shown. Read integration guide

Prestige theme Free How to add Collection Circles to Prestige Theme Circular category links in a row that scrolls or wraps, each framed by a gradient or solid ring. Pick a collection to make the whole circle clickable, or point it anywhere with a link. Captions fall back to the collection title, discs hide individually, and everything — ring style, sizes, colors, spacing — is set in the theme editor. Read integration guide

Prestige theme Free How to add Video Stories to Prestige Theme Instagram-style rail of tappable video bubbles that opens a full-screen player with progress bar, sound toggle, swipe navigation and a call-to-action per video. Places itself anywhere on the product page. No external libraries. Read integration guide

Prestige theme Free How to add Study Slider to Prestige Theme Card slider with heading, description, and navigation buttons. Features customizable card dimensions, gap spacing, stats section, and smooth slide transitions with arrow navigation. Read integration guide

Prestige theme Free How to add Testimonial Spotlight to Prestige Theme Large featured testimonial with side info panel. Prominent single review display, customer photo, detailed quote, company logo, and supporting statistics. Read integration guide

Prestige theme Free How to add Reviews Marquee to Prestige Theme Infinite scrolling ticker-style reviews with modern design. Continuous horizontal scroll, pause on hover, customizable speed, and clean card design. Read integration guide

Prestige theme Free How to add Video Testimonials to Prestige Theme Showcase customer video reviews with thumbnails and lightbox. Play button overlay, video modal popup, customer name and title, and thumbnail grid layout. Read integration guide

Prestige theme Free How to add Reviews Wall to Prestige Theme Pinterest-style masonry layout with social media look. Mixed review sizes, source icons (verified, Instagram, etc.), and dynamic flowing layout. Read integration guide

Prestige theme Free How to add Testimonials Grid to Prestige Theme Static grid layout for testimonials with hover effects. Customizable columns (2-4), star ratings, customer info, and subtle lift animation on hover. Read integration guide

Prestige theme Free How to add Testimonials Carousel to Prestige Theme Customer reviews carousel with star ratings, customer photos, and smooth slide transitions. Navigation arrows, dot indicators, autoplay option, and touch swipe support. Read integration guide

Prestige theme Free How to add Product Ingredients to Prestige Theme Product ingredients section with ingredient cards showing name, description, and optional image. Perfect for skincare, supplements, or food products. Read integration guide

Prestige theme Free How to add Product Bundle to Prestige Theme Display product bundle or kit with included items. Bundle image, list of included products, savings badge, total value display, and add bundle to cart CTA. Read integration guide

Prestige theme Free How to add Product Specifications to Prestige Theme Product with detailed specifications table. Alternating row colors, specification labels and values, product image, and organized technical details. Read integration guide

Prestige theme Free How to add Product Gallery to Prestige Theme Product with image gallery and thumbnails. Main image display with thumbnail navigation, zoom on hover, and product info section with price and CTA. Read integration guide

Prestige theme Free How to add Product Features to Prestige Theme Product display with feature highlights in a two-column layout. Large product image on one side, feature list with icons on the other, and CTA button. Read integration guide

Prestige theme Free How to add Features Numbered to Prestige Theme Numbered features/steps with descriptions in a timeline style. Circular number badges, connecting lines between steps, and optional feature bullet points per step. Read integration guide

Prestige theme Free How to add Features Cards to Prestige Theme Feature cards with images in a grid layout. Image at top, title, description, and optional link. Customizable columns, hover animations, and rounded corners. Read integration guide

Prestige theme Free How to add Features Icons Grid to Prestige Theme Features displayed with icons in a responsive grid. SVG icon support, customizable columns (2-4), hover effects, and centered icon with title and description layout. Read integration guide

Prestige theme Free How to add FAQ Side Navigation to Prestige Theme FAQ with left sidebar navigation for categories. Sticky sidebar with category links, smooth scroll to sections, and active state highlighting on scroll. Read integration guide

Prestige theme Free How to add FAQ Searchable to Prestige Theme FAQ with search functionality and instant filtering. Search box with icon, real-time filtering as user types, highlight matching questions, and no results message. Read integration guide

Prestige theme Free How to add FAQ Two Column to Prestige Theme FAQ displayed in two columns for wider layouts. Questions split across columns, accordion functionality, and responsive single column on mobile devices. Read integration guide

Prestige theme Free How to add FAQ Tabs to Prestige Theme Categorized FAQ with tab navigation. Organize questions by category with clickable tabs, accordion items within each tab, and smooth tab switching animations. Read integration guide

Prestige theme Free How to add FAQ Accordion to Prestige Theme Expandable/collapsible FAQ items with smooth animations. Classic accordion style with plus/minus icons, hover effects, and customizable question/answer backgrounds. Read integration guide

Prestige theme Free How to add Countdown Product Launch to Prestige Theme Product launch countdown with product preview image. Features header section, product display, countdown timer, and notify/pre-order button for upcoming releases. Read integration guide

Prestige theme Free How to add Countdown Minimal to Prestige Theme Minimal inline countdown timer with text alongside. Clean horizontal layout perfect for subtle urgency messaging without overwhelming the page design. Read integration guide

Prestige theme Free How to add Countdown Boxed to Prestige Theme Boxed style countdown with side content layout. Card-based design with border, image support, feature list, and countdown timer in an elegant contained format. Read integration guide

Prestige theme Free How to add Countdown Hero to Prestige Theme Full width hero section with background image, overlay, and countdown timer. Features customizable minimum height, overlay opacity, and prominent countdown display. Read integration guide

Prestige theme Free How to add Countdown Banner to Prestige Theme Simple banner style countdown timer with label badge, heading, description, and CTA button. Clean centered layout with customizable time boxes and accent colors. Read integration guide

Prestige theme Free How to add Product Comparison Table to Prestige Theme Compare multiple products side by side with features table. Product images, prices, feature rows with check/X icons, highlighted recommended product, and mobile-responsive with sticky first column. Read integration guide

Prestige theme Free How to add Dual Flow Comparison to Prestige Theme Compare two processes or paths side by side with step-by-step flow. Headers with images, numbered steps, and highlighted final result. Perfect for Old Way vs New Way comparisons. Read integration guide

Prestige theme Free How to add Competitor Comparison to Prestige Theme Visual brand vs competitors side by side with VS badge. Compare your product against competitors with feature rows, brand highlighting, and winner indicators. Read integration guide

Prestige theme Free How to add Before After Table to Prestige Theme Show transformation results in a clean table format with before and after columns. Colored headers, alternating rows, and perfect for showcasing improvements or changes. Read integration guide

Prestige theme Free How to add Feature Comparison to Prestige Theme Simple visual two-column comparison with checkmark and X icons. Perfect for showing included vs not included features, pros vs cons, or your product vs alternatives. Read integration guide

Prestige theme Free How to add Pricing Table to Prestige Theme Clean pricing cards with monthly/yearly toggle, featured plan highlighting, feature lists with checkmarks, and CTA buttons. Supports 2-4 pricing tiers with customizable colors. Read integration guide

Prestige theme Free How to add Hero 9 Banner to Prestige Theme Hero section with dual animated image columns (left and right scrolling) alongside heading, text, and CTA button. Features reversible layout position and customizable typography and button styling. Read integration guide

Prestige theme Free How to add Image Templates Banner to Prestige Theme Two-column layout with scrolling image gallery and pricing box. Features animated vertical image columns, trusted brands badge, benefits list with icons, deal countdown styling, and logo strip section. Read integration guide

Prestige theme Free How to add Rotating Carousel Banner to Prestige Theme Interactive carousel with JavaScript controls, Ken Burns zoom effect, progress bar, dot indicators, navigation arrows, and touch support. Features autoplay, glass/solid/outline buttons, and smooth slide transitions. Read integration guide

Prestige theme Free How to add Split Content Banner to Prestige Theme Two-column layout with image and text, smooth animations, and hover effects. Features customizable split ratios (50/50, 40/60, 60/40, 30/70, 70/30), optional badge, accent line, and reversible layout. Read integration guide

Prestige theme Free How to add Hero Banner to Prestige Theme Premium full-width hero with animated shape dividers (wave, curve, tilt, blob, triangle, zigzag), gradient overlays, and advanced background effects (particles, gradient shift, shimmer, pulse). The ultimate hero section. Read integration guide

Prestige theme Free How to add Minimal Text Banner to Prestige Theme Clean typography-focused banner with elegant fade-up animations and optional background effects (pulse, float, shimmer). Features glass/solid/outline button options and subtle animated backgrounds for a refined look. Read integration guide

Prestige theme Free How to add Gradient Overlay Banner to Prestige Theme Visually striking banner with customizable gradient overlays (bottom, full, radial, left, right), content animations, flexible positioning, and glass/solid/outline button styles. Features hover zoom effect on background image. Read integration guide

Prestige theme Free How to add 3D Flip Rotator to Prestige Theme Stunning 3D flip animations with typewriter effect and progress indicator. Rotates through multiple messages with smooth 3D perspective transforms and customizable timing. Read integration guide

Prestige theme Free How to add Stock Ticker Pro to Prestige Theme Stock market style ticker with trend indicators, animated numbers, and flash alerts. Monospace font styling, fixed label section, and smooth scrolling for a professional trading floor look. Read integration guide

Prestige theme Free How to add Urgency Split Bar to Prestige Theme Real countdown timer with animated urgency border and confetti effects. Split layout with highlighted section, pulse ring animation, and countdown functionality for flash sales. Read integration guide

Prestige theme Free How to add Neon Glow Marquee to Prestige Theme Eye-catching neon effects with glitch animation and rainbow text options. Features smooth scrolling, direction control, pause on hover, and customizable glow intensity. Read integration guide

Prestige theme Free How to add Gradient Marquee to Prestige Theme Scrolling marquee with animated gradient backgrounds (sunset, ocean, purple, fire, forest, midnight). Features glow effects, customizable scroll speed, direction control, and pause on hover. Read integration guide

Prestige theme Free How to add After Before Slider to Prestige Theme Interactive before/after image comparison slider with draggable handle. Features rounded corners, shadow effects, customizable gap between columns, and responsive design with configurable padding. Read integration guide

Prestige theme Free How to add Image With Text Premium to Prestige Theme Luxury-style image with text section featuring multi-image collage layout, Poppins typography, background image support, and four feature text blocks. Perfect for premium brand storytelling. Read integration guide

Prestige theme Free How to add Image Text Zigzag to Prestige Theme Alternating image-text blocks in a zigzag pattern for storytelling. Includes optional step numbers, individual CTA buttons per block, and elegant flowing layout perfect for How It Works or process explanations. Read integration guide

Prestige theme Free How to add Image Text Cards to Prestige Theme Multi-card grid layout showcasing image-text combinations in 2-4 column layouts. Features hover animations, customizable image ratios (square/landscape/portrait), and animated link arrows for engaging storytelling. Read integration guide

Prestige theme Free How to add Image Text Overlay to Prestige Theme Full-width hero section with background image and text overlay. Includes customizable overlay color and opacity, flexible content positioning (left/center/right), dual CTA buttons, and responsive mobile optimization. Read integration guide

Prestige theme Free How to add Image Text Split to Prestige Theme Classic 50/50 split layout with image on one side and text content on the other. Features reversible image position, feature list with checkmarks, customizable CTA button, and smooth responsive behavior. Read integration guide

Prestige theme Free How to add Stacked Promotion Banner to Prestige Theme Stacked Promotion with quantity break discount Read integration guide

Prestige theme Free How to add Back to Top to Prestige Theme Enhance your store’s browsing experience with a simple “Back to Top” button. Smooth, user-friendly navigation helps customers explore your site with ease. Read integration guide

Prestige theme Free How to add Designed with an Edge to Prestige Theme Add a modern sloped design to your store for a bold and dynamic layout. Perfect for separating sections, drawing attention to products, or giving your pages a stylish flow. Read integration guide

Prestige theme Free How to add Follow the Feed to Prestige Theme Stay connected with our latest looks, trends, and community highlights—straight from Instagram. Click, explore, and shop your favorite styles directly from the feed. Read integration guide

Prestige theme Free How to add Frequently Asked Questions to Prestige Theme Find quick answers to the most common questions about our products, shipping, returns, and more. We’ve made it easy for you to get the information you need—right at your fingertips. Read integration guide

Prestige theme Free How to add Explore Our Gallery to Prestige Theme Showcase your products, brand moments, and customer favorites in a stylish grid layout. Our gallery brings your store to life with visuals that inspire and engage shoppers. Read integration guide

Prestige theme Free How to add From Our Blog to Prestige Theme Stay updated with the latest tips, trends, and stories from our team. Explore helpful guides, product highlights, and inspiration to make the most of your shopping experience. Read integration guide

Prestige theme Free How to add Smooth & Modern Design to Prestige Theme Add a stylish wave effect to your store layout. The Wave Section creates natural flow between sections, giving your storefront a clean, modern, and engaging look that keeps customers scrolling. Read integration guide

Prestige theme Free How to add Discover the Difference to Prestige Theme Bring your store to life with our Parallax Banner. Eye-catching visuals and smooth scrolling effects create an immersive shopping experience while showcasing your brand in style. Read integration guide

Prestige theme Free How to add Follow Us on Instagram to Prestige Theme Stay inspired and never miss a moment! Explore our latest styles, behind-the-scenes looks, and customer favorites straight from our Instagram feed. Click, shop, and join our community today. Read integration guide

Impulse theme Free How to add Team Grid 1 to Impulse Theme The people behind the shop: a heading, a few lines that turn "we" into faces, then the team in a grid with a round photo, a first name, a role and one line each. Three or four per row, the last row centred. Read integration guide

Impulse theme Free How to add Results Timeline 1 to Impulse Theme Milestones down a centre line: a big time label, a title, a few lines, a customer quote in a card and a photo on the other side, alternating. For "what to expect and when" on a product page. Read integration guide

Impulse theme Free How to add Blog Posts 1 to Impulse Theme The latest posts of a blog as cards: photo, date, title, an excerpt and a read-more link, two to four per row. On an article page it leaves the current post out, so it reads as "read next". Read integration guide

Impulse theme Free How to add Newsletter Band 1 to Impulse Theme A sign-up band with an offer: a heading, three perks with a tick, the email field and the button, a photo beside it if you like. Subscribers get the newsletter tag; the thank-you shows in place. Read integration guide

Impulse theme Free How to add Review Cards 1 to Impulse Theme Customer reviews on a coloured band: a star rating in a pill, a heading and a row of cards that scrolls, each with the review, a verified mark, an initial or photo, the name and stars. Arrows on computers, a swipe on phones, and wavy edges if you want them. Read integration guide

Impulse theme Free How to add Benefits Panel 1 to Impulse Theme A rounded panel in your brand colour: the argument and a button on one side, and on a white card every benefit as an icon and a short label, reading down one or two columns. Read integration guide

Impulse theme Free How to add Benefit Cards 1 to Impulse Theme A heading over cards that each make one case: a photo set in from the card's edge, two short tags, a title and a sentence. Side by side on computers; a swipe row or a stack on phones. Read integration guide

Impulse theme Free How to add Comparison Table 1 to Impulse Theme Your product against the alternatives in a real table: a tinted or framed column with a tick on every row, crosses or words for the others, an optional third column and a button underneath. {title} in the words becomes the product's title. Read integration guide

Impulse theme Free How to add Stat Rings 1 to Impulse Theme A photo beside a heading and up to six figures, each a ring filled to its percentage with the number inside and a line of text. The rings fill as they scroll into view, and a note says where the figures come from. Read integration guide

Impulse theme Free How to add Reviews Summary 1 to Impulse Theme A reviews page in one section: the average and how many reviews it rests on, a bar for each star, a button to write one, then the reviews in a masonry wall with a sort menu and a Load more button. The summary is worked out from the reviews added here, or typed in when the real numbers live in another app. Read integration guide

Impulse theme Free How to add Photo Reviews 1 to Impulse Theme Customer reviews that lead with the photo: the piece being worn, then the stars, a title, the words and who wrote them with a verified mark. A rating line sits over the heading, the cards form a grid of two to four, and on phones they become a swipe row. Read integration guide

Impulse theme Free How to add Product Callouts 1 to Impulse Theme One photo in the middle and the reasons to buy set around it, half on each side, each with an icon from the shared set or your own, a title and a line of text. On a product page the photo can be the product's own until you pick another, and on phones the callouts fall into a tidy grid under the picture. Read integration guide

Impulse theme Free How to add FAQ Split 1 to Impulse Theme The heading, a word of reassurance, an optional photo and a contact link on one side; the questions on the other, opening one at a time with no script. The side column stays in view while the answers scroll, and every question is published as FAQ structured data for search engines. Read integration guide

Impulse theme Free How to add Guarantee Band 1 to Impulse Theme A guarantee told between two photos: a heading, a short promise and a button in the middle, a row of reassurances underneath, and a picture on each side, staggered for a little movement. On phones the photos sit side by side above the words, or step aside altogether. Read integration guide

Impulse theme Free How to add Shoppable Stories to Impulse Theme Short videos that sell, as story bubbles or vertical reels. Previews play silently while on screen; a tap opens a full-screen player with progress bars, sound, and a swipe from one video to the next, and beside each video (over it on phones) sit the products it shows — options, price and an add to cart that never leaves the video. On a product page the stories can sit right inside the product details: under or above the buy buttons, under the title or under the description, and a video left without products sells the product of the page. No external libraries. Read integration guide

Impulse theme Free How to add Island Header to Impulse Theme A floating, rounded header that sits on the page like an island: the menu on one side, your logo in the middle (or first, with the space beside it yours to set), search, account and cart on the other. A pill glides between menu items and rests on the page being viewed; drop-downs open as a card sized to their links, as wide as the island or across the whole screen, show each collection's picture in front of its link (square, rounded or round, as you set), group three-level menus and hold stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like: above the name on computers, beside it on phones. The phone menu can show the same pictures, opens each sub-menu on the item's name, on "All" in the shopper's language or on words of your own, and places pictures, short texts and your own code above or below the links of the item they belong to; a Custom code block also takes CSS to restyle anything in the header. Search opens a panel with quick links, then live results as product cards with photo and price. Shoppers sign in through Shopify's own account button — with Shop, Google, Facebook or a code by email, without leaving the page — and choose their country (and so their currency) and language in a compact panel with a search box for long lists, or in two rows at the foot of the phone menu. The cart, with your own icon if you like, opens a drawer of its own — quantities, discounts, subscriptions, a free-shipping progress bar and checkout — that keeps working with your theme's header switched off and can open by itself after an add to cart. It can float see-through over your first section and turn solid once past it, stays pinned as the page scrolls (slimmer, or hiding on the way down), and works out every quiet tone from your colours with contrast checked. Read integration guide

Impulse theme Free How to add Mega Search Header to Impulse Theme A header built around search, for large catalogues: a wide search bar with a product-type picker and live suggestions (matching searches first, then products with photo and price), and a menu row whose items open panels across the full width, as wide as the page, or as a card sized to their links — headed columns for three-level menus, each collection's picture in front of its link (square, rounded or round, as you set), a "Shop all" link, and stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like. A deal link shines in your accent colour, and the cart can wear your own icon. Shoppers sign in through Shopify's own account button and choose their country (and so their currency) and language in a compact panel with a search box for long lists. It stays on top as the page scrolls (slimmer, hidden on the way down, or down to the menu row alone), keeps the cart count right after any add to cart, and becomes a side-sheet menu on phones with its own search row, the same pictures and labels, short texts and your own code above or below each item's links, and the first link of each sub-menu worded as you like. Every in-between tone is computed from your colours and checked for contrast. Read integration guide

Impulse theme Free How to add Coverflow 2 to Impulse Theme A gallery wall: each photograph sits in a mat and a frame, hung in a row that recedes to either side of the one in front. Navigation is a brass plaque with the piece number and a row of tick marks, the way a wall label works. Hangs flat by default, and leans as far as you want it to. Read integration guide

Impulse theme Free How to add Coverflow 1 to Impulse Theme A leaning deck of cards: one in front, its neighbours fanned out behind and shrinking with distance. Each card carries a signed offset from the centre as a CSS custom property and one transform rule reads it, so moving the deck rewrites numbers rather than markup. Clicking a card behind brings it forward. Read integration guide

Impulse theme Free How to add Slideshow 4 to Impulse Theme A product slideshow where each slide brings its own colours: a coloured ground, a soft halo, and a cut-out product floating on top with the words beside it. The navigation borrows the active slide's colours, so a dot never disappears on a dark slide. With autoplay on, the active dot fills a progress ring as the timer runs. Read integration guide

Impulse theme Free How to add Slideshow 3 to Impulse Theme A slideshow whose words sit on a frosted glass card, navigated by thumbnails on a matching frosted plate. One tint drives the card, the plate and the veil, so recolouring cannot pull the three apart. A slide can carry a silent looping video instead of a photo, started only when motion is welcome. Read integration guide

Impulse theme Free How to add Slideshow 2 to Impulse Theme An editorial slideshow: a rotated category label down the edge, a slide counter, and an optional product card pinned to the corner. Pick a product and the card fills itself in, or override any field by hand. Each slide declares whether its photo is light or dark, which moves the text colour and the veil together. Read integration guide

Impulse theme Free How to add Slideshow 1 to Impulse Theme A full-bleed slideshow: one photo per slide with its own words and up to two buttons. Matching the first photo's proportions is worked out server-side, so the stage holds its space before anything loads. A banner mode keeps the first slide's words still while only the photos rotate, and nothing is deleted when you switch it back. Read integration guide

Impulse theme Free How to add Countdown Drop 1 to Impulse Theme A holographic banner for a launch or a restock, running either as a countdown to a scheduled drop or as a pulsing live badge for one already open. The drop name is rendered as a holographic wordmark with a plain-colour fallback, so it is never invisible on an older browser. Read integration guide

Impulse theme Free How to add Countdown Sale 5 to Impulse Theme A seasonal sale band with an illustration beside the wording: pick Easter, Mother's Day, Summer, Launch day or Lunar New Year and the artwork changes while everything else stays put. Every season is drawn inline in the band's own two colours, so switching costs no extra request and can never clash. Ships with five ready-made presets. Read integration guide

Impulse theme Free How to add Countdown Sale 4 to Impulse Theme A seasonal sale band flanked by two large emblems, from a sun and a parasol to a pumpkin and a bat. The emblems are inline SVG in the band's own highlight colour, fade back on tablets, and step aside entirely on phones where the wording needs the room. Read integration guide

Impulse theme Free How to add Countdown Sale 3 to Impulse Theme A Valentine's countdown band with hearts rising slowly behind the wording. The hearts are CSS shapes rather than an image, so they cost no request and take their colour from the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Impulse theme Free How to add Countdown Sale 2 to Impulse Theme A New Year countdown band with confetti drifting behind the wording. The confetti is drawn in CSS from a handful of shapes rather than an image, so it costs no request and recolours with the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Impulse theme Free How to add Countdown Sale 1 to Impulse Theme A festive promotional band: heading, live countdown, offer line, button and a tap-to-copy discount code, over your own photo or a warm built-in gradient. The days column hides itself on the final day, so the clock reads hours, minutes and seconds instead of a permanent zero. Read integration guide

Impulse theme Free How to add Countdown Media 1 to Impulse Theme A photograph or video beside an offer panel, with the clock drawn as a torn ticket. The ticket's notches are painted in the colour that sits behind the card, so they read as punched holes rather than grey circles. A YouTube or Vimeo video is not embedded until a shopper actually presses play. Read integration guide

Impulse theme Free How to add Countdown Split 1 to Impulse Theme A coloured panel of words and a clock beside a full-height photograph. The panel side can be swapped, and on phones the photo moves above the panel so the wording is never squeezed into a narrow column. Three clock styles, from tiles to plain numbers. Read integration guide

Impulse theme Free How to add Countdown Hero 2 to Impulse Theme A full-bleed hero with the offer, a live clock and a button set over one or more photographs. Add a second photo and it becomes a slideshow; with one it draws no navigation and loads no slideshow code. Heights are measured against the screen a phone actually shows, so the hero is never taller than the visible area. Read integration guide

Impulse theme Free How to add Countdown Bar 1 to Impulse Theme A slim bar that rotates through several promotions, each able to carry its own live clock, tap-to-copy discount code and button. A promotion whose date has passed is dropped server-side, so an expired offer is never in the page at all. Closing the bar is remembered for the visit and scoped to the campaign, so changing a date brings it back. Read integration guide

Impulse theme Free How to add Marquee 4 to Impulse Theme A scrolling band that can carry words, images, buttons and a live countdown together. The digits use tabular figures and the days field reserves the width it needs at render time, so a tick can never change the set width and jog the loop. The clock is worked out server-side first, so the numbers are right at first paint. Read integration guide

Impulse theme Free How to add Marquee 3 to Impulse Theme A sale marquee with depth: a faint oversized ghost of the same words drifts behind at half speed, and the emblems bob gently in place. Words alternate filled and hollow, which is what gives the band its rhythm without needing a second colour. An emblem set to turn keeps turning, because spin and bob both animate the same property. Read integration guide

Impulse theme Free How to add Marquee 2 to Impulse Theme A holographic drop band for launches and restocks. One glow palette retunes the background, the words and the emblems together, with a Custom option for your own colours. A slow band of light drifts across behind the words, and stops for anyone who asks for reduced motion. Read integration guide

Impulse theme Free How to add Marquee 1 to Impulse Theme A large scrolling band of words and emblems, in one row or two running opposite ways. Twelve emblems are drawn inline as SVG in filled and outlined weights, and words can be filled or hollow. The loop is pure CSS, so nothing has to be measured at runtime. Read integration guide

Impulse theme Free How to add Utility Bar 1 to Impulse Theme A three-zone top rail: quick links on the left, a scrolling message in the middle, and country, language and social links on the right. Only the middle moves, so the links and the country picker stay clickable. The softer divider tone is worked out from your text colour and measured against the background, so recolouring the bar cannot quietly drop it below a readable contrast. Read integration guide

Impulse theme Free How to add Announcement Bar 5 to Impulse Theme A holographic strip for launches and restocks. Picking a glow palette retunes the background, the text and the highlight together, so the strip can never be left half-recoloured, and a Custom palette hands the three colours back. The sheen and the loop are both CSS, and both hold still under reduced motion. Read integration guide

Impulse theme Free How to add Announcement Bar 4 to Impulse Theme A marquee bar with two pinned ends: a fixed label on the left and a fixed button on the right, with the messages scrolling between them. Only the middle moves, so the offer name and the call to action stay readable and clickable. On phones the button can shrink to an arrow to leave the messages room. Read integration guide

Impulse theme Free How to add Announcement Bar 3 to Impulse Theme Each message carries its own icon, so the bar reads as a row of store promises rather than one long sentence. Eighteen icons are drawn inline as SVG, with emoji and uploaded images as alternatives, so nothing can 404 when the theme changes. Read integration guide

Impulse theme Free How to add Announcement Bar 2 to Impulse Theme A wide-tracked statement bar. The messages are plain text on purpose, which is what lets the whole bar safely become one link: a message that could contain a link of its own would put an anchor inside an anchor, and browsers quietly tear that apart. Letter spacing is what gives the bar its look. Read integration guide

Impulse theme Free How to add Announcement Bar 1 to Impulse Theme A slim promotional bar whose messages loop across the top of the page. The loop is pure CSS: the message set is rendered twice and the track slides exactly half its width, so it repeats with no seam and no JavaScript at all. With a single message the bar simply stays still and centred, instead of sliding away and leaving a blank strip. Read integration guide

Impulse theme Free How to add Hero Slider 1 to Impulse Theme A row of hero panels a shopper swipes through, with a band of promises welded to the bottom. Each panel is either a photograph with the words over it, or a product on a colour of your choosing under a big faded word — and a showcase panel measures its own background, so a pale panel flips the text to dark rather than losing it. Read integration guide

Impulse theme Free How to add Hero Review 2 to Impulse Theme The same proof as Hero Review 1, gathered into one frosted panel instead of set loose in the column — which is what lets it hold up over a bright or busy photograph. Where a browser cannot frost, the panel falls back to its solid tint so the words stay readable either way. Read integration guide

Impulse theme Free How to add Hero Review 1 to Impulse Theme A hero whose proof sits in the flow: the heading, then the stars, then one real customer quote, all in the same column. Nothing is invented — the stars, the score and the count are all typed by you, and every one of them is off until you turn it on. Read integration guide

Impulse theme Free How to add Hero Stats 1 to Impulse Theme A headline beside a set of figure cards that count up as they scroll into view. The count reads the number you typed and rebuilds it — prefix, suffix and decimals included — so a figure like £1.2m+ animates and still lands on exactly what you wrote. Anything with no number in it is left alone. Read integration guide

Impulse theme Free How to add Hero Split 3 to Impulse Theme A text panel beside a photograph, with a tag above the heading, a caption bar across the bottom of the photo and a row of short facts under the buttons. Built for a product launch page where the detail matters as much as the headline. Read integration guide

Impulse theme Free How to add Hero Split 2 to Impulse Theme A deep colour panel beside a photograph, with badges above the heading and a short list of reassurances under it. Every colour that carries text is measured against the panel it actually lands on, so a pale panel does not swallow the words. An optional small photo tucks over the corner on a computer. Read integration guide

Impulse theme Free How to add Hero Split 1 to Impulse Theme A colour panel beside a photograph, with a highlighted word in the heading that can cycle through several, and a band of promises scrolling along the bottom. The highlighter can hold one width sized to the longest word, so the line does not shift sideways every time the word changes. Read integration guide

Impulse theme Free How to add Hero Grid 1 to Impulse Theme One large card next to a column of smaller promo tiles. The big card takes a photo as a full background or as a cut-out bleeding off the corner; each tile takes its own photo or a colour blend. Wherever words sit over a photo, their colour is measured against what is genuinely behind them. Read integration guide

Impulse theme Free How to add Hero Image 3 to Impulse Theme A photo, a looping video or a colour behind a badge, a heading, a row of benefit pills and the buttons. The video only downloads once the hero is on screen, pauses when it leaves, and is never fetched at all for anyone who has asked for reduced motion — the still frame carries the hero instead. Read integration guide

Impulse theme Free How to add Hero Image 2 to Impulse Theme A photo, a gradient or a colour behind a heading whose middle word cycles. The rotation is a plain vertical scroll of words the page already holds, so with no script — or for anyone whose device asks for reduced motion — the first word simply stays and the sentence still reads. Read integration guide

Impulse theme Free How to add Hero Image 1 to Impulse Theme One photograph, edge to edge, with the words set over it. A separate photo can be uploaded for phones, which matters more than it sounds: a wide shot cropped to a phone loses about two thirds of its width, and usually the subject with it. Heights are measured against the visible screen, so the hero is never taller than what a shopper can actually see. Read integration guide

Impulse theme Free How to add Product Tiles 1 to Impulse Theme Three tall tiles, each carrying one product under a big display word. The photo flips on hover when a second one is set, and the caption trades places with the buy button. On a phone the caption can sit on the photo or under it, and the text is contrast-checked for whichever you choose. Read integration guide

Impulse theme Free How to add Product Banner 2 to Impulse Theme The restrained treatment of the same shape: a light banner, one button per card, no glow, and the arrows on the banner itself rather than in a strip under the row. A lit seam is drawn where the cards meet the banner, so the overlap reads as placed rather than cropped. Read integration guide

Impulse theme Free How to add Product Banner 1 to Impulse Theme A wide banner with the message on it and the product cards tucked up over its bottom edge, so the two read as one object rather than two stacked blocks. Two buttons per card — one to buy, one to read more — and a coloured glow behind the banner photo. Read integration guide

Impulse theme Free How to add Product Slider 11 to Impulse Theme A big heading over a band of tall product tiles, each with a small info plate under the photo. Badges are read from real data — sold out, then a genuine reduction, then how recently the product was added. The arrows sit over the row or up in the heading, and can be shown on a computer without appearing on a phone. Read integration guide

Impulse theme Free How to add Product Slider 10 to Impulse Theme A quiet row of products under a heading and one button, with a progress line and a counter underneath. The arrows and the progress only appear when there is genuinely more to see, and the counter reads the real scroll position so it follows a swipe as well as the arrows. Read integration guide

Impulse theme Free How to add Product Slider 9 to Impulse Theme A swipe row where every card carries a size menu and a quantity menu, so a shopper can buy three of something in one go. Badges come from your own product tags, never from stock levels, and the photo follows whichever size is picked. Read integration guide

Impulse theme Free How to add Product Slider 8 to Impulse Theme A swipe row of framed product cards. A size row opens on the photo so a shopper can add without leaving the page, and the eye button opens a quick look with the options, a quantity and the buy buttons. Both ship as plain links and are upgraded by script, so nothing on the card is ever a control that does nothing. Read integration guide

Impulse theme Free How to add Product Slider 7 to Impulse Theme A large lifestyle tile on the left and a swipe row of products on the right, with tabs across the top so one section covers new in, dresses and knitwear. Size buttons on the card update the price and link straight to that size. Read integration guide

Impulse theme Free How to add Product Grid 6 to Impulse Theme A shelf that can be a grid or a swipe row, with optional tabs across the top. Every card carries a size menu and a quantity menu, so a shopper can buy two of something without adding it twice. Card height is decided once for the whole section, so switching tabs never makes the shelf jump. Read integration guide

Impulse theme Free How to add Product Grid 5 to Impulse Theme A compact buy grid built for bundles and repeat purchases: small photo, name, price and the buttons right there. On a phone the card turns sideways so more fits on screen. A product with more than one size links to its own page rather than guessing. Read integration guide

Impulse theme Free How to add Product Grid 4 to Impulse Theme A grid with an optional large lead tile beside it, and a line under the price that adapts to what you sell: colour dots and a size range for clothing, or spec chips read from tags. Saved items live in the shopper's own browser, so no account is needed. Read integration guide

Impulse theme Free How to add Collection Grid to Impulse Theme Replaces your theme's own product grid on a collection page: products, sorting and pagination, with the caption rows built from blocks you can reorder or remove. Every card in a row shares an identical height, photo bottom, name top and button top, because the vendor and rating rows are decided once for the whole grid rather than card by card. Read integration guide

Impulse theme Free How to add Product Story 1 to Impulse Theme One product per slide, told as an editorial spread: the lifestyle photo on the left, a card on the right carrying the packshot, the name, the price and the button. Swipes natively, with a progress line and a slide counter. No slider library and no webfont — every type option uses a face already on the shopper's device. Read integration guide

Impulse theme Free How to add Product Slider 6 to Impulse Theme The workhorse: one collection, a swipe row of product cards with badges read from real data, an optional saved-items heart, quick add, star ratings and colour dots. Flip one switch and the row becomes a stacked grid instead. Read integration guide

Impulse theme Free How to add Product Slider 5 to Impulse Theme Tabs over a swipe row where the size picker lives on the card itself, so a shopper can add without leaving the page. The photo and the price both follow the size that is picked, and the photo map is keyed by image so a thirty-variant product does not carry thirty entries. Read integration guide

Impulse theme Free How to add Product Slider 4 to Impulse Theme A rail of best sellers where the rank is earned, not decorative: the numbers only appear when the collection is genuinely sorted by best selling, and the theme editor tells you when it is not. Star ratings come from whatever review app you already run. Read integration guide

Impulse theme Free How to add Product Slider 3 to Impulse Theme Tabs under a centred heading, and inside each tab a coloured promo card sitting beside the products. Each tab gets its own message, its own colour and its own button, and the text on the card is coloured for contrast automatically. Read integration guide

Impulse theme Free How to add Product Slider 2 to Impulse Theme A column on the left holding the heading, the tabs and one button that follows whichever tab is open; the products swipe past on the right. The low-stock badge reads real inventory, so it can never invent scarcity. Read integration guide

Impulse theme Free How to add Product Slider 1 to Impulse Theme A swipeable rail of product cards with a quick-look panel carrying the photo, price, description, quantity and buy-now. Pulls a collection, or hand-picked products when no collection is set. No slider library — the rail is native scroll-snap. Read integration guide

Impulse theme Free How to add Product Grid 3 to Impulse Theme Tabs with an underline that travels, one product grid under each and a button per tab. A tab takes a collection or a hand-picked list. On phones the grid becomes a swipe row so a peek of the next product invites the scroll. Read integration guide

Impulse theme Free How to add Product Grid 2 to Impulse Theme A tall rotating showcase on the left and a tabbed product grid on the right, so one section covers new in, dresses and sale without stacking three. Quick look opens a panel; single-variant products add straight to the bag. Read integration guide

Impulse theme Free How to add Product Grid 1 to Impulse Theme A collection grid with an optional large lead tile beside it, a saved-items heart, quick add, star ratings from your review app, automatic Sale, New and Sold-out badges, and a colour or spec row under the price. The button label is measured for contrast against whatever colour you pick. Read integration guide

Impulse theme Free How to add Shop Collections 7 to Impulse Theme A rail of full-bleed collection cards with the copy laid over the photo, positioned in any of nine spots — set separately for desktop and phones. Optional autoplay, dots and arrows, each toggled per screen size. Read integration guide

Impulse theme Free How to add Shop Collections 6 to Impulse Theme An editorial rail of collection cards with a numbered index, a badge, a kicker, a title and a meta line over a graded photo. One grade across mismatched photography makes the set read as one. Optional autoplay with a real pause control. Read integration guide

Impulse theme Free How to add Shop Collections 1 to Impulse Theme A grid of collection tiles in one of three shapes: a caption under the photo, a caption on the photo, or text-only chips for a shop-by-brand row. Ships with a preset for each. No script at all. Read integration guide

Impulse theme Free How to add Shop Collections 4 to Impulse Theme A rail of photo cards with a button sitting on each one. Every colour that ends up as text — including the button's hover state — is measured against the surface it actually lands on. Arrows sit over the cards or in the header. Read integration guide

Impulse theme Free How to add Shop Collections 5 to Impulse Theme A rail of leaning category cards. The lean is a clip on the photo, so captions stay upright and legible; set it to zero for ordinary rectangles. Each card takes an optional hover photo and a lead word before its title. Read integration guide

Impulse theme Free How to add Shop Collections 2 to Impulse Theme A row of category pills that navigates a shop. The pill for the collection being viewed fills itself automatically; on any other page you can flag one to lead with. Optional real product counts, wrapping or swiping on phones. Read integration guide

Impulse theme Free How to add Shop Collections 3 to Impulse Theme A swipeable rail of category cards, each on its own colour with a photo plate underneath the copy. The text colour on every card is measured against that card's own colour, so any palette stays readable. Counter, arrows and a progress bar. Read integration guide

Impulse theme Free How to add Shop The Look 5 to Impulse Theme An editorial full-bleed shot with numbered pins and one card floating in a corner of it. The card follows whichever pin is open, and on phones it can drop below the photo instead of covering the look. Read integration guide

Impulse theme Free How to add Shop The Look 4 to Impulse Theme One wide shot with numbered pins and the full list laid out underneath. A pin scrolls its card into view and rings it, and hovering a card lights its pin, so the photo and the grid always read as the same list. Read integration guide

Impulse theme Free How to add Shop The Look 3 to Impulse Theme A swipeable rail of styled scenes, each with its own pins and captions. Every pin opens a small product card over the photo, and the badge counting the pieces in a scene is worked out from the pins themselves so it can never go stale. Read integration guide

Impulse theme Free How to add Shop The Look 2 to Impulse Theme A shoppable photo on one side and the sales copy on the other. Pins open a product card docked to the bottom of the photo, while the copy column is built from heading, text, checklist and button blocks you can reorder freely. Read integration guide

Impulse theme Free How to add Shop The Look 1 to Impulse Theme A styled photo with numbered pins and a product card beside it that follows whichever pin is open. Arrows, a counter and a thumbnail row all drive the same index, so the card, the pins and the thumbs can never disagree. Read integration guide

Impulse theme Free How to add Ingredient Tabs to Impulse Theme A tab bar that swaps both the picture and the copy: one panel per ingredient, material or step, each with its own credential line, reason and link. Full keyboard navigation. Read integration guide

Impulse theme Free How to add Media Proof to Impulse Theme A large claim beside a tall picture, backed by a credentials list and one real customer review with a half-step star rating you enter yourself. Read integration guide

Impulse theme Free How to add Media Tabs to Impulse Theme A picture beside an accordion of answers, with optional chips underneath for the offers that close a sale. Takes a separate mobile crop and a link on the image. Read integration guide

Impulse theme Free How to add Selling Points to Impulse Theme One picture or clip beside the argument for buying: a headline, a paragraph, a numbered checklist of reasons and two buttons. External video opens in a popup that loads nothing until it is clicked. Read integration guide

Impulse theme Free How to add Image Collage to Impulse Theme Copy and a checklist beside a grid of photos that rearranges itself around how many there are, from one to a full gallery. Every photo takes its own caption and link. Read integration guide

Impulse theme Free How to add Feature Rows to Impulse Theme A stack of alternating image-and-text rows under one header, numbered if you want. Each row carries its own link, image label and clickable image. Read integration guide

Impulse theme Free How to add Media Specs to Impulse Theme A picture beside the claims that close a sale: an optional star rating you enter yourself, then rows pairing what a product does with what it gets the customer. Read integration guide

Impulse theme Free How to add Editorial Story to Impulse Theme A magazine-style spread: a large heading with an italic accent beside one picture or clip. The image can link anywhere, and you choose its side on desktop and its position on mobile independently. Read integration guide

Impulse theme Free How to add Image Text Benefits to Impulse Theme A picture beside a short grid of reasons to buy — free delivery, returns, secure checkout — each with a picked icon or one you upload. The image can link anywhere, and you choose whether it sits above or below the text on mobile. Read integration guide

Impulse theme Free How to add Video Quick Shop to Impulse Theme Shoppable clips that sell without leaving the page: each card carries its product, its variants and an add-to-cart, and opens full size in a popup with the description. Supports uploaded video or YouTube and Vimeo. Read integration guide

Impulse theme Free How to add Shoppable Slider to Impulse Theme A headline beside a side-scrolling row of shoppable clips. Each video carries the product it shows, with its image, name and price in a card below, and the row keeps its card size however few clips are left. Read integration guide

Impulse theme Free How to add Social Posts to Impulse Theme Customer posts in an Instagram or Facebook style card — profile row on top, image or clip in the middle, likes, caption and hashtags below. Three per row by default. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type. Switch the frame setting to show vertical reels instead. Read integration guide

Impulse theme Free How to add Social Reels to Impulse Theme Customer clips shown in a social frame — feed post or vertical reel — with handle, caption, platform logo and sound line. Hashtags in the caption tint themselves. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type, so nothing on the page pretends to be live. Read integration guide

Impulse theme Free How to add Shoppable Reels to Impulse Theme A scrolling rail of vertical clips, each with a product card floating over it — price, sale price and badges all read from your catalogue. New and discount badges are calculated, never typed, in four styles and two positions. Clips play only as they scroll into view, hide individually, and the card text color adapts to stay readable on any card color. Read integration guide

Impulse theme Free How to add Shoppable Video to Impulse Theme A grid of short vertical videos, each tied to a product with its image, name, price and discount. Play automatically, on hover or on click; YouTube and Vimeo load only when clicked so several embeds never slow the page. Cards hide individually and the grid follows how many are shown. Read integration guide

Impulse theme Free How to add Collection Circles to Impulse Theme Circular category links in a row that scrolls or wraps, each framed by a gradient or solid ring. Pick a collection to make the whole circle clickable, or point it anywhere with a link. Captions fall back to the collection title, discs hide individually, and everything — ring style, sizes, colors, spacing — is set in the theme editor. Read integration guide

Impulse theme Free How to add Video Stories to Impulse Theme Instagram-style rail of tappable video bubbles that opens a full-screen player with progress bar, sound toggle, swipe navigation and a call-to-action per video. Places itself anywhere on the product page. No external libraries. Read integration guide

Impulse theme Free How to add Study Slider to Impulse Theme Card slider with heading, description, and navigation buttons. Features customizable card dimensions, gap spacing, stats section, and smooth slide transitions with arrow navigation. Read integration guide

Impulse theme Free How to add Testimonial Spotlight to Impulse Theme Large featured testimonial with side info panel. Prominent single review display, customer photo, detailed quote, company logo, and supporting statistics. Read integration guide

Impulse theme Free How to add Reviews Marquee to Impulse Theme Infinite scrolling ticker-style reviews with modern design. Continuous horizontal scroll, pause on hover, customizable speed, and clean card design. Read integration guide

Impulse theme Free How to add Video Testimonials to Impulse Theme Showcase customer video reviews with thumbnails and lightbox. Play button overlay, video modal popup, customer name and title, and thumbnail grid layout. Read integration guide

Impulse theme Free How to add Reviews Wall to Impulse Theme Pinterest-style masonry layout with social media look. Mixed review sizes, source icons (verified, Instagram, etc.), and dynamic flowing layout. Read integration guide

Impulse theme Free How to add Testimonials Grid to Impulse Theme Static grid layout for testimonials with hover effects. Customizable columns (2-4), star ratings, customer info, and subtle lift animation on hover. Read integration guide

Impulse theme Free How to add Testimonials Carousel to Impulse Theme Customer reviews carousel with star ratings, customer photos, and smooth slide transitions. Navigation arrows, dot indicators, autoplay option, and touch swipe support. Read integration guide

Impulse theme Free How to add Product Ingredients to Impulse Theme Product ingredients section with ingredient cards showing name, description, and optional image. Perfect for skincare, supplements, or food products. Read integration guide

Impulse theme Free How to add Product Bundle to Impulse Theme Display product bundle or kit with included items. Bundle image, list of included products, savings badge, total value display, and add bundle to cart CTA. Read integration guide

Impulse theme Free How to add Product Specifications to Impulse Theme Product with detailed specifications table. Alternating row colors, specification labels and values, product image, and organized technical details. Read integration guide

Impulse theme Free How to add Product Gallery to Impulse Theme Product with image gallery and thumbnails. Main image display with thumbnail navigation, zoom on hover, and product info section with price and CTA. Read integration guide

Impulse theme Free How to add Product Features to Impulse Theme Product display with feature highlights in a two-column layout. Large product image on one side, feature list with icons on the other, and CTA button. Read integration guide

Impulse theme Free How to add Features Numbered to Impulse Theme Numbered features/steps with descriptions in a timeline style. Circular number badges, connecting lines between steps, and optional feature bullet points per step. Read integration guide

Impulse theme Free How to add Features Cards to Impulse Theme Feature cards with images in a grid layout. Image at top, title, description, and optional link. Customizable columns, hover animations, and rounded corners. Read integration guide

Impulse theme Free How to add Features Icons Grid to Impulse Theme Features displayed with icons in a responsive grid. SVG icon support, customizable columns (2-4), hover effects, and centered icon with title and description layout. Read integration guide

Impulse theme Free How to add FAQ Side Navigation to Impulse Theme FAQ with left sidebar navigation for categories. Sticky sidebar with category links, smooth scroll to sections, and active state highlighting on scroll. Read integration guide

Impulse theme Free How to add FAQ Searchable to Impulse Theme FAQ with search functionality and instant filtering. Search box with icon, real-time filtering as user types, highlight matching questions, and no results message. Read integration guide

Impulse theme Free How to add FAQ Two Column to Impulse Theme FAQ displayed in two columns for wider layouts. Questions split across columns, accordion functionality, and responsive single column on mobile devices. Read integration guide

Impulse theme Free How to add FAQ Tabs to Impulse Theme Categorized FAQ with tab navigation. Organize questions by category with clickable tabs, accordion items within each tab, and smooth tab switching animations. Read integration guide

Impulse theme Free How to add FAQ Accordion to Impulse Theme Expandable/collapsible FAQ items with smooth animations. Classic accordion style with plus/minus icons, hover effects, and customizable question/answer backgrounds. Read integration guide

Impulse theme Free How to add Countdown Product Launch to Impulse Theme Product launch countdown with product preview image. Features header section, product display, countdown timer, and notify/pre-order button for upcoming releases. Read integration guide

Impulse theme Free How to add Countdown Minimal to Impulse Theme Minimal inline countdown timer with text alongside. Clean horizontal layout perfect for subtle urgency messaging without overwhelming the page design. Read integration guide

Impulse theme Free How to add Countdown Boxed to Impulse Theme Boxed style countdown with side content layout. Card-based design with border, image support, feature list, and countdown timer in an elegant contained format. Read integration guide

Impulse theme Free How to add Countdown Hero to Impulse Theme Full width hero section with background image, overlay, and countdown timer. Features customizable minimum height, overlay opacity, and prominent countdown display. Read integration guide

Impulse theme Free How to add Countdown Banner to Impulse Theme Simple banner style countdown timer with label badge, heading, description, and CTA button. Clean centered layout with customizable time boxes and accent colors. Read integration guide

Impulse theme Free How to add Product Comparison Table to Impulse Theme Compare multiple products side by side with features table. Product images, prices, feature rows with check/X icons, highlighted recommended product, and mobile-responsive with sticky first column. Read integration guide

Impulse theme Free How to add Dual Flow Comparison to Impulse Theme Compare two processes or paths side by side with step-by-step flow. Headers with images, numbered steps, and highlighted final result. Perfect for Old Way vs New Way comparisons. Read integration guide

Impulse theme Free How to add Competitor Comparison to Impulse Theme Visual brand vs competitors side by side with VS badge. Compare your product against competitors with feature rows, brand highlighting, and winner indicators. Read integration guide

Impulse theme Free How to add Before After Table to Impulse Theme Show transformation results in a clean table format with before and after columns. Colored headers, alternating rows, and perfect for showcasing improvements or changes. Read integration guide

Impulse theme Free How to add Feature Comparison to Impulse Theme Simple visual two-column comparison with checkmark and X icons. Perfect for showing included vs not included features, pros vs cons, or your product vs alternatives. Read integration guide

Impulse theme Free How to add Pricing Table to Impulse Theme Clean pricing cards with monthly/yearly toggle, featured plan highlighting, feature lists with checkmarks, and CTA buttons. Supports 2-4 pricing tiers with customizable colors. Read integration guide

Impulse theme Free How to add Hero 9 Banner to Impulse Theme Hero section with dual animated image columns (left and right scrolling) alongside heading, text, and CTA button. Features reversible layout position and customizable typography and button styling. Read integration guide

Impulse theme Free How to add Image Templates Banner to Impulse Theme Two-column layout with scrolling image gallery and pricing box. Features animated vertical image columns, trusted brands badge, benefits list with icons, deal countdown styling, and logo strip section. Read integration guide

Impulse theme Free How to add Rotating Carousel Banner to Impulse Theme Interactive carousel with JavaScript controls, Ken Burns zoom effect, progress bar, dot indicators, navigation arrows, and touch support. Features autoplay, glass/solid/outline buttons, and smooth slide transitions. Read integration guide

Impulse theme Free How to add Split Content Banner to Impulse Theme Two-column layout with image and text, smooth animations, and hover effects. Features customizable split ratios (50/50, 40/60, 60/40, 30/70, 70/30), optional badge, accent line, and reversible layout. Read integration guide

Impulse theme Free How to add Hero Banner to Impulse Theme Premium full-width hero with animated shape dividers (wave, curve, tilt, blob, triangle, zigzag), gradient overlays, and advanced background effects (particles, gradient shift, shimmer, pulse). The ultimate hero section. Read integration guide

Impulse theme Free How to add Minimal Text Banner to Impulse Theme Clean typography-focused banner with elegant fade-up animations and optional background effects (pulse, float, shimmer). Features glass/solid/outline button options and subtle animated backgrounds for a refined look. Read integration guide

Impulse theme Free How to add Gradient Overlay Banner to Impulse Theme Visually striking banner with customizable gradient overlays (bottom, full, radial, left, right), content animations, flexible positioning, and glass/solid/outline button styles. Features hover zoom effect on background image. Read integration guide

Impulse theme Free How to add 3D Flip Rotator to Impulse Theme Stunning 3D flip animations with typewriter effect and progress indicator. Rotates through multiple messages with smooth 3D perspective transforms and customizable timing. Read integration guide

Impulse theme Free How to add Stock Ticker Pro to Impulse Theme Stock market style ticker with trend indicators, animated numbers, and flash alerts. Monospace font styling, fixed label section, and smooth scrolling for a professional trading floor look. Read integration guide

Impulse theme Free How to add Urgency Split Bar to Impulse Theme Real countdown timer with animated urgency border and confetti effects. Split layout with highlighted section, pulse ring animation, and countdown functionality for flash sales. Read integration guide

Impulse theme Free How to add Neon Glow Marquee to Impulse Theme Eye-catching neon effects with glitch animation and rainbow text options. Features smooth scrolling, direction control, pause on hover, and customizable glow intensity. Read integration guide

Impulse theme Free How to add Gradient Marquee to Impulse Theme Scrolling marquee with animated gradient backgrounds (sunset, ocean, purple, fire, forest, midnight). Features glow effects, customizable scroll speed, direction control, and pause on hover. Read integration guide

Impulse theme Free How to add After Before Slider to Impulse Theme Interactive before/after image comparison slider with draggable handle. Features rounded corners, shadow effects, customizable gap between columns, and responsive design with configurable padding. Read integration guide

Impulse theme Free How to add Image With Text Premium to Impulse Theme Luxury-style image with text section featuring multi-image collage layout, Poppins typography, background image support, and four feature text blocks. Perfect for premium brand storytelling. Read integration guide

Impulse theme Free How to add Image Text Zigzag to Impulse Theme Alternating image-text blocks in a zigzag pattern for storytelling. Includes optional step numbers, individual CTA buttons per block, and elegant flowing layout perfect for How It Works or process explanations. Read integration guide

Impulse theme Free How to add Image Text Cards to Impulse Theme Multi-card grid layout showcasing image-text combinations in 2-4 column layouts. Features hover animations, customizable image ratios (square/landscape/portrait), and animated link arrows for engaging storytelling. Read integration guide

Impulse theme Free How to add Image Text Overlay to Impulse Theme Full-width hero section with background image and text overlay. Includes customizable overlay color and opacity, flexible content positioning (left/center/right), dual CTA buttons, and responsive mobile optimization. Read integration guide

Impulse theme Free How to add Image Text Split to Impulse Theme Classic 50/50 split layout with image on one side and text content on the other. Features reversible image position, feature list with checkmarks, customizable CTA button, and smooth responsive behavior. Read integration guide

Impulse theme Free How to add Stacked Promotion Banner to Impulse Theme Stacked Promotion with quantity break discount Read integration guide

Impulse theme Free How to add Back to Top to Impulse Theme Enhance your store’s browsing experience with a simple “Back to Top” button. Smooth, user-friendly navigation helps customers explore your site with ease. Read integration guide

Impulse theme Free How to add Designed with an Edge to Impulse Theme Add a modern sloped design to your store for a bold and dynamic layout. Perfect for separating sections, drawing attention to products, or giving your pages a stylish flow. Read integration guide

Impulse theme Free How to add Follow the Feed to Impulse Theme Stay connected with our latest looks, trends, and community highlights—straight from Instagram. Click, explore, and shop your favorite styles directly from the feed. Read integration guide

Impulse theme Free How to add Frequently Asked Questions to Impulse Theme Find quick answers to the most common questions about our products, shipping, returns, and more. We’ve made it easy for you to get the information you need—right at your fingertips. Read integration guide

Impulse theme Free How to add Explore Our Gallery to Impulse Theme Showcase your products, brand moments, and customer favorites in a stylish grid layout. Our gallery brings your store to life with visuals that inspire and engage shoppers. Read integration guide

Impulse theme Free How to add From Our Blog to Impulse Theme Stay updated with the latest tips, trends, and stories from our team. Explore helpful guides, product highlights, and inspiration to make the most of your shopping experience. Read integration guide

Impulse theme Free How to add Smooth & Modern Design to Impulse Theme Add a stylish wave effect to your store layout. The Wave Section creates natural flow between sections, giving your storefront a clean, modern, and engaging look that keeps customers scrolling. Read integration guide

Impulse theme Free How to add Discover the Difference to Impulse Theme Bring your store to life with our Parallax Banner. Eye-catching visuals and smooth scrolling effects create an immersive shopping experience while showcasing your brand in style. Read integration guide

Impulse theme Free How to add Follow Us on Instagram to Impulse Theme Stay inspired and never miss a moment! Explore our latest styles, behind-the-scenes looks, and customer favorites straight from our Instagram feed. Click, shop, and join our community today. Read integration guide

Motion theme Free How to add Team Grid 1 to Motion Theme The people behind the shop: a heading, a few lines that turn "we" into faces, then the team in a grid with a round photo, a first name, a role and one line each. Three or four per row, the last row centred. Read integration guide

Motion theme Free How to add Results Timeline 1 to Motion Theme Milestones down a centre line: a big time label, a title, a few lines, a customer quote in a card and a photo on the other side, alternating. For "what to expect and when" on a product page. Read integration guide

Motion theme Free How to add Blog Posts 1 to Motion Theme The latest posts of a blog as cards: photo, date, title, an excerpt and a read-more link, two to four per row. On an article page it leaves the current post out, so it reads as "read next". Read integration guide

Motion theme Free How to add Newsletter Band 1 to Motion Theme A sign-up band with an offer: a heading, three perks with a tick, the email field and the button, a photo beside it if you like. Subscribers get the newsletter tag; the thank-you shows in place. Read integration guide

Motion theme Free How to add Review Cards 1 to Motion Theme Customer reviews on a coloured band: a star rating in a pill, a heading and a row of cards that scrolls, each with the review, a verified mark, an initial or photo, the name and stars. Arrows on computers, a swipe on phones, and wavy edges if you want them. Read integration guide

Motion theme Free How to add Benefits Panel 1 to Motion Theme A rounded panel in your brand colour: the argument and a button on one side, and on a white card every benefit as an icon and a short label, reading down one or two columns. Read integration guide

Motion theme Free How to add Benefit Cards 1 to Motion Theme A heading over cards that each make one case: a photo set in from the card's edge, two short tags, a title and a sentence. Side by side on computers; a swipe row or a stack on phones. Read integration guide

Motion theme Free How to add Comparison Table 1 to Motion Theme Your product against the alternatives in a real table: a tinted or framed column with a tick on every row, crosses or words for the others, an optional third column and a button underneath. {title} in the words becomes the product's title. Read integration guide

Motion theme Free How to add Stat Rings 1 to Motion Theme A photo beside a heading and up to six figures, each a ring filled to its percentage with the number inside and a line of text. The rings fill as they scroll into view, and a note says where the figures come from. Read integration guide

Motion theme Free How to add Reviews Summary 1 to Motion Theme A reviews page in one section: the average and how many reviews it rests on, a bar for each star, a button to write one, then the reviews in a masonry wall with a sort menu and a Load more button. The summary is worked out from the reviews added here, or typed in when the real numbers live in another app. Read integration guide

Motion theme Free How to add Photo Reviews 1 to Motion Theme Customer reviews that lead with the photo: the piece being worn, then the stars, a title, the words and who wrote them with a verified mark. A rating line sits over the heading, the cards form a grid of two to four, and on phones they become a swipe row. Read integration guide

Motion theme Free How to add Product Callouts 1 to Motion Theme One photo in the middle and the reasons to buy set around it, half on each side, each with an icon from the shared set or your own, a title and a line of text. On a product page the photo can be the product's own until you pick another, and on phones the callouts fall into a tidy grid under the picture. Read integration guide

Motion theme Free How to add FAQ Split 1 to Motion Theme The heading, a word of reassurance, an optional photo and a contact link on one side; the questions on the other, opening one at a time with no script. The side column stays in view while the answers scroll, and every question is published as FAQ structured data for search engines. Read integration guide

Motion theme Free How to add Guarantee Band 1 to Motion Theme A guarantee told between two photos: a heading, a short promise and a button in the middle, a row of reassurances underneath, and a picture on each side, staggered for a little movement. On phones the photos sit side by side above the words, or step aside altogether. Read integration guide

Motion theme Free How to add Shoppable Stories to Motion Theme Short videos that sell, as story bubbles or vertical reels. Previews play silently while on screen; a tap opens a full-screen player with progress bars, sound, and a swipe from one video to the next, and beside each video (over it on phones) sit the products it shows — options, price and an add to cart that never leaves the video. On a product page the stories can sit right inside the product details: under or above the buy buttons, under the title or under the description, and a video left without products sells the product of the page. No external libraries. Read integration guide

Motion theme Free How to add Island Header to Motion Theme A floating, rounded header that sits on the page like an island: the menu on one side, your logo in the middle (or first, with the space beside it yours to set), search, account and cart on the other. A pill glides between menu items and rests on the page being viewed; drop-downs open as a card sized to their links, as wide as the island or across the whole screen, show each collection's picture in front of its link (square, rounded or round, as you set), group three-level menus and hold stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like: above the name on computers, beside it on phones. The phone menu can show the same pictures, opens each sub-menu on the item's name, on "All" in the shopper's language or on words of your own, and places pictures, short texts and your own code above or below the links of the item they belong to; a Custom code block also takes CSS to restyle anything in the header. Search opens a panel with quick links, then live results as product cards with photo and price. Shoppers sign in through Shopify's own account button — with Shop, Google, Facebook or a code by email, without leaving the page — and choose their country (and so their currency) and language in a compact panel with a search box for long lists, or in two rows at the foot of the phone menu. The cart, with your own icon if you like, opens a drawer of its own — quantities, discounts, subscriptions, a free-shipping progress bar and checkout — that keeps working with your theme's header switched off and can open by itself after an add to cart. It can float see-through over your first section and turn solid once past it, stays pinned as the page scrolls (slimmer, or hiding on the way down), and works out every quiet tone from your colours with contrast checked. Read integration guide

Motion theme Free How to add Mega Search Header to Motion Theme A header built around search, for large catalogues: a wide search bar with a product-type picker and live suggestions (matching searches first, then products with photo and price), and a menu row whose items open panels across the full width, as wide as the page, or as a card sized to their links — headed columns for three-level menus, each collection's picture in front of its link (square, rounded or round, as you set), a "Shop all" link, and stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like. A deal link shines in your accent colour, and the cart can wear your own icon. Shoppers sign in through Shopify's own account button and choose their country (and so their currency) and language in a compact panel with a search box for long lists. It stays on top as the page scrolls (slimmer, hidden on the way down, or down to the menu row alone), keeps the cart count right after any add to cart, and becomes a side-sheet menu on phones with its own search row, the same pictures and labels, short texts and your own code above or below each item's links, and the first link of each sub-menu worded as you like. Every in-between tone is computed from your colours and checked for contrast. Read integration guide

Motion theme Free How to add Coverflow 2 to Motion Theme A gallery wall: each photograph sits in a mat and a frame, hung in a row that recedes to either side of the one in front. Navigation is a brass plaque with the piece number and a row of tick marks, the way a wall label works. Hangs flat by default, and leans as far as you want it to. Read integration guide

Motion theme Free How to add Coverflow 1 to Motion Theme A leaning deck of cards: one in front, its neighbours fanned out behind and shrinking with distance. Each card carries a signed offset from the centre as a CSS custom property and one transform rule reads it, so moving the deck rewrites numbers rather than markup. Clicking a card behind brings it forward. Read integration guide

Motion theme Free How to add Slideshow 4 to Motion Theme A product slideshow where each slide brings its own colours: a coloured ground, a soft halo, and a cut-out product floating on top with the words beside it. The navigation borrows the active slide's colours, so a dot never disappears on a dark slide. With autoplay on, the active dot fills a progress ring as the timer runs. Read integration guide

Motion theme Free How to add Slideshow 3 to Motion Theme A slideshow whose words sit on a frosted glass card, navigated by thumbnails on a matching frosted plate. One tint drives the card, the plate and the veil, so recolouring cannot pull the three apart. A slide can carry a silent looping video instead of a photo, started only when motion is welcome. Read integration guide

Motion theme Free How to add Slideshow 2 to Motion Theme An editorial slideshow: a rotated category label down the edge, a slide counter, and an optional product card pinned to the corner. Pick a product and the card fills itself in, or override any field by hand. Each slide declares whether its photo is light or dark, which moves the text colour and the veil together. Read integration guide

Motion theme Free How to add Slideshow 1 to Motion Theme A full-bleed slideshow: one photo per slide with its own words and up to two buttons. Matching the first photo's proportions is worked out server-side, so the stage holds its space before anything loads. A banner mode keeps the first slide's words still while only the photos rotate, and nothing is deleted when you switch it back. Read integration guide

Motion theme Free How to add Countdown Drop 1 to Motion Theme A holographic banner for a launch or a restock, running either as a countdown to a scheduled drop or as a pulsing live badge for one already open. The drop name is rendered as a holographic wordmark with a plain-colour fallback, so it is never invisible on an older browser. Read integration guide

Motion theme Free How to add Countdown Sale 5 to Motion Theme A seasonal sale band with an illustration beside the wording: pick Easter, Mother's Day, Summer, Launch day or Lunar New Year and the artwork changes while everything else stays put. Every season is drawn inline in the band's own two colours, so switching costs no extra request and can never clash. Ships with five ready-made presets. Read integration guide

Motion theme Free How to add Countdown Sale 4 to Motion Theme A seasonal sale band flanked by two large emblems, from a sun and a parasol to a pumpkin and a bat. The emblems are inline SVG in the band's own highlight colour, fade back on tablets, and step aside entirely on phones where the wording needs the room. Read integration guide

Motion theme Free How to add Countdown Sale 3 to Motion Theme A Valentine's countdown band with hearts rising slowly behind the wording. The hearts are CSS shapes rather than an image, so they cost no request and take their colour from the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Motion theme Free How to add Countdown Sale 2 to Motion Theme A New Year countdown band with confetti drifting behind the wording. The confetti is drawn in CSS from a handful of shapes rather than an image, so it costs no request and recolours with the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Motion theme Free How to add Countdown Sale 1 to Motion Theme A festive promotional band: heading, live countdown, offer line, button and a tap-to-copy discount code, over your own photo or a warm built-in gradient. The days column hides itself on the final day, so the clock reads hours, minutes and seconds instead of a permanent zero. Read integration guide

Motion theme Free How to add Countdown Media 1 to Motion Theme A photograph or video beside an offer panel, with the clock drawn as a torn ticket. The ticket's notches are painted in the colour that sits behind the card, so they read as punched holes rather than grey circles. A YouTube or Vimeo video is not embedded until a shopper actually presses play. Read integration guide

Motion theme Free How to add Countdown Split 1 to Motion Theme A coloured panel of words and a clock beside a full-height photograph. The panel side can be swapped, and on phones the photo moves above the panel so the wording is never squeezed into a narrow column. Three clock styles, from tiles to plain numbers. Read integration guide

Motion theme Free How to add Countdown Hero 2 to Motion Theme A full-bleed hero with the offer, a live clock and a button set over one or more photographs. Add a second photo and it becomes a slideshow; with one it draws no navigation and loads no slideshow code. Heights are measured against the screen a phone actually shows, so the hero is never taller than the visible area. Read integration guide

Motion theme Free How to add Countdown Bar 1 to Motion Theme A slim bar that rotates through several promotions, each able to carry its own live clock, tap-to-copy discount code and button. A promotion whose date has passed is dropped server-side, so an expired offer is never in the page at all. Closing the bar is remembered for the visit and scoped to the campaign, so changing a date brings it back. Read integration guide

Motion theme Free How to add Marquee 4 to Motion Theme A scrolling band that can carry words, images, buttons and a live countdown together. The digits use tabular figures and the days field reserves the width it needs at render time, so a tick can never change the set width and jog the loop. The clock is worked out server-side first, so the numbers are right at first paint. Read integration guide

Motion theme Free How to add Marquee 3 to Motion Theme A sale marquee with depth: a faint oversized ghost of the same words drifts behind at half speed, and the emblems bob gently in place. Words alternate filled and hollow, which is what gives the band its rhythm without needing a second colour. An emblem set to turn keeps turning, because spin and bob both animate the same property. Read integration guide

Motion theme Free How to add Marquee 2 to Motion Theme A holographic drop band for launches and restocks. One glow palette retunes the background, the words and the emblems together, with a Custom option for your own colours. A slow band of light drifts across behind the words, and stops for anyone who asks for reduced motion. Read integration guide

Motion theme Free How to add Marquee 1 to Motion Theme A large scrolling band of words and emblems, in one row or two running opposite ways. Twelve emblems are drawn inline as SVG in filled and outlined weights, and words can be filled or hollow. The loop is pure CSS, so nothing has to be measured at runtime. Read integration guide

Motion theme Free How to add Utility Bar 1 to Motion Theme A three-zone top rail: quick links on the left, a scrolling message in the middle, and country, language and social links on the right. Only the middle moves, so the links and the country picker stay clickable. The softer divider tone is worked out from your text colour and measured against the background, so recolouring the bar cannot quietly drop it below a readable contrast. Read integration guide

Motion theme Free How to add Announcement Bar 5 to Motion Theme A holographic strip for launches and restocks. Picking a glow palette retunes the background, the text and the highlight together, so the strip can never be left half-recoloured, and a Custom palette hands the three colours back. The sheen and the loop are both CSS, and both hold still under reduced motion. Read integration guide

Motion theme Free How to add Announcement Bar 4 to Motion Theme A marquee bar with two pinned ends: a fixed label on the left and a fixed button on the right, with the messages scrolling between them. Only the middle moves, so the offer name and the call to action stay readable and clickable. On phones the button can shrink to an arrow to leave the messages room. Read integration guide

Motion theme Free How to add Announcement Bar 3 to Motion Theme Each message carries its own icon, so the bar reads as a row of store promises rather than one long sentence. Eighteen icons are drawn inline as SVG, with emoji and uploaded images as alternatives, so nothing can 404 when the theme changes. Read integration guide

Motion theme Free How to add Announcement Bar 2 to Motion Theme A wide-tracked statement bar. The messages are plain text on purpose, which is what lets the whole bar safely become one link: a message that could contain a link of its own would put an anchor inside an anchor, and browsers quietly tear that apart. Letter spacing is what gives the bar its look. Read integration guide

Motion theme Free How to add Announcement Bar 1 to Motion Theme A slim promotional bar whose messages loop across the top of the page. The loop is pure CSS: the message set is rendered twice and the track slides exactly half its width, so it repeats with no seam and no JavaScript at all. With a single message the bar simply stays still and centred, instead of sliding away and leaving a blank strip. Read integration guide

Motion theme Free How to add Hero Slider 1 to Motion Theme A row of hero panels a shopper swipes through, with a band of promises welded to the bottom. Each panel is either a photograph with the words over it, or a product on a colour of your choosing under a big faded word — and a showcase panel measures its own background, so a pale panel flips the text to dark rather than losing it. Read integration guide

Motion theme Free How to add Hero Review 2 to Motion Theme The same proof as Hero Review 1, gathered into one frosted panel instead of set loose in the column — which is what lets it hold up over a bright or busy photograph. Where a browser cannot frost, the panel falls back to its solid tint so the words stay readable either way. Read integration guide

Motion theme Free How to add Hero Review 1 to Motion Theme A hero whose proof sits in the flow: the heading, then the stars, then one real customer quote, all in the same column. Nothing is invented — the stars, the score and the count are all typed by you, and every one of them is off until you turn it on. Read integration guide

Motion theme Free How to add Hero Stats 1 to Motion Theme A headline beside a set of figure cards that count up as they scroll into view. The count reads the number you typed and rebuilds it — prefix, suffix and decimals included — so a figure like £1.2m+ animates and still lands on exactly what you wrote. Anything with no number in it is left alone. Read integration guide

Motion theme Free How to add Hero Split 3 to Motion Theme A text panel beside a photograph, with a tag above the heading, a caption bar across the bottom of the photo and a row of short facts under the buttons. Built for a product launch page where the detail matters as much as the headline. Read integration guide

Motion theme Free How to add Hero Split 2 to Motion Theme A deep colour panel beside a photograph, with badges above the heading and a short list of reassurances under it. Every colour that carries text is measured against the panel it actually lands on, so a pale panel does not swallow the words. An optional small photo tucks over the corner on a computer. Read integration guide

Motion theme Free How to add Hero Split 1 to Motion Theme A colour panel beside a photograph, with a highlighted word in the heading that can cycle through several, and a band of promises scrolling along the bottom. The highlighter can hold one width sized to the longest word, so the line does not shift sideways every time the word changes. Read integration guide

Motion theme Free How to add Hero Grid 1 to Motion Theme One large card next to a column of smaller promo tiles. The big card takes a photo as a full background or as a cut-out bleeding off the corner; each tile takes its own photo or a colour blend. Wherever words sit over a photo, their colour is measured against what is genuinely behind them. Read integration guide

Motion theme Free How to add Hero Image 3 to Motion Theme A photo, a looping video or a colour behind a badge, a heading, a row of benefit pills and the buttons. The video only downloads once the hero is on screen, pauses when it leaves, and is never fetched at all for anyone who has asked for reduced motion — the still frame carries the hero instead. Read integration guide

Motion theme Free How to add Hero Image 2 to Motion Theme A photo, a gradient or a colour behind a heading whose middle word cycles. The rotation is a plain vertical scroll of words the page already holds, so with no script — or for anyone whose device asks for reduced motion — the first word simply stays and the sentence still reads. Read integration guide

Motion theme Free How to add Hero Image 1 to Motion Theme One photograph, edge to edge, with the words set over it. A separate photo can be uploaded for phones, which matters more than it sounds: a wide shot cropped to a phone loses about two thirds of its width, and usually the subject with it. Heights are measured against the visible screen, so the hero is never taller than what a shopper can actually see. Read integration guide

Motion theme Free How to add Product Tiles 1 to Motion Theme Three tall tiles, each carrying one product under a big display word. The photo flips on hover when a second one is set, and the caption trades places with the buy button. On a phone the caption can sit on the photo or under it, and the text is contrast-checked for whichever you choose. Read integration guide

Motion theme Free How to add Product Banner 2 to Motion Theme The restrained treatment of the same shape: a light banner, one button per card, no glow, and the arrows on the banner itself rather than in a strip under the row. A lit seam is drawn where the cards meet the banner, so the overlap reads as placed rather than cropped. Read integration guide

Motion theme Free How to add Product Banner 1 to Motion Theme A wide banner with the message on it and the product cards tucked up over its bottom edge, so the two read as one object rather than two stacked blocks. Two buttons per card — one to buy, one to read more — and a coloured glow behind the banner photo. Read integration guide

Motion theme Free How to add Product Slider 11 to Motion Theme A big heading over a band of tall product tiles, each with a small info plate under the photo. Badges are read from real data — sold out, then a genuine reduction, then how recently the product was added. The arrows sit over the row or up in the heading, and can be shown on a computer without appearing on a phone. Read integration guide

Motion theme Free How to add Product Slider 10 to Motion Theme A quiet row of products under a heading and one button, with a progress line and a counter underneath. The arrows and the progress only appear when there is genuinely more to see, and the counter reads the real scroll position so it follows a swipe as well as the arrows. Read integration guide

Motion theme Free How to add Product Slider 9 to Motion Theme A swipe row where every card carries a size menu and a quantity menu, so a shopper can buy three of something in one go. Badges come from your own product tags, never from stock levels, and the photo follows whichever size is picked. Read integration guide

Motion theme Free How to add Product Slider 8 to Motion Theme A swipe row of framed product cards. A size row opens on the photo so a shopper can add without leaving the page, and the eye button opens a quick look with the options, a quantity and the buy buttons. Both ship as plain links and are upgraded by script, so nothing on the card is ever a control that does nothing. Read integration guide

Motion theme Free How to add Product Slider 7 to Motion Theme A large lifestyle tile on the left and a swipe row of products on the right, with tabs across the top so one section covers new in, dresses and knitwear. Size buttons on the card update the price and link straight to that size. Read integration guide

Motion theme Free How to add Product Grid 6 to Motion Theme A shelf that can be a grid or a swipe row, with optional tabs across the top. Every card carries a size menu and a quantity menu, so a shopper can buy two of something without adding it twice. Card height is decided once for the whole section, so switching tabs never makes the shelf jump. Read integration guide

Motion theme Free How to add Product Grid 5 to Motion Theme A compact buy grid built for bundles and repeat purchases: small photo, name, price and the buttons right there. On a phone the card turns sideways so more fits on screen. A product with more than one size links to its own page rather than guessing. Read integration guide

Motion theme Free How to add Product Grid 4 to Motion Theme A grid with an optional large lead tile beside it, and a line under the price that adapts to what you sell: colour dots and a size range for clothing, or spec chips read from tags. Saved items live in the shopper's own browser, so no account is needed. Read integration guide

Motion theme Free How to add Collection Grid to Motion Theme Replaces your theme's own product grid on a collection page: products, sorting and pagination, with the caption rows built from blocks you can reorder or remove. Every card in a row shares an identical height, photo bottom, name top and button top, because the vendor and rating rows are decided once for the whole grid rather than card by card. Read integration guide

Motion theme Free How to add Product Story 1 to Motion Theme One product per slide, told as an editorial spread: the lifestyle photo on the left, a card on the right carrying the packshot, the name, the price and the button. Swipes natively, with a progress line and a slide counter. No slider library and no webfont — every type option uses a face already on the shopper's device. Read integration guide

Motion theme Free How to add Product Slider 6 to Motion Theme The workhorse: one collection, a swipe row of product cards with badges read from real data, an optional saved-items heart, quick add, star ratings and colour dots. Flip one switch and the row becomes a stacked grid instead. Read integration guide

Motion theme Free How to add Product Slider 5 to Motion Theme Tabs over a swipe row where the size picker lives on the card itself, so a shopper can add without leaving the page. The photo and the price both follow the size that is picked, and the photo map is keyed by image so a thirty-variant product does not carry thirty entries. Read integration guide

Motion theme Free How to add Product Slider 4 to Motion Theme A rail of best sellers where the rank is earned, not decorative: the numbers only appear when the collection is genuinely sorted by best selling, and the theme editor tells you when it is not. Star ratings come from whatever review app you already run. Read integration guide

Motion theme Free How to add Product Slider 3 to Motion Theme Tabs under a centred heading, and inside each tab a coloured promo card sitting beside the products. Each tab gets its own message, its own colour and its own button, and the text on the card is coloured for contrast automatically. Read integration guide

Motion theme Free How to add Product Slider 2 to Motion Theme A column on the left holding the heading, the tabs and one button that follows whichever tab is open; the products swipe past on the right. The low-stock badge reads real inventory, so it can never invent scarcity. Read integration guide

Motion theme Free How to add Product Slider 1 to Motion Theme A swipeable rail of product cards with a quick-look panel carrying the photo, price, description, quantity and buy-now. Pulls a collection, or hand-picked products when no collection is set. No slider library — the rail is native scroll-snap. Read integration guide

Motion theme Free How to add Product Grid 3 to Motion Theme Tabs with an underline that travels, one product grid under each and a button per tab. A tab takes a collection or a hand-picked list. On phones the grid becomes a swipe row so a peek of the next product invites the scroll. Read integration guide

Motion theme Free How to add Product Grid 2 to Motion Theme A tall rotating showcase on the left and a tabbed product grid on the right, so one section covers new in, dresses and sale without stacking three. Quick look opens a panel; single-variant products add straight to the bag. Read integration guide

Motion theme Free How to add Product Grid 1 to Motion Theme A collection grid with an optional large lead tile beside it, a saved-items heart, quick add, star ratings from your review app, automatic Sale, New and Sold-out badges, and a colour or spec row under the price. The button label is measured for contrast against whatever colour you pick. Read integration guide

Motion theme Free How to add Shop Collections 7 to Motion Theme A rail of full-bleed collection cards with the copy laid over the photo, positioned in any of nine spots — set separately for desktop and phones. Optional autoplay, dots and arrows, each toggled per screen size. Read integration guide

Motion theme Free How to add Shop Collections 6 to Motion Theme An editorial rail of collection cards with a numbered index, a badge, a kicker, a title and a meta line over a graded photo. One grade across mismatched photography makes the set read as one. Optional autoplay with a real pause control. Read integration guide

Motion theme Free How to add Shop Collections 1 to Motion Theme A grid of collection tiles in one of three shapes: a caption under the photo, a caption on the photo, or text-only chips for a shop-by-brand row. Ships with a preset for each. No script at all. Read integration guide

Motion theme Free How to add Shop Collections 4 to Motion Theme A rail of photo cards with a button sitting on each one. Every colour that ends up as text — including the button's hover state — is measured against the surface it actually lands on. Arrows sit over the cards or in the header. Read integration guide

Motion theme Free How to add Shop Collections 5 to Motion Theme A rail of leaning category cards. The lean is a clip on the photo, so captions stay upright and legible; set it to zero for ordinary rectangles. Each card takes an optional hover photo and a lead word before its title. Read integration guide

Motion theme Free How to add Shop Collections 2 to Motion Theme A row of category pills that navigates a shop. The pill for the collection being viewed fills itself automatically; on any other page you can flag one to lead with. Optional real product counts, wrapping or swiping on phones. Read integration guide

Motion theme Free How to add Shop Collections 3 to Motion Theme A swipeable rail of category cards, each on its own colour with a photo plate underneath the copy. The text colour on every card is measured against that card's own colour, so any palette stays readable. Counter, arrows and a progress bar. Read integration guide

Motion theme Free How to add Shop The Look 5 to Motion Theme An editorial full-bleed shot with numbered pins and one card floating in a corner of it. The card follows whichever pin is open, and on phones it can drop below the photo instead of covering the look. Read integration guide

Motion theme Free How to add Shop The Look 4 to Motion Theme One wide shot with numbered pins and the full list laid out underneath. A pin scrolls its card into view and rings it, and hovering a card lights its pin, so the photo and the grid always read as the same list. Read integration guide

Motion theme Free How to add Shop The Look 3 to Motion Theme A swipeable rail of styled scenes, each with its own pins and captions. Every pin opens a small product card over the photo, and the badge counting the pieces in a scene is worked out from the pins themselves so it can never go stale. Read integration guide

Motion theme Free How to add Shop The Look 2 to Motion Theme A shoppable photo on one side and the sales copy on the other. Pins open a product card docked to the bottom of the photo, while the copy column is built from heading, text, checklist and button blocks you can reorder freely. Read integration guide

Motion theme Free How to add Shop The Look 1 to Motion Theme A styled photo with numbered pins and a product card beside it that follows whichever pin is open. Arrows, a counter and a thumbnail row all drive the same index, so the card, the pins and the thumbs can never disagree. Read integration guide

Motion theme Free How to add Ingredient Tabs to Motion Theme A tab bar that swaps both the picture and the copy: one panel per ingredient, material or step, each with its own credential line, reason and link. Full keyboard navigation. Read integration guide

Motion theme Free How to add Media Proof to Motion Theme A large claim beside a tall picture, backed by a credentials list and one real customer review with a half-step star rating you enter yourself. Read integration guide

Motion theme Free How to add Media Tabs to Motion Theme A picture beside an accordion of answers, with optional chips underneath for the offers that close a sale. Takes a separate mobile crop and a link on the image. Read integration guide

Motion theme Free How to add Selling Points to Motion Theme One picture or clip beside the argument for buying: a headline, a paragraph, a numbered checklist of reasons and two buttons. External video opens in a popup that loads nothing until it is clicked. Read integration guide

Motion theme Free How to add Image Collage to Motion Theme Copy and a checklist beside a grid of photos that rearranges itself around how many there are, from one to a full gallery. Every photo takes its own caption and link. Read integration guide

Motion theme Free How to add Feature Rows to Motion Theme A stack of alternating image-and-text rows under one header, numbered if you want. Each row carries its own link, image label and clickable image. Read integration guide

Motion theme Free How to add Media Specs to Motion Theme A picture beside the claims that close a sale: an optional star rating you enter yourself, then rows pairing what a product does with what it gets the customer. Read integration guide

Motion theme Free How to add Editorial Story to Motion Theme A magazine-style spread: a large heading with an italic accent beside one picture or clip. The image can link anywhere, and you choose its side on desktop and its position on mobile independently. Read integration guide

Motion theme Free How to add Image Text Benefits to Motion Theme A picture beside a short grid of reasons to buy — free delivery, returns, secure checkout — each with a picked icon or one you upload. The image can link anywhere, and you choose whether it sits above or below the text on mobile. Read integration guide

Motion theme Free How to add Video Quick Shop to Motion Theme Shoppable clips that sell without leaving the page: each card carries its product, its variants and an add-to-cart, and opens full size in a popup with the description. Supports uploaded video or YouTube and Vimeo. Read integration guide

Motion theme Free How to add Shoppable Slider to Motion Theme A headline beside a side-scrolling row of shoppable clips. Each video carries the product it shows, with its image, name and price in a card below, and the row keeps its card size however few clips are left. Read integration guide

Motion theme Free How to add Social Posts to Motion Theme Customer posts in an Instagram or Facebook style card — profile row on top, image or clip in the middle, likes, caption and hashtags below. Three per row by default. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type. Switch the frame setting to show vertical reels instead. Read integration guide

Motion theme Free How to add Social Reels to Motion Theme Customer clips shown in a social frame — feed post or vertical reel — with handle, caption, platform logo and sound line. Hashtags in the caption tint themselves. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type, so nothing on the page pretends to be live. Read integration guide

Motion theme Free How to add Shoppable Reels to Motion Theme A scrolling rail of vertical clips, each with a product card floating over it — price, sale price and badges all read from your catalogue. New and discount badges are calculated, never typed, in four styles and two positions. Clips play only as they scroll into view, hide individually, and the card text color adapts to stay readable on any card color. Read integration guide

Motion theme Free How to add Shoppable Video to Motion Theme A grid of short vertical videos, each tied to a product with its image, name, price and discount. Play automatically, on hover or on click; YouTube and Vimeo load only when clicked so several embeds never slow the page. Cards hide individually and the grid follows how many are shown. Read integration guide

Motion theme Free How to add Collection Circles to Motion Theme Circular category links in a row that scrolls or wraps, each framed by a gradient or solid ring. Pick a collection to make the whole circle clickable, or point it anywhere with a link. Captions fall back to the collection title, discs hide individually, and everything — ring style, sizes, colors, spacing — is set in the theme editor. Read integration guide

Motion theme Free How to add Video Stories to Motion Theme Instagram-style rail of tappable video bubbles that opens a full-screen player with progress bar, sound toggle, swipe navigation and a call-to-action per video. Places itself anywhere on the product page. No external libraries. Read integration guide

Motion theme Free How to add Study Slider to Motion Theme Card slider with heading, description, and navigation buttons. Features customizable card dimensions, gap spacing, stats section, and smooth slide transitions with arrow navigation. Read integration guide

Motion theme Free How to add Testimonial Spotlight to Motion Theme Large featured testimonial with side info panel. Prominent single review display, customer photo, detailed quote, company logo, and supporting statistics. Read integration guide

Motion theme Free How to add Reviews Marquee to Motion Theme Infinite scrolling ticker-style reviews with modern design. Continuous horizontal scroll, pause on hover, customizable speed, and clean card design. Read integration guide

Motion theme Free How to add Video Testimonials to Motion Theme Showcase customer video reviews with thumbnails and lightbox. Play button overlay, video modal popup, customer name and title, and thumbnail grid layout. Read integration guide

Motion theme Free How to add Reviews Wall to Motion Theme Pinterest-style masonry layout with social media look. Mixed review sizes, source icons (verified, Instagram, etc.), and dynamic flowing layout. Read integration guide

Motion theme Free How to add Testimonials Grid to Motion Theme Static grid layout for testimonials with hover effects. Customizable columns (2-4), star ratings, customer info, and subtle lift animation on hover. Read integration guide

Motion theme Free How to add Testimonials Carousel to Motion Theme Customer reviews carousel with star ratings, customer photos, and smooth slide transitions. Navigation arrows, dot indicators, autoplay option, and touch swipe support. Read integration guide

Motion theme Free How to add Product Ingredients to Motion Theme Product ingredients section with ingredient cards showing name, description, and optional image. Perfect for skincare, supplements, or food products. Read integration guide

Motion theme Free How to add Product Bundle to Motion Theme Display product bundle or kit with included items. Bundle image, list of included products, savings badge, total value display, and add bundle to cart CTA. Read integration guide

Motion theme Free How to add Product Specifications to Motion Theme Product with detailed specifications table. Alternating row colors, specification labels and values, product image, and organized technical details. Read integration guide

Motion theme Free How to add Product Gallery to Motion Theme Product with image gallery and thumbnails. Main image display with thumbnail navigation, zoom on hover, and product info section with price and CTA. Read integration guide

Motion theme Free How to add Product Features to Motion Theme Product display with feature highlights in a two-column layout. Large product image on one side, feature list with icons on the other, and CTA button. Read integration guide

Motion theme Free How to add Features Numbered to Motion Theme Numbered features/steps with descriptions in a timeline style. Circular number badges, connecting lines between steps, and optional feature bullet points per step. Read integration guide

Motion theme Free How to add Features Cards to Motion Theme Feature cards with images in a grid layout. Image at top, title, description, and optional link. Customizable columns, hover animations, and rounded corners. Read integration guide

Motion theme Free How to add Features Icons Grid to Motion Theme Features displayed with icons in a responsive grid. SVG icon support, customizable columns (2-4), hover effects, and centered icon with title and description layout. Read integration guide

Motion theme Free How to add FAQ Side Navigation to Motion Theme FAQ with left sidebar navigation for categories. Sticky sidebar with category links, smooth scroll to sections, and active state highlighting on scroll. Read integration guide

Motion theme Free How to add FAQ Searchable to Motion Theme FAQ with search functionality and instant filtering. Search box with icon, real-time filtering as user types, highlight matching questions, and no results message. Read integration guide

Motion theme Free How to add FAQ Two Column to Motion Theme FAQ displayed in two columns for wider layouts. Questions split across columns, accordion functionality, and responsive single column on mobile devices. Read integration guide

Motion theme Free How to add FAQ Tabs to Motion Theme Categorized FAQ with tab navigation. Organize questions by category with clickable tabs, accordion items within each tab, and smooth tab switching animations. Read integration guide

Motion theme Free How to add FAQ Accordion to Motion Theme Expandable/collapsible FAQ items with smooth animations. Classic accordion style with plus/minus icons, hover effects, and customizable question/answer backgrounds. Read integration guide

Motion theme Free How to add Countdown Product Launch to Motion Theme Product launch countdown with product preview image. Features header section, product display, countdown timer, and notify/pre-order button for upcoming releases. Read integration guide

Motion theme Free How to add Countdown Minimal to Motion Theme Minimal inline countdown timer with text alongside. Clean horizontal layout perfect for subtle urgency messaging without overwhelming the page design. Read integration guide

Motion theme Free How to add Countdown Boxed to Motion Theme Boxed style countdown with side content layout. Card-based design with border, image support, feature list, and countdown timer in an elegant contained format. Read integration guide

Motion theme Free How to add Countdown Hero to Motion Theme Full width hero section with background image, overlay, and countdown timer. Features customizable minimum height, overlay opacity, and prominent countdown display. Read integration guide

Motion theme Free How to add Countdown Banner to Motion Theme Simple banner style countdown timer with label badge, heading, description, and CTA button. Clean centered layout with customizable time boxes and accent colors. Read integration guide

Motion theme Free How to add Product Comparison Table to Motion Theme Compare multiple products side by side with features table. Product images, prices, feature rows with check/X icons, highlighted recommended product, and mobile-responsive with sticky first column. Read integration guide

Motion theme Free How to add Dual Flow Comparison to Motion Theme Compare two processes or paths side by side with step-by-step flow. Headers with images, numbered steps, and highlighted final result. Perfect for Old Way vs New Way comparisons. Read integration guide

Motion theme Free How to add Competitor Comparison to Motion Theme Visual brand vs competitors side by side with VS badge. Compare your product against competitors with feature rows, brand highlighting, and winner indicators. Read integration guide

Motion theme Free How to add Before After Table to Motion Theme Show transformation results in a clean table format with before and after columns. Colored headers, alternating rows, and perfect for showcasing improvements or changes. Read integration guide

Motion theme Free How to add Feature Comparison to Motion Theme Simple visual two-column comparison with checkmark and X icons. Perfect for showing included vs not included features, pros vs cons, or your product vs alternatives. Read integration guide

Motion theme Free How to add Pricing Table to Motion Theme Clean pricing cards with monthly/yearly toggle, featured plan highlighting, feature lists with checkmarks, and CTA buttons. Supports 2-4 pricing tiers with customizable colors. Read integration guide

Motion theme Free How to add Hero 9 Banner to Motion Theme Hero section with dual animated image columns (left and right scrolling) alongside heading, text, and CTA button. Features reversible layout position and customizable typography and button styling. Read integration guide

Motion theme Free How to add Image Templates Banner to Motion Theme Two-column layout with scrolling image gallery and pricing box. Features animated vertical image columns, trusted brands badge, benefits list with icons, deal countdown styling, and logo strip section. Read integration guide

Motion theme Free How to add Rotating Carousel Banner to Motion Theme Interactive carousel with JavaScript controls, Ken Burns zoom effect, progress bar, dot indicators, navigation arrows, and touch support. Features autoplay, glass/solid/outline buttons, and smooth slide transitions. Read integration guide

Motion theme Free How to add Split Content Banner to Motion Theme Two-column layout with image and text, smooth animations, and hover effects. Features customizable split ratios (50/50, 40/60, 60/40, 30/70, 70/30), optional badge, accent line, and reversible layout. Read integration guide

Motion theme Free How to add Hero Banner to Motion Theme Premium full-width hero with animated shape dividers (wave, curve, tilt, blob, triangle, zigzag), gradient overlays, and advanced background effects (particles, gradient shift, shimmer, pulse). The ultimate hero section. Read integration guide

Motion theme Free How to add Minimal Text Banner to Motion Theme Clean typography-focused banner with elegant fade-up animations and optional background effects (pulse, float, shimmer). Features glass/solid/outline button options and subtle animated backgrounds for a refined look. Read integration guide

Motion theme Free How to add Gradient Overlay Banner to Motion Theme Visually striking banner with customizable gradient overlays (bottom, full, radial, left, right), content animations, flexible positioning, and glass/solid/outline button styles. Features hover zoom effect on background image. Read integration guide

Motion theme Free How to add 3D Flip Rotator to Motion Theme Stunning 3D flip animations with typewriter effect and progress indicator. Rotates through multiple messages with smooth 3D perspective transforms and customizable timing. Read integration guide

Motion theme Free How to add Stock Ticker Pro to Motion Theme Stock market style ticker with trend indicators, animated numbers, and flash alerts. Monospace font styling, fixed label section, and smooth scrolling for a professional trading floor look. Read integration guide

Motion theme Free How to add Urgency Split Bar to Motion Theme Real countdown timer with animated urgency border and confetti effects. Split layout with highlighted section, pulse ring animation, and countdown functionality for flash sales. Read integration guide

Motion theme Free How to add Neon Glow Marquee to Motion Theme Eye-catching neon effects with glitch animation and rainbow text options. Features smooth scrolling, direction control, pause on hover, and customizable glow intensity. Read integration guide

Motion theme Free How to add Gradient Marquee to Motion Theme Scrolling marquee with animated gradient backgrounds (sunset, ocean, purple, fire, forest, midnight). Features glow effects, customizable scroll speed, direction control, and pause on hover. Read integration guide

Motion theme Free How to add After Before Slider to Motion Theme Interactive before/after image comparison slider with draggable handle. Features rounded corners, shadow effects, customizable gap between columns, and responsive design with configurable padding. Read integration guide

Motion theme Free How to add Image With Text Premium to Motion Theme Luxury-style image with text section featuring multi-image collage layout, Poppins typography, background image support, and four feature text blocks. Perfect for premium brand storytelling. Read integration guide

Motion theme Free How to add Image Text Zigzag to Motion Theme Alternating image-text blocks in a zigzag pattern for storytelling. Includes optional step numbers, individual CTA buttons per block, and elegant flowing layout perfect for How It Works or process explanations. Read integration guide

Motion theme Free How to add Image Text Cards to Motion Theme Multi-card grid layout showcasing image-text combinations in 2-4 column layouts. Features hover animations, customizable image ratios (square/landscape/portrait), and animated link arrows for engaging storytelling. Read integration guide

Motion theme Free How to add Image Text Overlay to Motion Theme Full-width hero section with background image and text overlay. Includes customizable overlay color and opacity, flexible content positioning (left/center/right), dual CTA buttons, and responsive mobile optimization. Read integration guide

Motion theme Free How to add Image Text Split to Motion Theme Classic 50/50 split layout with image on one side and text content on the other. Features reversible image position, feature list with checkmarks, customizable CTA button, and smooth responsive behavior. Read integration guide

Motion theme Free How to add Stacked Promotion Banner to Motion Theme Stacked Promotion with quantity break discount Read integration guide

Motion theme Free How to add Back to Top to Motion Theme Enhance your store’s browsing experience with a simple “Back to Top” button. Smooth, user-friendly navigation helps customers explore your site with ease. Read integration guide

Motion theme Free How to add Designed with an Edge to Motion Theme Add a modern sloped design to your store for a bold and dynamic layout. Perfect for separating sections, drawing attention to products, or giving your pages a stylish flow. Read integration guide

Motion theme Free How to add Follow the Feed to Motion Theme Stay connected with our latest looks, trends, and community highlights—straight from Instagram. Click, explore, and shop your favorite styles directly from the feed. Read integration guide

Motion theme Free How to add Frequently Asked Questions to Motion Theme Find quick answers to the most common questions about our products, shipping, returns, and more. We’ve made it easy for you to get the information you need—right at your fingertips. Read integration guide

Motion theme Free How to add Explore Our Gallery to Motion Theme Showcase your products, brand moments, and customer favorites in a stylish grid layout. Our gallery brings your store to life with visuals that inspire and engage shoppers. Read integration guide

Motion theme Free How to add From Our Blog to Motion Theme Stay updated with the latest tips, trends, and stories from our team. Explore helpful guides, product highlights, and inspiration to make the most of your shopping experience. Read integration guide

Motion theme Free How to add Smooth & Modern Design to Motion Theme Add a stylish wave effect to your store layout. The Wave Section creates natural flow between sections, giving your storefront a clean, modern, and engaging look that keeps customers scrolling. Read integration guide

Motion theme Free How to add Discover the Difference to Motion Theme Bring your store to life with our Parallax Banner. Eye-catching visuals and smooth scrolling effects create an immersive shopping experience while showcasing your brand in style. Read integration guide

Motion theme Free How to add Follow Us on Instagram to Motion Theme Stay inspired and never miss a moment! Explore our latest styles, behind-the-scenes looks, and customer favorites straight from our Instagram feed. Click, shop, and join our community today. Read integration guide

Shrine theme Free How to add Team Grid 1 to Shrine Theme The people behind the shop: a heading, a few lines that turn "we" into faces, then the team in a grid with a round photo, a first name, a role and one line each. Three or four per row, the last row centred. Read integration guide

Shrine theme Free How to add Results Timeline 1 to Shrine Theme Milestones down a centre line: a big time label, a title, a few lines, a customer quote in a card and a photo on the other side, alternating. For "what to expect and when" on a product page. Read integration guide

Shrine theme Free How to add Blog Posts 1 to Shrine Theme The latest posts of a blog as cards: photo, date, title, an excerpt and a read-more link, two to four per row. On an article page it leaves the current post out, so it reads as "read next". Read integration guide

Shrine theme Free How to add Newsletter Band 1 to Shrine Theme A sign-up band with an offer: a heading, three perks with a tick, the email field and the button, a photo beside it if you like. Subscribers get the newsletter tag; the thank-you shows in place. Read integration guide

Shrine theme Free How to add Review Cards 1 to Shrine Theme Customer reviews on a coloured band: a star rating in a pill, a heading and a row of cards that scrolls, each with the review, a verified mark, an initial or photo, the name and stars. Arrows on computers, a swipe on phones, and wavy edges if you want them. Read integration guide

Shrine theme Free How to add Benefits Panel 1 to Shrine Theme A rounded panel in your brand colour: the argument and a button on one side, and on a white card every benefit as an icon and a short label, reading down one or two columns. Read integration guide

Shrine theme Free How to add Benefit Cards 1 to Shrine Theme A heading over cards that each make one case: a photo set in from the card's edge, two short tags, a title and a sentence. Side by side on computers; a swipe row or a stack on phones. Read integration guide

Shrine theme Free How to add Comparison Table 1 to Shrine Theme Your product against the alternatives in a real table: a tinted or framed column with a tick on every row, crosses or words for the others, an optional third column and a button underneath. {title} in the words becomes the product's title. Read integration guide

Shrine theme Free How to add Stat Rings 1 to Shrine Theme A photo beside a heading and up to six figures, each a ring filled to its percentage with the number inside and a line of text. The rings fill as they scroll into view, and a note says where the figures come from. Read integration guide

Shrine theme Free How to add Reviews Summary 1 to Shrine Theme A reviews page in one section: the average and how many reviews it rests on, a bar for each star, a button to write one, then the reviews in a masonry wall with a sort menu and a Load more button. The summary is worked out from the reviews added here, or typed in when the real numbers live in another app. Read integration guide

Shrine theme Free How to add Photo Reviews 1 to Shrine Theme Customer reviews that lead with the photo: the piece being worn, then the stars, a title, the words and who wrote them with a verified mark. A rating line sits over the heading, the cards form a grid of two to four, and on phones they become a swipe row. Read integration guide

Shrine theme Free How to add Product Callouts 1 to Shrine Theme One photo in the middle and the reasons to buy set around it, half on each side, each with an icon from the shared set or your own, a title and a line of text. On a product page the photo can be the product's own until you pick another, and on phones the callouts fall into a tidy grid under the picture. Read integration guide

Shrine theme Free How to add FAQ Split 1 to Shrine Theme The heading, a word of reassurance, an optional photo and a contact link on one side; the questions on the other, opening one at a time with no script. The side column stays in view while the answers scroll, and every question is published as FAQ structured data for search engines. Read integration guide

Shrine theme Free How to add Guarantee Band 1 to Shrine Theme A guarantee told between two photos: a heading, a short promise and a button in the middle, a row of reassurances underneath, and a picture on each side, staggered for a little movement. On phones the photos sit side by side above the words, or step aside altogether. Read integration guide

Shrine theme Free How to add Shoppable Stories to Shrine Theme Short videos that sell, as story bubbles or vertical reels. Previews play silently while on screen; a tap opens a full-screen player with progress bars, sound, and a swipe from one video to the next, and beside each video (over it on phones) sit the products it shows — options, price and an add to cart that never leaves the video. On a product page the stories can sit right inside the product details: under or above the buy buttons, under the title or under the description, and a video left without products sells the product of the page. No external libraries. Read integration guide

Shrine theme Free How to add Island Header to Shrine Theme A floating, rounded header that sits on the page like an island: the menu on one side, your logo in the middle (or first, with the space beside it yours to set), search, account and cart on the other. A pill glides between menu items and rests on the page being viewed; drop-downs open as a card sized to their links, as wide as the island or across the whole screen, show each collection's picture in front of its link (square, rounded or round, as you set), group three-level menus and hold stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like: above the name on computers, beside it on phones. The phone menu can show the same pictures, opens each sub-menu on the item's name, on "All" in the shopper's language or on words of your own, and places pictures, short texts and your own code above or below the links of the item they belong to; a Custom code block also takes CSS to restyle anything in the header. Search opens a panel with quick links, then live results as product cards with photo and price. Shoppers sign in through Shopify's own account button — with Shop, Google, Facebook or a code by email, without leaving the page — and choose their country (and so their currency) and language in a compact panel with a search box for long lists, or in two rows at the foot of the phone menu. The cart, with your own icon if you like, opens a drawer of its own — quantities, discounts, subscriptions, a free-shipping progress bar and checkout — that keeps working with your theme's header switched off and can open by itself after an add to cart. It can float see-through over your first section and turn solid once past it, stays pinned as the page scrolls (slimmer, or hiding on the way down), and works out every quiet tone from your colours with contrast checked. Read integration guide

Shrine theme Free How to add Mega Search Header to Shrine Theme A header built around search, for large catalogues: a wide search bar with a product-type picker and live suggestions (matching searches first, then products with photo and price), and a menu row whose items open panels across the full width, as wide as the page, or as a card sized to their links — headed columns for three-level menus, each collection's picture in front of its link (square, rounded or round, as you set), a "Shop all" link, and stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like. A deal link shines in your accent colour, and the cart can wear your own icon. Shoppers sign in through Shopify's own account button and choose their country (and so their currency) and language in a compact panel with a search box for long lists. It stays on top as the page scrolls (slimmer, hidden on the way down, or down to the menu row alone), keeps the cart count right after any add to cart, and becomes a side-sheet menu on phones with its own search row, the same pictures and labels, short texts and your own code above or below each item's links, and the first link of each sub-menu worded as you like. Every in-between tone is computed from your colours and checked for contrast. Read integration guide

Shrine theme Free How to add Coverflow 2 to Shrine Theme A gallery wall: each photograph sits in a mat and a frame, hung in a row that recedes to either side of the one in front. Navigation is a brass plaque with the piece number and a row of tick marks, the way a wall label works. Hangs flat by default, and leans as far as you want it to. Read integration guide

Shrine theme Free How to add Coverflow 1 to Shrine Theme A leaning deck of cards: one in front, its neighbours fanned out behind and shrinking with distance. Each card carries a signed offset from the centre as a CSS custom property and one transform rule reads it, so moving the deck rewrites numbers rather than markup. Clicking a card behind brings it forward. Read integration guide

Shrine theme Free How to add Slideshow 4 to Shrine Theme A product slideshow where each slide brings its own colours: a coloured ground, a soft halo, and a cut-out product floating on top with the words beside it. The navigation borrows the active slide's colours, so a dot never disappears on a dark slide. With autoplay on, the active dot fills a progress ring as the timer runs. Read integration guide

Shrine theme Free How to add Slideshow 3 to Shrine Theme A slideshow whose words sit on a frosted glass card, navigated by thumbnails on a matching frosted plate. One tint drives the card, the plate and the veil, so recolouring cannot pull the three apart. A slide can carry a silent looping video instead of a photo, started only when motion is welcome. Read integration guide

Shrine theme Free How to add Slideshow 2 to Shrine Theme An editorial slideshow: a rotated category label down the edge, a slide counter, and an optional product card pinned to the corner. Pick a product and the card fills itself in, or override any field by hand. Each slide declares whether its photo is light or dark, which moves the text colour and the veil together. Read integration guide

Shrine theme Free How to add Slideshow 1 to Shrine Theme A full-bleed slideshow: one photo per slide with its own words and up to two buttons. Matching the first photo's proportions is worked out server-side, so the stage holds its space before anything loads. A banner mode keeps the first slide's words still while only the photos rotate, and nothing is deleted when you switch it back. Read integration guide

Shrine theme Free How to add Countdown Drop 1 to Shrine Theme A holographic banner for a launch or a restock, running either as a countdown to a scheduled drop or as a pulsing live badge for one already open. The drop name is rendered as a holographic wordmark with a plain-colour fallback, so it is never invisible on an older browser. Read integration guide

Shrine theme Free How to add Countdown Sale 5 to Shrine Theme A seasonal sale band with an illustration beside the wording: pick Easter, Mother's Day, Summer, Launch day or Lunar New Year and the artwork changes while everything else stays put. Every season is drawn inline in the band's own two colours, so switching costs no extra request and can never clash. Ships with five ready-made presets. Read integration guide

Shrine theme Free How to add Countdown Sale 4 to Shrine Theme A seasonal sale band flanked by two large emblems, from a sun and a parasol to a pumpkin and a bat. The emblems are inline SVG in the band's own highlight colour, fade back on tablets, and step aside entirely on phones where the wording needs the room. Read integration guide

Shrine theme Free How to add Countdown Sale 3 to Shrine Theme A Valentine's countdown band with hearts rising slowly behind the wording. The hearts are CSS shapes rather than an image, so they cost no request and take their colour from the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Shrine theme Free How to add Countdown Sale 2 to Shrine Theme A New Year countdown band with confetti drifting behind the wording. The confetti is drawn in CSS from a handful of shapes rather than an image, so it costs no request and recolours with the band. Carries the same clock, offer line, button and tap-to-copy code. Read integration guide

Shrine theme Free How to add Countdown Sale 1 to Shrine Theme A festive promotional band: heading, live countdown, offer line, button and a tap-to-copy discount code, over your own photo or a warm built-in gradient. The days column hides itself on the final day, so the clock reads hours, minutes and seconds instead of a permanent zero. Read integration guide

Shrine theme Free How to add Countdown Media 1 to Shrine Theme A photograph or video beside an offer panel, with the clock drawn as a torn ticket. The ticket's notches are painted in the colour that sits behind the card, so they read as punched holes rather than grey circles. A YouTube or Vimeo video is not embedded until a shopper actually presses play. Read integration guide

Shrine theme Free How to add Countdown Split 1 to Shrine Theme A coloured panel of words and a clock beside a full-height photograph. The panel side can be swapped, and on phones the photo moves above the panel so the wording is never squeezed into a narrow column. Three clock styles, from tiles to plain numbers. Read integration guide

Shrine theme Free How to add Countdown Hero 2 to Shrine Theme A full-bleed hero with the offer, a live clock and a button set over one or more photographs. Add a second photo and it becomes a slideshow; with one it draws no navigation and loads no slideshow code. Heights are measured against the screen a phone actually shows, so the hero is never taller than the visible area. Read integration guide

Shrine theme Free How to add Countdown Bar 1 to Shrine Theme A slim bar that rotates through several promotions, each able to carry its own live clock, tap-to-copy discount code and button. A promotion whose date has passed is dropped server-side, so an expired offer is never in the page at all. Closing the bar is remembered for the visit and scoped to the campaign, so changing a date brings it back. Read integration guide

Shrine theme Free How to add Marquee 4 to Shrine Theme A scrolling band that can carry words, images, buttons and a live countdown together. The digits use tabular figures and the days field reserves the width it needs at render time, so a tick can never change the set width and jog the loop. The clock is worked out server-side first, so the numbers are right at first paint. Read integration guide

Shrine theme Free How to add Marquee 3 to Shrine Theme A sale marquee with depth: a faint oversized ghost of the same words drifts behind at half speed, and the emblems bob gently in place. Words alternate filled and hollow, which is what gives the band its rhythm without needing a second colour. An emblem set to turn keeps turning, because spin and bob both animate the same property. Read integration guide

Shrine theme Free How to add Marquee 2 to Shrine Theme A holographic drop band for launches and restocks. One glow palette retunes the background, the words and the emblems together, with a Custom option for your own colours. A slow band of light drifts across behind the words, and stops for anyone who asks for reduced motion. Read integration guide

Shrine theme Free How to add Marquee 1 to Shrine Theme A large scrolling band of words and emblems, in one row or two running opposite ways. Twelve emblems are drawn inline as SVG in filled and outlined weights, and words can be filled or hollow. The loop is pure CSS, so nothing has to be measured at runtime. Read integration guide

Shrine theme Free How to add Utility Bar 1 to Shrine Theme A three-zone top rail: quick links on the left, a scrolling message in the middle, and country, language and social links on the right. Only the middle moves, so the links and the country picker stay clickable. The softer divider tone is worked out from your text colour and measured against the background, so recolouring the bar cannot quietly drop it below a readable contrast. Read integration guide

Shrine theme Free How to add Announcement Bar 5 to Shrine Theme A holographic strip for launches and restocks. Picking a glow palette retunes the background, the text and the highlight together, so the strip can never be left half-recoloured, and a Custom palette hands the three colours back. The sheen and the loop are both CSS, and both hold still under reduced motion. Read integration guide

Shrine theme Free How to add Announcement Bar 4 to Shrine Theme A marquee bar with two pinned ends: a fixed label on the left and a fixed button on the right, with the messages scrolling between them. Only the middle moves, so the offer name and the call to action stay readable and clickable. On phones the button can shrink to an arrow to leave the messages room. Read integration guide

Shrine theme Free How to add Announcement Bar 3 to Shrine Theme Each message carries its own icon, so the bar reads as a row of store promises rather than one long sentence. Eighteen icons are drawn inline as SVG, with emoji and uploaded images as alternatives, so nothing can 404 when the theme changes. Read integration guide

Shrine theme Free How to add Announcement Bar 2 to Shrine Theme A wide-tracked statement bar. The messages are plain text on purpose, which is what lets the whole bar safely become one link: a message that could contain a link of its own would put an anchor inside an anchor, and browsers quietly tear that apart. Letter spacing is what gives the bar its look. Read integration guide

Shrine theme Free How to add Announcement Bar 1 to Shrine Theme A slim promotional bar whose messages loop across the top of the page. The loop is pure CSS: the message set is rendered twice and the track slides exactly half its width, so it repeats with no seam and no JavaScript at all. With a single message the bar simply stays still and centred, instead of sliding away and leaving a blank strip. Read integration guide

Shrine theme Free How to add Hero Slider 1 to Shrine Theme A row of hero panels a shopper swipes through, with a band of promises welded to the bottom. Each panel is either a photograph with the words over it, or a product on a colour of your choosing under a big faded word — and a showcase panel measures its own background, so a pale panel flips the text to dark rather than losing it. Read integration guide

Shrine theme Free How to add Hero Review 2 to Shrine Theme The same proof as Hero Review 1, gathered into one frosted panel instead of set loose in the column — which is what lets it hold up over a bright or busy photograph. Where a browser cannot frost, the panel falls back to its solid tint so the words stay readable either way. Read integration guide

Shrine theme Free How to add Hero Review 1 to Shrine Theme A hero whose proof sits in the flow: the heading, then the stars, then one real customer quote, all in the same column. Nothing is invented — the stars, the score and the count are all typed by you, and every one of them is off until you turn it on. Read integration guide

Shrine theme Free How to add Hero Stats 1 to Shrine Theme A headline beside a set of figure cards that count up as they scroll into view. The count reads the number you typed and rebuilds it — prefix, suffix and decimals included — so a figure like £1.2m+ animates and still lands on exactly what you wrote. Anything with no number in it is left alone. Read integration guide

Shrine theme Free How to add Hero Split 3 to Shrine Theme A text panel beside a photograph, with a tag above the heading, a caption bar across the bottom of the photo and a row of short facts under the buttons. Built for a product launch page where the detail matters as much as the headline. Read integration guide

Shrine theme Free How to add Hero Split 2 to Shrine Theme A deep colour panel beside a photograph, with badges above the heading and a short list of reassurances under it. Every colour that carries text is measured against the panel it actually lands on, so a pale panel does not swallow the words. An optional small photo tucks over the corner on a computer. Read integration guide

Shrine theme Free How to add Hero Split 1 to Shrine Theme A colour panel beside a photograph, with a highlighted word in the heading that can cycle through several, and a band of promises scrolling along the bottom. The highlighter can hold one width sized to the longest word, so the line does not shift sideways every time the word changes. Read integration guide

Shrine theme Free How to add Hero Grid 1 to Shrine Theme One large card next to a column of smaller promo tiles. The big card takes a photo as a full background or as a cut-out bleeding off the corner; each tile takes its own photo or a colour blend. Wherever words sit over a photo, their colour is measured against what is genuinely behind them. Read integration guide

Shrine theme Free How to add Hero Image 3 to Shrine Theme A photo, a looping video or a colour behind a badge, a heading, a row of benefit pills and the buttons. The video only downloads once the hero is on screen, pauses when it leaves, and is never fetched at all for anyone who has asked for reduced motion — the still frame carries the hero instead. Read integration guide

Shrine theme Free How to add Hero Image 2 to Shrine Theme A photo, a gradient or a colour behind a heading whose middle word cycles. The rotation is a plain vertical scroll of words the page already holds, so with no script — or for anyone whose device asks for reduced motion — the first word simply stays and the sentence still reads. Read integration guide

Shrine theme Free How to add Hero Image 1 to Shrine Theme One photograph, edge to edge, with the words set over it. A separate photo can be uploaded for phones, which matters more than it sounds: a wide shot cropped to a phone loses about two thirds of its width, and usually the subject with it. Heights are measured against the visible screen, so the hero is never taller than what a shopper can actually see. Read integration guide

Shrine theme Free How to add Product Tiles 1 to Shrine Theme Three tall tiles, each carrying one product under a big display word. The photo flips on hover when a second one is set, and the caption trades places with the buy button. On a phone the caption can sit on the photo or under it, and the text is contrast-checked for whichever you choose. Read integration guide

Shrine theme Free How to add Product Banner 2 to Shrine Theme The restrained treatment of the same shape: a light banner, one button per card, no glow, and the arrows on the banner itself rather than in a strip under the row. A lit seam is drawn where the cards meet the banner, so the overlap reads as placed rather than cropped. Read integration guide

Shrine theme Free How to add Product Banner 1 to Shrine Theme A wide banner with the message on it and the product cards tucked up over its bottom edge, so the two read as one object rather than two stacked blocks. Two buttons per card — one to buy, one to read more — and a coloured glow behind the banner photo. Read integration guide

Shrine theme Free How to add Product Slider 11 to Shrine Theme A big heading over a band of tall product tiles, each with a small info plate under the photo. Badges are read from real data — sold out, then a genuine reduction, then how recently the product was added. The arrows sit over the row or up in the heading, and can be shown on a computer without appearing on a phone. Read integration guide

Shrine theme Free How to add Product Slider 10 to Shrine Theme A quiet row of products under a heading and one button, with a progress line and a counter underneath. The arrows and the progress only appear when there is genuinely more to see, and the counter reads the real scroll position so it follows a swipe as well as the arrows. Read integration guide

Shrine theme Free How to add Product Slider 9 to Shrine Theme A swipe row where every card carries a size menu and a quantity menu, so a shopper can buy three of something in one go. Badges come from your own product tags, never from stock levels, and the photo follows whichever size is picked. Read integration guide

Shrine theme Free How to add Product Slider 8 to Shrine Theme A swipe row of framed product cards. A size row opens on the photo so a shopper can add without leaving the page, and the eye button opens a quick look with the options, a quantity and the buy buttons. Both ship as plain links and are upgraded by script, so nothing on the card is ever a control that does nothing. Read integration guide

Shrine theme Free How to add Product Slider 7 to Shrine Theme A large lifestyle tile on the left and a swipe row of products on the right, with tabs across the top so one section covers new in, dresses and knitwear. Size buttons on the card update the price and link straight to that size. Read integration guide

Shrine theme Free How to add Product Grid 6 to Shrine Theme A shelf that can be a grid or a swipe row, with optional tabs across the top. Every card carries a size menu and a quantity menu, so a shopper can buy two of something without adding it twice. Card height is decided once for the whole section, so switching tabs never makes the shelf jump. Read integration guide

Shrine theme Free How to add Product Grid 5 to Shrine Theme A compact buy grid built for bundles and repeat purchases: small photo, name, price and the buttons right there. On a phone the card turns sideways so more fits on screen. A product with more than one size links to its own page rather than guessing. Read integration guide

Shrine theme Free How to add Product Grid 4 to Shrine Theme A grid with an optional large lead tile beside it, and a line under the price that adapts to what you sell: colour dots and a size range for clothing, or spec chips read from tags. Saved items live in the shopper's own browser, so no account is needed. Read integration guide

Shrine theme Free How to add Collection Grid to Shrine Theme Replaces your theme's own product grid on a collection page: products, sorting and pagination, with the caption rows built from blocks you can reorder or remove. Every card in a row shares an identical height, photo bottom, name top and button top, because the vendor and rating rows are decided once for the whole grid rather than card by card. Read integration guide

Shrine theme Free How to add Product Story 1 to Shrine Theme One product per slide, told as an editorial spread: the lifestyle photo on the left, a card on the right carrying the packshot, the name, the price and the button. Swipes natively, with a progress line and a slide counter. No slider library and no webfont — every type option uses a face already on the shopper's device. Read integration guide

Shrine theme Free How to add Product Slider 6 to Shrine Theme The workhorse: one collection, a swipe row of product cards with badges read from real data, an optional saved-items heart, quick add, star ratings and colour dots. Flip one switch and the row becomes a stacked grid instead. Read integration guide

Shrine theme Free How to add Product Slider 5 to Shrine Theme Tabs over a swipe row where the size picker lives on the card itself, so a shopper can add without leaving the page. The photo and the price both follow the size that is picked, and the photo map is keyed by image so a thirty-variant product does not carry thirty entries. Read integration guide

Shrine theme Free How to add Product Slider 4 to Shrine Theme A rail of best sellers where the rank is earned, not decorative: the numbers only appear when the collection is genuinely sorted by best selling, and the theme editor tells you when it is not. Star ratings come from whatever review app you already run. Read integration guide

Shrine theme Free How to add Product Slider 3 to Shrine Theme Tabs under a centred heading, and inside each tab a coloured promo card sitting beside the products. Each tab gets its own message, its own colour and its own button, and the text on the card is coloured for contrast automatically. Read integration guide

Shrine theme Free How to add Product Slider 2 to Shrine Theme A column on the left holding the heading, the tabs and one button that follows whichever tab is open; the products swipe past on the right. The low-stock badge reads real inventory, so it can never invent scarcity. Read integration guide

Shrine theme Free How to add Product Slider 1 to Shrine Theme A swipeable rail of product cards with a quick-look panel carrying the photo, price, description, quantity and buy-now. Pulls a collection, or hand-picked products when no collection is set. No slider library — the rail is native scroll-snap. Read integration guide

Shrine theme Free How to add Product Grid 3 to Shrine Theme Tabs with an underline that travels, one product grid under each and a button per tab. A tab takes a collection or a hand-picked list. On phones the grid becomes a swipe row so a peek of the next product invites the scroll. Read integration guide

Shrine theme Free How to add Product Grid 2 to Shrine Theme A tall rotating showcase on the left and a tabbed product grid on the right, so one section covers new in, dresses and sale without stacking three. Quick look opens a panel; single-variant products add straight to the bag. Read integration guide

Shrine theme Free How to add Product Grid 1 to Shrine Theme A collection grid with an optional large lead tile beside it, a saved-items heart, quick add, star ratings from your review app, automatic Sale, New and Sold-out badges, and a colour or spec row under the price. The button label is measured for contrast against whatever colour you pick. Read integration guide

Shrine theme Free How to add Shop Collections 7 to Shrine Theme A rail of full-bleed collection cards with the copy laid over the photo, positioned in any of nine spots — set separately for desktop and phones. Optional autoplay, dots and arrows, each toggled per screen size. Read integration guide

Shrine theme Free How to add Shop Collections 6 to Shrine Theme An editorial rail of collection cards with a numbered index, a badge, a kicker, a title and a meta line over a graded photo. One grade across mismatched photography makes the set read as one. Optional autoplay with a real pause control. Read integration guide

Shrine theme Free How to add Shop Collections 1 to Shrine Theme A grid of collection tiles in one of three shapes: a caption under the photo, a caption on the photo, or text-only chips for a shop-by-brand row. Ships with a preset for each. No script at all. Read integration guide

Shrine theme Free How to add Shop Collections 4 to Shrine Theme A rail of photo cards with a button sitting on each one. Every colour that ends up as text — including the button's hover state — is measured against the surface it actually lands on. Arrows sit over the cards or in the header. Read integration guide

Shrine theme Free How to add Shop Collections 5 to Shrine Theme A rail of leaning category cards. The lean is a clip on the photo, so captions stay upright and legible; set it to zero for ordinary rectangles. Each card takes an optional hover photo and a lead word before its title. Read integration guide

Shrine theme Free How to add Shop Collections 2 to Shrine Theme A row of category pills that navigates a shop. The pill for the collection being viewed fills itself automatically; on any other page you can flag one to lead with. Optional real product counts, wrapping or swiping on phones. Read integration guide

Shrine theme Free How to add Shop Collections 3 to Shrine Theme A swipeable rail of category cards, each on its own colour with a photo plate underneath the copy. The text colour on every card is measured against that card's own colour, so any palette stays readable. Counter, arrows and a progress bar. Read integration guide

Shrine theme Free How to add Shop The Look 5 to Shrine Theme An editorial full-bleed shot with numbered pins and one card floating in a corner of it. The card follows whichever pin is open, and on phones it can drop below the photo instead of covering the look. Read integration guide

Shrine theme Free How to add Shop The Look 4 to Shrine Theme One wide shot with numbered pins and the full list laid out underneath. A pin scrolls its card into view and rings it, and hovering a card lights its pin, so the photo and the grid always read as the same list. Read integration guide

Shrine theme Free How to add Shop The Look 3 to Shrine Theme A swipeable rail of styled scenes, each with its own pins and captions. Every pin opens a small product card over the photo, and the badge counting the pieces in a scene is worked out from the pins themselves so it can never go stale. Read integration guide

Shrine theme Free How to add Shop The Look 2 to Shrine Theme A shoppable photo on one side and the sales copy on the other. Pins open a product card docked to the bottom of the photo, while the copy column is built from heading, text, checklist and button blocks you can reorder freely. Read integration guide

Shrine theme Free How to add Shop The Look 1 to Shrine Theme A styled photo with numbered pins and a product card beside it that follows whichever pin is open. Arrows, a counter and a thumbnail row all drive the same index, so the card, the pins and the thumbs can never disagree. Read integration guide

Shrine theme Free How to add Ingredient Tabs to Shrine Theme A tab bar that swaps both the picture and the copy: one panel per ingredient, material or step, each with its own credential line, reason and link. Full keyboard navigation. Read integration guide

Shrine theme Free How to add Media Proof to Shrine Theme A large claim beside a tall picture, backed by a credentials list and one real customer review with a half-step star rating you enter yourself. Read integration guide

Shrine theme Free How to add Media Tabs to Shrine Theme A picture beside an accordion of answers, with optional chips underneath for the offers that close a sale. Takes a separate mobile crop and a link on the image. Read integration guide

Shrine theme Free How to add Selling Points to Shrine Theme One picture or clip beside the argument for buying: a headline, a paragraph, a numbered checklist of reasons and two buttons. External video opens in a popup that loads nothing until it is clicked. Read integration guide

Shrine theme Free How to add Image Collage to Shrine Theme Copy and a checklist beside a grid of photos that rearranges itself around how many there are, from one to a full gallery. Every photo takes its own caption and link. Read integration guide

Shrine theme Free How to add Feature Rows to Shrine Theme A stack of alternating image-and-text rows under one header, numbered if you want. Each row carries its own link, image label and clickable image. Read integration guide

Shrine theme Free How to add Media Specs to Shrine Theme A picture beside the claims that close a sale: an optional star rating you enter yourself, then rows pairing what a product does with what it gets the customer. Read integration guide

Shrine theme Free How to add Editorial Story to Shrine Theme A magazine-style spread: a large heading with an italic accent beside one picture or clip. The image can link anywhere, and you choose its side on desktop and its position on mobile independently. Read integration guide

Shrine theme Free How to add Image Text Benefits to Shrine Theme A picture beside a short grid of reasons to buy — free delivery, returns, secure checkout — each with a picked icon or one you upload. The image can link anywhere, and you choose whether it sits above or below the text on mobile. Read integration guide

Shrine theme Free How to add Video Quick Shop to Shrine Theme Shoppable clips that sell without leaving the page: each card carries its product, its variants and an add-to-cart, and opens full size in a popup with the description. Supports uploaded video or YouTube and Vimeo. Read integration guide

Shrine theme Free How to add Shoppable Slider to Shrine Theme A headline beside a side-scrolling row of shoppable clips. Each video carries the product it shows, with its image, name and price in a card below, and the row keeps its card size however few clips are left. Read integration guide

Shrine theme Free How to add Social Posts to Shrine Theme Customer posts in an Instagram or Facebook style card — profile row on top, image or clip in the middle, likes, caption and hashtags below. Three per row by default. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type. Switch the frame setting to show vertical reels instead. Read integration guide

Shrine theme Free How to add Social Reels to Shrine Theme Customer clips shown in a social frame — feed post or vertical reel — with handle, caption, platform logo and sound line. Hashtags in the caption tint themselves. The likes and comments row is deliberately decorative: the icons are not buttons and the counts are the real numbers you type, so nothing on the page pretends to be live. Read integration guide

Shrine theme Free How to add Shoppable Reels to Shrine Theme A scrolling rail of vertical clips, each with a product card floating over it — price, sale price and badges all read from your catalogue. New and discount badges are calculated, never typed, in four styles and two positions. Clips play only as they scroll into view, hide individually, and the card text color adapts to stay readable on any card color. Read integration guide

Shrine theme Free How to add Shoppable Video to Shrine Theme A grid of short vertical videos, each tied to a product with its image, name, price and discount. Play automatically, on hover or on click; YouTube and Vimeo load only when clicked so several embeds never slow the page. Cards hide individually and the grid follows how many are shown. Read integration guide

Shrine theme Free How to add Collection Circles to Shrine Theme Circular category links in a row that scrolls or wraps, each framed by a gradient or solid ring. Pick a collection to make the whole circle clickable, or point it anywhere with a link. Captions fall back to the collection title, discs hide individually, and everything — ring style, sizes, colors, spacing — is set in the theme editor. Read integration guide

Shrine theme Free How to add Video Stories to Shrine Theme Instagram-style rail of tappable video bubbles that opens a full-screen player with progress bar, sound toggle, swipe navigation and a call-to-action per video. Places itself anywhere on the product page. No external libraries. Read integration guide

Shrine theme Free How to add Study Slider to Shrine Theme Card slider with heading, description, and navigation buttons. Features customizable card dimensions, gap spacing, stats section, and smooth slide transitions with arrow navigation. Read integration guide

Shrine theme Free How to add Testimonial Spotlight to Shrine Theme Large featured testimonial with side info panel. Prominent single review display, customer photo, detailed quote, company logo, and supporting statistics. Read integration guide

Shrine theme Free How to add Reviews Marquee to Shrine Theme Infinite scrolling ticker-style reviews with modern design. Continuous horizontal scroll, pause on hover, customizable speed, and clean card design. Read integration guide

Shrine theme Free How to add Video Testimonials to Shrine Theme Showcase customer video reviews with thumbnails and lightbox. Play button overlay, video modal popup, customer name and title, and thumbnail grid layout. Read integration guide

Shrine theme Free How to add Reviews Wall to Shrine Theme Pinterest-style masonry layout with social media look. Mixed review sizes, source icons (verified, Instagram, etc.), and dynamic flowing layout. Read integration guide

Shrine theme Free How to add Testimonials Grid to Shrine Theme Static grid layout for testimonials with hover effects. Customizable columns (2-4), star ratings, customer info, and subtle lift animation on hover. Read integration guide

Shrine theme Free How to add Testimonials Carousel to Shrine Theme Customer reviews carousel with star ratings, customer photos, and smooth slide transitions. Navigation arrows, dot indicators, autoplay option, and touch swipe support. Read integration guide

Shrine theme Free How to add Product Ingredients to Shrine Theme Product ingredients section with ingredient cards showing name, description, and optional image. Perfect for skincare, supplements, or food products. Read integration guide

Shrine theme Free How to add Product Bundle to Shrine Theme Display product bundle or kit with included items. Bundle image, list of included products, savings badge, total value display, and add bundle to cart CTA. Read integration guide

Shrine theme Free How to add Product Specifications to Shrine Theme Product with detailed specifications table. Alternating row colors, specification labels and values, product image, and organized technical details. Read integration guide

Shrine theme Free How to add Product Gallery to Shrine Theme Product with image gallery and thumbnails. Main image display with thumbnail navigation, zoom on hover, and product info section with price and CTA. Read integration guide

Shrine theme Free How to add Product Features to Shrine Theme Product display with feature highlights in a two-column layout. Large product image on one side, feature list with icons on the other, and CTA button. Read integration guide

Shrine theme Free How to add Features Numbered to Shrine Theme Numbered features/steps with descriptions in a timeline style. Circular number badges, connecting lines between steps, and optional feature bullet points per step. Read integration guide

Shrine theme Free How to add Features Cards to Shrine Theme Feature cards with images in a grid layout. Image at top, title, description, and optional link. Customizable columns, hover animations, and rounded corners. Read integration guide

Shrine theme Free How to add Features Icons Grid to Shrine Theme Features displayed with icons in a responsive grid. SVG icon support, customizable columns (2-4), hover effects, and centered icon with title and description layout. Read integration guide

Shrine theme Free How to add FAQ Side Navigation to Shrine Theme FAQ with left sidebar navigation for categories. Sticky sidebar with category links, smooth scroll to sections, and active state highlighting on scroll. Read integration guide

Shrine theme Free How to add FAQ Searchable to Shrine Theme FAQ with search functionality and instant filtering. Search box with icon, real-time filtering as user types, highlight matching questions, and no results message. Read integration guide

Shrine theme Free How to add FAQ Two Column to Shrine Theme FAQ displayed in two columns for wider layouts. Questions split across columns, accordion functionality, and responsive single column on mobile devices. Read integration guide

Shrine theme Free How to add FAQ Tabs to Shrine Theme Categorized FAQ with tab navigation. Organize questions by category with clickable tabs, accordion items within each tab, and smooth tab switching animations. Read integration guide

Shrine theme Free How to add FAQ Accordion to Shrine Theme Expandable/collapsible FAQ items with smooth animations. Classic accordion style with plus/minus icons, hover effects, and customizable question/answer backgrounds. Read integration guide

Shrine theme Free How to add Countdown Product Launch to Shrine Theme Product launch countdown with product preview image. Features header section, product display, countdown timer, and notify/pre-order button for upcoming releases. Read integration guide

Shrine theme Free How to add Countdown Minimal to Shrine Theme Minimal inline countdown timer with text alongside. Clean horizontal layout perfect for subtle urgency messaging without overwhelming the page design. Read integration guide

Shrine theme Free How to add Countdown Boxed to Shrine Theme Boxed style countdown with side content layout. Card-based design with border, image support, feature list, and countdown timer in an elegant contained format. Read integration guide

Shrine theme Free How to add Countdown Hero to Shrine Theme Full width hero section with background image, overlay, and countdown timer. Features customizable minimum height, overlay opacity, and prominent countdown display. Read integration guide

Shrine theme Free How to add Countdown Banner to Shrine Theme Simple banner style countdown timer with label badge, heading, description, and CTA button. Clean centered layout with customizable time boxes and accent colors. Read integration guide

Shrine theme Free How to add Product Comparison Table to Shrine Theme Compare multiple products side by side with features table. Product images, prices, feature rows with check/X icons, highlighted recommended product, and mobile-responsive with sticky first column. Read integration guide

Shrine theme Free How to add Dual Flow Comparison to Shrine Theme Compare two processes or paths side by side with step-by-step flow. Headers with images, numbered steps, and highlighted final result. Perfect for Old Way vs New Way comparisons. Read integration guide

Shrine theme Free How to add Competitor Comparison to Shrine Theme Visual brand vs competitors side by side with VS badge. Compare your product against competitors with feature rows, brand highlighting, and winner indicators. Read integration guide

Shrine theme Free How to add Before After Table to Shrine Theme Show transformation results in a clean table format with before and after columns. Colored headers, alternating rows, and perfect for showcasing improvements or changes. Read integration guide

Shrine theme Free How to add Feature Comparison to Shrine Theme Simple visual two-column comparison with checkmark and X icons. Perfect for showing included vs not included features, pros vs cons, or your product vs alternatives. Read integration guide

Shrine theme Free How to add Pricing Table to Shrine Theme Clean pricing cards with monthly/yearly toggle, featured plan highlighting, feature lists with checkmarks, and CTA buttons. Supports 2-4 pricing tiers with customizable colors. Read integration guide

Shrine theme Free How to add Hero 9 Banner to Shrine Theme Hero section with dual animated image columns (left and right scrolling) alongside heading, text, and CTA button. Features reversible layout position and customizable typography and button styling. Read integration guide

Shrine theme Free How to add Image Templates Banner to Shrine Theme Two-column layout with scrolling image gallery and pricing box. Features animated vertical image columns, trusted brands badge, benefits list with icons, deal countdown styling, and logo strip section. Read integration guide

Shrine theme Free How to add Rotating Carousel Banner to Shrine Theme Interactive carousel with JavaScript controls, Ken Burns zoom effect, progress bar, dot indicators, navigation arrows, and touch support. Features autoplay, glass/solid/outline buttons, and smooth slide transitions. Read integration guide

Shrine theme Free How to add Split Content Banner to Shrine Theme Two-column layout with image and text, smooth animations, and hover effects. Features customizable split ratios (50/50, 40/60, 60/40, 30/70, 70/30), optional badge, accent line, and reversible layout. Read integration guide

Shrine theme Free How to add Hero Banner to Shrine Theme Premium full-width hero with animated shape dividers (wave, curve, tilt, blob, triangle, zigzag), gradient overlays, and advanced background effects (particles, gradient shift, shimmer, pulse). The ultimate hero section. Read integration guide

Shrine theme Free How to add Minimal Text Banner to Shrine Theme Clean typography-focused banner with elegant fade-up animations and optional background effects (pulse, float, shimmer). Features glass/solid/outline button options and subtle animated backgrounds for a refined look. Read integration guide

Shrine theme Free How to add Gradient Overlay Banner to Shrine Theme Visually striking banner with customizable gradient overlays (bottom, full, radial, left, right), content animations, flexible positioning, and glass/solid/outline button styles. Features hover zoom effect on background image. Read integration guide

Shrine theme Free How to add 3D Flip Rotator to Shrine Theme Stunning 3D flip animations with typewriter effect and progress indicator. Rotates through multiple messages with smooth 3D perspective transforms and customizable timing. Read integration guide

Shrine theme Free How to add Stock Ticker Pro to Shrine Theme Stock market style ticker with trend indicators, animated numbers, and flash alerts. Monospace font styling, fixed label section, and smooth scrolling for a professional trading floor look. Read integration guide

Shrine theme Free How to add Urgency Split Bar to Shrine Theme Real countdown timer with animated urgency border and confetti effects. Split layout with highlighted section, pulse ring animation, and countdown functionality for flash sales. Read integration guide

Shrine theme Free How to add Neon Glow Marquee to Shrine Theme Eye-catching neon effects with glitch animation and rainbow text options. Features smooth scrolling, direction control, pause on hover, and customizable glow intensity. Read integration guide

Shrine theme Free How to add Gradient Marquee to Shrine Theme Scrolling marquee with animated gradient backgrounds (sunset, ocean, purple, fire, forest, midnight). Features glow effects, customizable scroll speed, direction control, and pause on hover. Read integration guide

Shrine theme Free How to add After Before Slider to Shrine Theme Interactive before/after image comparison slider with draggable handle. Features rounded corners, shadow effects, customizable gap between columns, and responsive design with configurable padding. Read integration guide

Shrine theme Free How to add Image With Text Premium to Shrine Theme Luxury-style image with text section featuring multi-image collage layout, Poppins typography, background image support, and four feature text blocks. Perfect for premium brand storytelling. Read integration guide

Shrine theme Free How to add Image Text Zigzag to Shrine Theme Alternating image-text blocks in a zigzag pattern for storytelling. Includes optional step numbers, individual CTA buttons per block, and elegant flowing layout perfect for How It Works or process explanations. Read integration guide

Shrine theme Free How to add Image Text Cards to Shrine Theme Multi-card grid layout showcasing image-text combinations in 2-4 column layouts. Features hover animations, customizable image ratios (square/landscape/portrait), and animated link arrows for engaging storytelling. Read integration guide

Shrine theme Free How to add Image Text Overlay to Shrine Theme Full-width hero section with background image and text overlay. Includes customizable overlay color and opacity, flexible content positioning (left/center/right), dual CTA buttons, and responsive mobile optimization. Read integration guide

Shrine theme Free How to add Image Text Split to Shrine Theme Classic 50/50 split layout with image on one side and text content on the other. Features reversible image position, feature list with checkmarks, customizable CTA button, and smooth responsive behavior. Read integration guide

Shrine theme Free How to add Stacked Promotion Banner to Shrine Theme Stacked Promotion with quantity break discount Read integration guide

Shrine theme Free How to add Back to Top to Shrine Theme Enhance your store’s browsing experience with a simple “Back to Top” button. Smooth, user-friendly navigation helps customers explore your site with ease. Read integration guide

Shrine theme Free How to add Designed with an Edge to Shrine Theme Add a modern sloped design to your store for a bold and dynamic layout. Perfect for separating sections, drawing attention to products, or giving your pages a stylish flow. Read integration guide

Shrine theme Free How to add Follow the Feed to Shrine Theme Stay connected with our latest looks, trends, and community highlights—straight from Instagram. Click, explore, and shop your favorite styles directly from the feed. Read integration guide

Shrine theme Free How to add Frequently Asked Questions to Shrine Theme Find quick answers to the most common questions about our products, shipping, returns, and more. We’ve made it easy for you to get the information you need—right at your fingertips. Read integration guide

Shrine theme Free How to add Explore Our Gallery to Shrine Theme Showcase your products, brand moments, and customer favorites in a stylish grid layout. Our gallery brings your store to life with visuals that inspire and engage shoppers. Read integration guide

Shrine theme Free How to add From Our Blog to Shrine Theme Stay updated with the latest tips, trends, and stories from our team. Explore helpful guides, product highlights, and inspiration to make the most of your shopping experience. Read integration guide

Shrine theme Free How to add Smooth & Modern Design to Shrine Theme Add a stylish wave effect to your store layout. The Wave Section creates natural flow between sections, giving your storefront a clean, modern, and engaging look that keeps customers scrolling. Read integration guide

Shrine theme Free How to add Discover the Difference to Shrine Theme Bring your store to life with our Parallax Banner. Eye-catching visuals and smooth scrolling effects create an immersive shopping experience while showcasing your brand in style. Read integration guide

Shrine theme Free How to add Follow Us on Instagram to Shrine Theme Stay inspired and never miss a moment! Explore our latest styles, behind-the-scenes looks, and customer favorites straight from our Instagram feed. Click, shop, and join our community today. Read integration guide

Shopify Theme Section Guides

Deep-dive per theme

Dawn

Sense

Refresh

Craft

Studio

Origin

Prestige

Impulse

Motion

Shrine

About these guides

Your next storefront starts here