Download the theme

Grab marivoe.zip from your purchase confirmation email and keep it somewhere safe, you will reuse it for major updates.

Upload to Shopify

In your admin, go to Online Store, Themes, then click Add theme, Upload zip file and choose marivoe.zip.

Open the editor

Press Customize to open Marivoe in the theme editor, where every section and block is configured without code.

Where to find it

Open the theme editor and choose Theme settings from the bottom of the left-hand panel.

How it cascades

Values here apply site-wide. Individual blocks can override typography and colors where you need something different, and anything left on Default keeps following the global settings.

Color palette

Marivoe uses Shopify's newest color system. Define your palette once and every section, button, and badge reads from it.

Per-element overrides

Buttons, headings, and text blocks each have their own optional color settings. Leave them empty to inherit the palette.

Choosing fonts

Pick fonts from Shopify's font library separately for body text and each heading level.

Sizes and spacing

Set size, line height, letter spacing, and letter case per element. Font sizes scale fluidly between mobile and desktop automatically.

Two button styles

Set background, text, and border colors, border thickness, corner radius, and hover states for primary and secondary buttons.

Per-button overrides

Any individual button block can override the global style, and empty settings keep inheriting the theme defaults.

Upload the new version

Add the new ZIP as an unpublished theme so your live storefront keeps running untouched.

Move your settings

Re-enter your Theme settings, or use Shopify's Copy settings feature where it is available.

Preview & publish

Preview the new version end to end, then publish it the moment everything looks right.

What Theme Check is

Theme Check is Shopify's official code review tool for themes. It is built by Shopify, ships with their developer tooling, and scans every file in a theme for errors, deprecated code, accessibility problems, and performance mistakes. It is the same class of automated review a theme goes through when it is submitted to the Shopify Theme Store.

Marivoe's result

This is the complete output when Shopify's Theme Check runs on the current version of Marivoe. Zero errors, zero warnings, across every file in the theme.

$ shopify theme check

Theme Check Summary.

88 files inspected with no offenses found.

Reproduce it on your own copy

Theme Check runs on the theme files themselves, so the full check needs a copy of the theme. Before you buy, your proof is this page plus the demo store, which runs this exact code live. After you download Marivoe, you can reproduce the result above on the files you received, so you know your copy matches what this page promises.

1. 1 Install Shopify CLI (free, from Shopify's developer site).
2. 2 Unzip marivoe.zip anywhere on your computer.
3. 3 Open a terminal in that folder and run: shopify theme check
4. 4 You will see the same summary as above, produced by Shopify's tool on your own machine.

The Shopify requirement

One of Shopify's requirements for themes is full compatibility with Online Store 2.0, which Shopify calls Sections Everywhere. Every page must be built from sections that merchants can add, remove, and reorder in the theme editor.

What that means for you

You are never locked into a fixed layout. Product pages, collections, the cart, even the 404 page are all editable templates. You rearrange them in the editor without touching code.

How Marivoe goes further

Marivoe is built on theme blocks, the newest generation of this system, the same one Shopify's own latest themes use. Sections contain blocks, blocks nest inside layout groups, and you compose pages like building blocks.

See it for yourself

Watch how a product page is rearranged in the theme editor. Every element you see, the gallery, the price, the buy button, the accordion rows, is a block you can move, remove, or restyle.

The Shopify requirement

Shopify requires themes to include accelerated checkout buttons on the product page and the cart page, so customers can pay with Shop Pay, PayPal, or their wallet in one tap.

How Marivoe complies

Marivoe renders the dynamic checkout button in the buy box and additional checkout buttons on the cart page. You choose whether the button shows, and the unbranded Buy it now version follows your button styling.

Branded buttons stay untouched

Shopify's rule says branded buttons such as Shop Pay must never be recolored. Marivoe styles only the neutral button and leaves branded buttons exactly as the payment providers designed them.

Check it yourself on the demo

You do not have to take my word for it. The demo store is a real Shopify store running Marivoe, so the buttons Shopify requires are right there.

1. 1 Open the demo store with the View demo button on the product page of this site. It logs you in automatically.
2. 2 Open any product.
3. 3 Look directly under the Add to cart button. You will see the express checkout button there (it shows as Buy it now, Shop Pay, or your wallet, depending on your device and browser).
4. 4 Add something to the cart and open the cart page. The extra checkout buttons Shopify requires are shown there too.

The Shopify requirement

Shopify requires that purchasing works without JavaScript. If a script is blocked by a browser extension or a connection hiccups, the add to cart button must still do its job.

How Marivoe complies

Every buy box in Marivoe is a real Shopify form. Adding to cart posts natively to Shopify, and the smooth animations, live price updates, and cart counter are layered on top as enhancements.

Why you benefit

The same approach makes the theme more robust on slow networks and older devices, and it is one of the reasons the theme stays fast: less JavaScript doing critical work means less to load.

Test it yourself in 60 seconds

This one you can genuinely verify on the demo store. You will switch JavaScript off in your browser, buy something on the demo, and switch it back on. Here is exactly how, using Chrome on a computer.

1. 1 Open the demo store first (View demo button), so you are logged in to it.
2. 2 Open a new tab and paste this into the address bar: chrome://settings/content/javascript
3. 3 Under Default behavior, select the option that says Don't allow sites to use JavaScript.
4. 4 Go back to the demo store tab and refresh the page. The store still loads, because Marivoe does not depend on JavaScript to render.
5. 5 Open any product and press Add to cart. It works: you land on the cart page with the product in it. On most themes this button silently does nothing without JavaScript.
6. 6 Now go back to the settings tab and set JavaScript back to Sites can use JavaScript. Done, everything is back to normal.

The Shopify requirement

Shopify requires themes to support image focal points. When a merchant marks the important part of an image, from the Files page in the admin or in the theme editor, the theme must keep that part visible whenever the image is cropped.

What that means for you

Images get cropped all over a store: square gallery thumbnails, product cards on collection pages, search results, the small image in the sticky add to cart bar. Without focal point support, a portrait photo cropped to a square usually cuts the model's face off. With it, the crop follows the point you chose.

How Marivoe complies

Every place Marivoe crops an image respects your focal point: the product gallery and its thumbnails, product cards, search suggestions, collection cards, banner images, and the sticky add to cart bar. You set the focal point once on the image and every crop across the store follows it, no per-section settings needed.

See it for yourself

Watch what happens when a focal point moves: every thumbnail, card, and mini image across the store follows it instantly.

The Shopify requirement

Shopify requires themes to support automatically generated related product recommendations on product pages, and complementary recommendations so merchants can show products that pair well together.

How Marivoe complies

The Related products section sits under every product page and pulls recommendations from Shopify's recommendation engine. Switch it between Related (similar products) and Complementary (goes well with) in one setting. The heading and the product cards are fully composable blocks, so you control exactly what each recommendation card shows.

Built not to slow you down

Recommendations load lazily: the section only fetches products when a visitor actually scrolls near it, so it never delays the product page itself.

Check it yourself on the demo

Open any product on the demo store and scroll to the bottom. The You may also like section is Shopify's recommendation engine at work inside Marivoe.

The Shopify requirement

Shopify requires themes to support rich product media: videos, external videos from YouTube or Vimeo, and 3D models, wherever product media is displayed.

How Marivoe complies

The product gallery renders every Shopify media type. Uploaded videos autoplay silently in the gallery, YouTube and Vimeo embeds play in place, and 3D models open in an interactive viewer customers can rotate. All of it works in every gallery layout, and video thumbnails show a proper preview image.

Check it yourself on the demo

The demo store's Essential V-Neck product has a product video in its gallery. Open it and watch the gallery treat it like any other media, including in the thumbnails.

The Shopify requirement

Shopify requires a search template for full results and predictive search functionality, so customers get suggestions as they type.

How Marivoe complies

The header search shows matching products with thumbnails and prices, plus collections, pages, and articles, the moment a customer starts typing. Pressing enter lands on a full search results page with the same product grid used across the store.

Check it yourself on the demo

Click the search field on the demo store and type a single letter. Suggestions appear instantly, no page reload.

The Shopify requirement

Shopify requires themes to support selling plans, the system behind subscriptions. Customers must be able to pick a plan when buying, and the selected plan must be shown in the cart and on customer order pages.

How Marivoe complies

When a product has selling plans, the buy box shows them as clear options next to one-time purchase, and the displayed price updates instantly when a plan is selected. The chosen plan is shown with the item in the cart and again on the customer's order page, exactly where Shopify requires it.

Works with subscription apps

Selling plans are created by subscription apps such as Shopify Subscriptions, Recharge, or Appstle. Install one, create your plans, and Marivoe displays them with no theme changes needed.

The Shopify requirement

Shopify requires themes to show the Shop Pay Installments banner on the product page, so customers know they can split a purchase into installment payments.

How Marivoe complies

The banner renders inside the buy box, under the checkout buttons. Shopify decides when a store and product are eligible, and the moment yours is, the banner appears. You can switch it off per product page if you prefer.

Good to know

Shop Pay Installments availability depends on your store's country and Shopify's eligibility rules, not on the theme. Marivoe's job is to have the banner ready, and it is.

The Shopify requirement

Merchants in the EU and Switzerland are legally required to show unit prices, for example the price per 100ml. Shopify requires themes to support unit pricing on the collection page, product page, cart page, and customer order pages.

How Marivoe complies

Set a unit price on a variant in your admin and Marivoe shows it in all four required places: under the price on the product page, on product cards in collections and search results, with each line in the cart, and on the customer's order page.

Setting it up

On the variant in your Shopify admin, fill in the total measurement and base measurement fields. No theme configuration needed, the unit price appears automatically wherever that product is shown.

The Shopify requirement

Shopify requires themes to support variant images, so merchants can associate a photo with each variant, like one image per color.

How Marivoe goes further

Pick a color and the gallery jumps to that variant's photo. Color swatches can use the variant image itself as the swatch. Hovering a swatch previews that variant's image before you even click. And an optional filter shows only the selected variant's photos plus your shared images, so customers never scroll through the wrong color.

Check it yourself on the demo

Open a product with color options on the demo store and switch between colors. The gallery follows your selection instantly, and hovering a swatch gives you a preview.

The Shopify requirement

Shopify requires themes to include a Follow on Shop button, rendered with Shopify's official login_button filter, so customers can follow a store in the Shop app and see new products and updates there.

How Marivoe complies

Follow on Shop is a block you can drop anywhere, the footer is the classic spot. It uses Shopify's official button, and per Shopify's rules the branded button is never restyled. It shows automatically when your store uses the Shop sales channel.

The Shopify requirement

Shopify requires search filtering so customers can filter collection and search pages by availability, price, type, vendor, and variant options, plus the ability to sort products inside collections.

How Marivoe complies

Collection and search pages carry the full filter bar: every filter you enable in Shopify's Search & Discovery app appears as a dropdown, price gets from and to fields, and a sort menu sits alongside. Active filters show as removable pills with a clear all link, so customers always see what they are looking at.

It is a block, like everything else

The whole filter bar is a Filters and sort block on the collection page. Move it, toggle filtering or sorting separately, or remove the block entirely if a collection should not be filterable.

Works without JavaScript

Filters are a real form. With JavaScript on, choosing a filter applies instantly. With it off, the same form still submits and filters the page, in line with how the rest of Marivoe treats JavaScript as a bonus layer.

Setting it up

Filters are defined in Shopify's free Search & Discovery app, so you decide which options become filters.

1. 1 In your Shopify admin, open the Search & Discovery app (free, by Shopify).
2. 2 Under Filters, add the options you want, for example Color, Size, Price, Availability.
3. 3 Open any collection on your storefront. The filters appear automatically in the filter bar.

The Shopify requirement

Shopify requires that customers can select their currency and country or region on the storefront, and their preferred language, using selectors that follow Shopify's UX guidelines.

How Marivoe complies

A Country and language block sits in the footer. It shows a country selector with the currency for each market, and a language selector, each one only appearing when your store actually offers more than one option. Selections apply instantly, and without JavaScript the same forms still submit normally.

Place it where you want

Because it is a block, you can move it inside the footer, remove it, or add it again later. Each selector can also be toggled individually in the block's settings.

Setting it up

Markets and languages come from your Shopify admin, under Settings, then Markets and Languages. Add a second market or language there and the selectors appear on the storefront automatically.

The Shopify requirement

Shopify requires nested menus so merchants can create multi-level drop-down navigation.

How Marivoe complies

The header menu renders up to three levels: top-level links, drop-down panels, and indented sub-groups inside each panel. On mobile the same menu becomes a full-width panel behind a burger button, so nothing gets lost on small screens.

Accessible by design

Drop-downs open on click, not hover, work with the keyboard out of the box, and close on Escape or when clicking anywhere else. That behavior comes from native browser elements, so it works even before any JavaScript loads.

Sticky header options

The header can stay put, stick to the top permanently, or hide while scrolling down and return the moment the customer scrolls up. One setting, three behaviors.

Setting it up

Menus are managed in your Shopify admin under Online Store, then Navigation. Nest items by dragging them under a parent, and Marivoe renders the levels automatically.

The Shopify requirement

Shopify requires the gift card template to show a QR code of at least 120 by 120 pixels and to support Apple Wallet.

How Marivoe complies

When a customer receives a gift card, the page shows the balance, the code in a large easy-to-read box, a scannable QR code so it can be redeemed at a register, an Add to Apple Wallet button, and a print button for customers who like paper.

Nothing to configure

The gift card page works out of the box. Sell a gift card product and Shopify sends customers to this page automatically.

The Shopify requirement

Shopify requires themes to display discount amounts for individual items and for entire orders in the cart.

How Marivoe complies

When a discount applies, the cart shows the discount's name and amount with each affected line, the original price crossed out next to the reduced one, and order-level discounts summarized above the subtotal. The cart drawer shows the same breakdown, so customers see their savings without opening the full cart page.

See it on your own store

Create any automatic discount in your Shopify admin, add a qualifying product to the cart, and open the drawer: the discount name and the saved amount are itemized right there, no theme configuration needed.

The Shopify requirement

Shopify requires themes to include a newsletter signup so merchants can collect customer email addresses.

How Marivoe complies

The Newsletter section gives you a heading, text, and a signup form, each of them a block you can rearrange or restyle. Subscribers are added to your Shopify customer list with email marketing consent, ready for any email app you use.

The form goes anywhere

The signup form itself is a block, so it is not locked to one section. Drop it in the footer, inside a banner, or anywhere else blocks are accepted, and pick an inline or stacked layout per instance.

Blocks that place themselves

Instead of a locked arrangement, the header has three position bands, left, center, and right. Each header block, the navigation menu, search, account, and cart, carries its own position setting, so you decide what sits where. The logo has the same left, center, or right choice. Want the classic centered logo with the menu split around it, or everything left-aligned with the cart on the right? Both are a couple of clicks, no code.

One row or two

Turn on the second row and the header splits into a top and a bottom band. Every header block then chooses which row it lives on, so you can put the logo and cart up top and the full navigation menu on its own line below, the layout you see on a lot of premium fashion stores. On mobile it stays tidy automatically.

Sticky behavior

The header can stay in the normal flow, stick to the top permanently, or hide while the customer scrolls down and slide back the instant they scroll up. That last one keeps the header out of the way while browsing but always one small scroll away, and it is a single setting with three options.

Width, height & spacing

Set the header to your page width or full edge-to-edge width, pick a standard or compact height, and fine-tune padding on all four sides. Colors are yours too: background, text, and an optional bottom border with its own thickness and color.

How Marivoe goes further

Most themes give you a header with a fixed slot for the logo, a fixed slot for the menu, and a fixed cluster of icons. Marivoe turns the whole header into bands you compose, so the layout matches your brand instead of the theme's defaults.

Chrome you can rearrange

The search, account, and cart controls are each their own block. Give each one a position, left, center, or right, and a row when the second row is on, and reorder them by dragging in the editor. Remove the ones you do not use, or add them back later. This is the part almost every other theme hard-codes.

Icon or text

Each of these blocks can show as a clean icon or as a text label, so you can have a minimal icon row or spell out Search, Account, and Cart in words, whichever suits your brand.

Cart & account details

The cart block shows a live item-count bubble whose background and text colors you set, and it opens the cart drawer. The account block appears only when customer accounts are enabled, so it never shows a dead link. Both follow the header's position and row settings like every other block.

See it for yourself

Watch the header rebuild itself: drag the cart from the right to the center, switch search from an icon to the word Search, and move the whole menu onto a second row, all live in the editor.

Mega menu or dropdown

Choose how sub-menus open. Mega menu gives you a wide panel with columns and, optionally, the featured image of any collection you link to, so a Shop menu can show category thumbnails. Dropdown gives you a compact classic list instead. It is one setting, and both support up to three levels of nesting.

Split around the logo

With a centered logo, the menu can split so some links sit to the left of the logo and the rest to the right, the balanced layout you see on high-end stores. You choose how many links go on the left and the spacing around the logo, and Marivoe splits a single menu for you, no duplicate menus to maintain.

Hover underline & highlighted links

Turn on an animated hover underline and control its thickness and color, and optionally extend it to sub-menu links. You can also make one link stand out as a pill, type a keyword like sale and any menu link whose URL contains it gets its own background and text color with a rounded shape, perfect for a Sale or Outlet link.

Type control for every level

The menu gives you separate typography for three levels: top-level links, sub-menu headings, and sub-menu links. Each level gets its own font, size, line height, letter spacing, letter case, bold, and italic. Left on Default, every level follows your global typography, so you only change what you want to stand out.

The mobile menu

On phones the menu becomes a modern slide-in drawer: category tabs, collection image cards, and sub-menus that slide in as their own panels instead of cramped indents. Search and the country and language selectors can sit right inside the drawer, each toggled on or off, and it all still works as a plain accordion if JavaScript never loads.

Accessible by design

Drop-downs open on click and on hover intent, work with the keyboard, and close on Escape or an outside click. The behavior is built on native browser elements, so it works even before any JavaScript loads.

How it works

Switch on the transparent header and it overlays the first section of the page instead of sitting above it, so a full-width hero image or video runs edge to edge under a see-through header. You enable it per template, on the home page, on product pages, and on collection pages, so it appears exactly where your design calls for it.

Readable on any image

While transparent, the header text switches to a color you choose, typically white, so it stays legible over a photo. The cart count bubble automatically computes a contrasting color too. The moment the customer scrolls, the header takes on its solid background, so text is always readable.

Swap the logo

Set an alternate transparent-state logo, usually a white version, and Marivoe shows it while the header is see-through and swaps back to your normal logo once the header becomes solid. Your brand stays crisp against both a dark hero and a white page.

See it for yourself

Watch the header sit invisibly over a full-screen hero, then turn solid with the white logo swapping to the dark one the instant the page scrolls.

A strip above the header

The top bar is a thin band that sits above the main header, the classic spot for a promo message, a phone number, or shipping info. It has its own width, height, colors, and a divider, so it reads as a distinct layer from the header below it.

Filled with blocks

The content is blocks: a menu-links block for a row of quick links, a social-icons block, or anything else you drop in. Reorder or remove them freely. Nothing in the top bar is fixed content you cannot change.

Transparent-aware

When the header below it is set to transparent, the top bar knows, and switches to its own transparent-state colors so the two layers overlay your hero as one seamless piece rather than clashing.

Hide on mobile

Small screens are precious, so the top bar can hide itself on phones with a single toggle, keeping secondary links off the way while your main header stays front and center.

What is in the box

Marivoe ships hero banners, a slideshow, a scrolling marquee, featured collection and featured product sections, a collection list, image with text, multicolumn, rich text, newsletter, blog posts, recently viewed products, testimonials, an FAQ, a logo list, a collage, a before and after slider, a contact form, and a countdown timer. Every one of them works on any page, not just the homepage.

Organized like the best themes

The Add section picker groups everything into categories: Banners, Products, Collections, Storytelling, Text, Forms, and Custom. The Add block picker is organized the same way, so you find things fast instead of scrolling one long list.

Composed from blocks

Sections in Marivoe are layout shells. The content inside, headings, text, buttons, images, icons, forms, is always blocks you can add, remove, and reorder. If you want two buttons in your hero or an image inside a text section, you just add them.

Friendly placeholders

Every section shows tasteful placeholder artwork until you pick real content, drawn in your store's own colors. You always see what a section will look like while you are still setting it up.

Slides are blocks

Each slide is a block with its own background image, optional mobile image, overlay, and link, and the content on a slide, heading, text, buttons, is blocks nested inside it. Add as many slides as you want.

Arrows, dots, autoplay

Show or hide arrows and pagination dots, and switch on auto-rotation with a speed of your choosing. Rotation pauses while a customer hovers or focuses the slideshow, and a visible pause button lets anyone stop it, which is exactly what accessibility guidelines ask of moving content.

Respects reduced motion

For visitors whose device asks for reduced motion, the slideshow stops auto-rotating entirely and slide changes happen without animation.

Grid or carousel

Show up to twelve products from any collection as a tidy grid or a swipeable carousel with arrows. Set columns for desktop and mobile separately, control the gap, and add an optional View all button.

Cards you compose

The product card is built from blocks: image, title, price, rating, swatches, quick add. Rearrange or remove any of them in the editor and every card in the section follows.

Looks right from the start

Until you pick a collection, the section shows placeholder products, so you can design the layout before your catalog is ready.

The product page, in miniature

Pick a product and compose the section from the same blocks the product page uses: media gallery, title, price, variant picker, buy buttons, description. Customers add to cart right there, without leaving the page.

Layout controls

Media left or right, contained or full width, and a column gap you control, the same layout language as the product page.

Pick your collections

Choose up to twelve collections and Marivoe lays them out as cards with the collection image and name, with an optional product count. Missing an image? The card falls back to the first product's photo automatically.

Shape the grid

Set desktop and mobile columns, the gap, and the image aspect ratio, portrait, square, landscape, or the image's own shape.

Built for storytelling

Pair an image with any blocks you like, a heading, text, buttons, even another image. Put the media left or right, choose how wide it sits, set the aspect ratio and corner radius, and align the content top, middle, or bottom.

Focal points respected

Like everywhere else in Marivoe, if the image gets cropped, the crop follows the focal point you set on the image.

Columns from blocks

Every block you add becomes a column, and a heading block automatically spans the full row above them. Group blocks let you stack an icon, a title, and text inside one column, which makes the classic three-benefits row a thirty-second job.

Grid controls

Two to five columns on desktop, one or two on mobile, with separate column and row gaps and a text alignment setting.

Simple on purpose

Rich text is a focused column of blocks with a maximum content width, alignment, and spacing controls. It is the section for a brand statement, an announcement, or a short introduction between two heavier sections.

Endless scrolling content

Whatever blocks you add, text, icons, small images, scroll past in a seamless loop. Set the speed, the direction, and the gap between repeats. Add several messages and they take turns in the loop.

Considerate by default

The marquee pauses on hover and on keyboard focus, screen readers hear your message once instead of on repeat, and visitors who prefer reduced motion see it standing still.

Automatic and current

Choose a blog and how many posts to show, and the section always displays the newest ones with their image, title, date, and an excerpt. Toggle the date and excerpt off if you prefer a cleaner card.

How it works

As customers browse, Marivoe remembers the products they open, privately, in their own browser, nothing is tracked on a server. The Recently viewed section then shows those products wherever you place it, and stays invisible for brand-new visitors who have no history yet.

Where to use it

The classic spots are the bottom of the product page and the homepage. Set how many products to show and the grid columns, and the section handles the rest.

Social proof, composed

Each testimonial is a card with a star rating and whatever blocks you like inside: the quote and the customer's name are text blocks, and you can add an image block for a photo. Add as many cards as you want and set the grid columns for desktop and mobile.

Style every word

Because the quote and name are regular text blocks, they carry the full typography panel. Make quotes serif and italic, names bold and small, or anything in between, per card or across all of them.

Built on the Smart accordion

The FAQ section hosts the same accordion blocks used on product pages: add a question per row, each with a smooth open and close animation, at a content width you control.

Structured data included

Marivoe writes your questions and answers into the page as FAQPage structured data, the format search engines read. That makes your FAQ eligible to appear as expandable questions directly in search results, extra visibility most themes leave on the table.

Drop in your logos

Add an image block per logo and Marivoe lines them up in a centered row. One height setting keeps every logo the same visual size no matter how the files are shaped, and a gap setting controls the breathing room.

Grayscale option

Switch on grayscale and logos render in tasteful gray, regaining their color when hovered. It keeps a busy logo row from fighting with your brand colors.

How it works

Add image blocks and Marivoe arranges them in a mosaic: the first block becomes a large feature cell spanning two rows and two columns, on the left or the right, and the rest fill in around it. Row height and gap are yours to set.

Make cells clickable

Every image block has its own link setting, so each cell of the collage can point to a collection, product, or page.

How it works

Pick a before image and an after image, and customers drag the divider to compare them. Set where the divider starts and the aspect ratio of the frame.

Labels are blocks

The Before and After chips are text blocks, so you rename them, restyle them with the full typography panel, or empty them to hide a chip entirely.

Works for everyone

The divider is driven by a native slider control, so it works with touch, mouse, and keyboard out of the box, no fragile drag scripts.

A block, not a section

The countdown is a block, so it goes anywhere blocks go: inside a hero, a banner slide, rich text, or the marquee. Set the end date and time, and it ticks down live in days, hours, minutes, and seconds.

When it hits zero

Choose what happens at the end: show a message you write, or hide the countdown entirely. Size and color controls keep it on brand.

Anywhere you need it

Add the Contact form section to any page: name, email, message, and an optional phone field, with your own heading and text blocks above. Submissions arrive through Shopify's standard contact form, straight to your store email.

Every element is stylable

Everywhere Marivoe shows text or a button, product titles, headings, paragraphs, prices, accordion rows, and every button, is a block with its own styling panel in the theme editor. You are never stuck with just the global font and size: any single heading, line of text, or button can be restyled on its own, without writing a line of CSS.

What you can control

Each text or heading block gives you a custom font from Shopify's full font library, a custom size that scales fluidly between mobile and desktop, line height, letter spacing, letter case, bold, italic, text alignment, and text color. Buttons get the same font, size, weight, and spacing controls, and add their own background, text, and border colors, border thickness, corner radius, and hover states on top. Headings also choose their heading level, H1 through H6, for correct page structure, and every block carries four-side padding, so spacing lives in the same panel.

Inherits by default

Every option starts on Default. Text and headings follow your global typography, buttons follow your global button styles, so any block you never touch matches the rest of the store automatically. Change a global setting later and every element still on Default updates with it. You only ever adjust what should be different.

How Marivoe goes further

Most themes give you one global typography setting, a couple of section-level size choices, and two fixed button styles. Marivoe puts real per-element control on every piece of text and every button, while keeping the global cascade intact, so you get pixel-level freedom and a consistent store at the same time.

See it for yourself

Watch any heading, paragraph, or button on a page get its own font, size, spacing, and colors in seconds, while the rest of the store stays exactly as it was.

Fit or custom, per device

Each button has a Size panel with a desktop width and a mobile width. Fit hugs the label, the classic button look. Custom opens a percentage slider, so a button can span half its column, or the full width.

Why per device matters

The most common design on modern stores is a neat fitted button on desktop and a full-width, easy-to-tap button on mobile. In Marivoe that is two clicks: desktop Fit, mobile Custom at 100 percent.

The header

The header is a pure layout shell. The navigation menu, search, account, and cart are all blocks you drag into position bands, and even the logo picks its own spot, so you compose the header instead of accepting a fixed one. See the Header & navigation section for the full system.

The footer

Social icons, the country and language selectors, and the copyright line are each their own block. Reorder them, remove what you do not need, and add anything else, a menu, text, even a newsletter form, straight into the footer.

Breadcrumbs

The breadcrumb trail is a block on product and collection pages. Keep it, move it, style its typography like any text element, or remove it per template. It is never forced on you by a hidden setting.

Social links, once or per block

Set your social profile URLs once in Theme settings and every social icons block uses them. Any individual block can override a link for a special case, and empty fields keep following the global ones.

Even the cards are blocks

Product cards, collection cards, and blog post cards are all built from blocks: image, title, price, date, excerpt. Reorder or remove any piece in the editor and every card follows. Even the placeholder cards you see before picking content render through your exact card composition, so what you design is always what you get.

One setting, whole store

Pick a scroll animation in Theme settings, Fade or Fade up, and every section eases in as it enters the view. Or set it to None for a completely static store.

Considerate by design

Visitors who ask their device for reduced motion get no animation at all, automatically. And the effect is applied as an enhancement: without JavaScript the store simply renders instantly, nothing stays hidden.

What you control

Set the background and text color for the Sale badge and the Sold out badge, round them from pill to square with a corner radius slider, and even rewrite the words, Last chance instead of Sale, if that is your voice.

Driven by real data

Badges come straight from your product data: Sale appears when a compare-at price is set, Sold out when stock runs out. No fake urgency, in line with Shopify's rules.

One section, full control

The whole product page is a single section with its layout controls at the top. Set it up once and every product follows, no code and no separate template per product.

Media and info columns

Put the media on the left or the right, set the page to a contained width or edge-to-edge full width, and dial in the exact gap between the two columns. An equal columns option splits the page evenly when you want a balanced look instead of a wider media side.

Sticky media while you scroll

Turn on sticky media and the gallery stays in view on desktop while the details column, description, accordion rows and all, scrolls past it. Customers keep seeing the product while they read, instead of staring at empty space.

Sticky add to cart bar

Once the main add to cart button scrolls out of view, a slim bar slides in with the product's image, name, price, and an add to cart button, so buying is always one tap away. It follows the selected variant, and switches off with a single toggle if you would rather not use it.

How Marivoe goes further

Most themes lock the product layout, or bury these choices in code. Marivoe makes media position, width, spacing, sticky media, and the sticky buy bar plain toggles in the editor, so you shape the page without a developer.

Five layouts

Choose stacked, two-column grid, featured plus grid, thumbnails, or carousel, and set how large the gallery sits next to the details with a media size control. An aspect ratio setting (auto, portrait, square, or landscape) keeps every image consistent.

Image zoom

Customers click any image to open it full screen in a lightbox, with arrows and keyboard navigation to move between images. Turn it on or off per product page.

Follows the variant

The gallery jumps to the selected variant's image, and hovering a color swatch previews it. An optional filter shows only the selected variant's image plus your shared photos.

Video and 3D

Uploaded product videos autoplay muted and loop with no player chrome, none of the clunky play bars, timelines, and buttons you see on most Shopify stores, so a video behaves like a moving photo. YouTube and Vimeo embeds play in place, and 3D models open in an interactive viewer customers can rotate, all inside the same gallery.

Three selector styles

Choose how customers pick options: tappable buttons, color and image swatches, or a compact dropdown. Set it per product page, and show or hide the option labels above each set.

Swatches, your way

Swatches can show a color or a custom image you set per option value in the product admin, or use the variant's own product photo. Control their exact width and height, corner radius from square to fully round, and whether they carry a border, including the border's thickness and opacity.

Connected to the page

The picker drives the rest of the product page. Choose a variant and the price, the gallery image, availability, and the inventory status all update instantly.

Handles huge variant catalogs

Shopify's theme language only exposes the first 250 variants of a product at once, which quietly breaks the picker on products with more combinations. Marivoe detects that case and fetches the exact selected combination from Shopify on the fly, so a product with hundreds of variants still shows the right price, availability, and image the moment a customer picks their options. Products within 250 variants use the instant built-in path. Either way it just works, with nothing to configure.

How Marivoe goes further

Shopify only asks that customers can pick a variant. Marivoe turns the picker into a design element, three layouts and full swatch styling, so the selector matches your brand instead of looking like a default form.

Overview

Add as many accordion rows as you need. Each row opens and closes with a smooth animation, and you choose whether it starts open or closed.

The problem with a normal accordion

Most Shopify themes let you build accordion rows and connect them to metafields, but they can't hide a row when a product has nothing to put in it. Say you sell teeth whitening strips and an electric toothbrush in the same store. You add an Ingredients row so the strips can list what's in them, but that same row now shows up empty on the toothbrush, which has no ingredients. The usual workaround is to build separate product templates just to control which rows appear, and that turns into a new template for every kind of product you sell.

How the Smart accordion fixes it

Each row has a Hide when empty option, on by default. Connect the row to a metafield, and when a product has no content for it, Marivoe hides the whole row on the storefront automatically. You set your rows up once, on one template, and every product shows only the rows that actually apply to it, with no empty tabs and no template juggling.

One template, tailored per product

Back to the whitening strips and the toothbrush. You add an Ingredients row and a What's included row once, on the one template. The strips list their ingredients, while the toothbrush, which has none, simply doesn't show that row and shows What's included instead. A fixed row like a money-back guarantee still shows on everything. Same template, content that fits each product.

Metafield content

Connect each row's content to a product metafield through Shopify's dynamic source picker, so every product pulls its own text from the same block. Fill the metafield on the products that need it and leave it empty on the ones that don't, and that empty state is exactly what triggers the row to hide there. An optional intro line can sit above the main content when you want a short lead-in.

Icons and styling

Pick from ten built-in icons or upload your own, choose a caret or plus toggle, and control borders, spacing, and typography per row.

Three styles

Show stock as plain text, text with a colored status dot, or a progress bar that empties as inventory drops. The bar can sit below the text or next to it.

Your own wording

Every message is editable per block: in stock, low stock, out of stock, and backorder each get their own wording, and any of them can be connected to a product metafield so different products can say different things. Write something like Hurry up, only [count] items left in stock, and [count] is replaced with the real remaining quantity. You set the threshold that counts as low stock, and can hide the exact number when you want the status without the count.

Live per variant

The status, colors, and bar update instantly when a customer switches variants, including backorder and out of stock states.

Colors and typography

Set your own in stock, low stock, and out of stock colors, and style the text with the same typography controls as every other text element.

Composed from blocks

Every product card, in featured collections, related products, and recommendations, is built from blocks: media, title, price, rating, swatches, quick add. Reorder or remove any of them in the editor and every card follows. Most themes give you toggles; Marivoe gives you the actual card.

Sale and sold out badges

Cards show a Sale badge when a product is reduced and a Sold out badge when it is gone, using real product data. Toggle them per card design.

Second image on hover

Switch it on and hovering a card fades to the product's second photo, the classic front-and-back look for fashion stores. Touch screens simply keep the first image.

Color swatches on the card

A swatches block shows the product's color options as small dots, using the same swatch colors and images you set up for the variant picker, with a plus counter when there are more colors than fit.

Quick add

A quick add button lets customers add single-variant products to the cart without opening the product page, and takes them to the product to choose options when there are variants. It can sit in the card permanently or appear on hover. Without JavaScript it still works as a normal form.

How it works

Add the Quick view button to your product cards and customers get a clean dialog with the product image, live price, option dropdowns, and an add to cart button. Adding feeds the cart drawer, so the whole flow happens without leaving the collection page.

Variant aware

Pick a different size or color in the dialog and the price and availability update instantly, including sold out states. A View full details link takes customers to the product page when they want the whole story.

Graceful fallbacks

Without JavaScript the button is simply a link to the product page, and if anything fails to load the dialog steps aside and navigates there too. Customers never hit a dead button.

How it works

Add to cart and the drawer slides in from the right with the item inside: quantity steppers, remove links, discounts itemized, the subtotal, and a checkout button. Customers adjust everything in place, no page reload, no losing where they were.

Your cart, your rules

Theme settings let you choose the cart type, drawer or classic cart page, decide whether Add to cart opens the drawer automatically, and switch on an order note field for gift messages and delivery instructions.

Free shipping progress bar

Tell Marivoe the cart total that unlocks free shipping and the drawer shows a progress bar with a message like Spend 12 more for free shipping, updating live as the cart changes. It is one of the most reliable ways to raise average order value, and it is one setting.

You may also like, in the drawer

Switch on cart recommendations and the drawer shows a short You may also like row, powered by Shopify's recommendation engine and based on what is already in the cart. Single-variant products get a one-tap add button, products already in the cart are never suggested, and the whole thing is one toggle in Theme settings.

Fast and resilient

The drawer loads in the background after the page is already on screen, so it never slows anything down. If it cannot load, the cart link simply opens the classic cart page instead, and purchasing keeps working without JavaScript.