Features

Explore the editorial sections, product tools and thoughtful details you can bring together in your store.

Editorial freedom. Shoppable details. Your own point of view.

Bring your products and your story together with Tessaro. Build a distinctive home page, create product pages around the information your customers need, and make the everyday details of browsing and buying feel connected.

A store with a point of viewImmersive banners, split layouts and curated product edits give your collections an editorial setting.Stories people can shopConnect products to image hotspots, editorial compositions and focused product selections.Room to make it yoursChoose your colors, typography, navigation, section order and product information without starting from an empty page.

Tessaro editorial product edit with a large story panel and four product cards — Editorial product edit combines a feature image, a short story and selected products. The illustration marks an image you can replace with your own photography.

Start with a complete composition#

The supplied home page gives you 13 sections to work with, from the first campaign banner to the final newsletter invitation. Keep the parts that suit your store, connect your own content, and hide or remove the rest. A step-by-step guide takes you through every section.

Three editorial banner layoutsUse a full image, a split composition or a campaign layout. Give desktop and mobile their own image crops.A curated product editPair a feature image with a product selection, or use Featured products for a browsable collection carousel.Flexible content between the productsAdd a brand story, rich text, FAQs, blog articles and newsletter content where they help the journey.

Turn a product story into something to explore#

Choose a section for the kind of story you want to tell. Image-led layouts, interactive details and supporting content can work together on the same template.

Shop the lookPlace numbered hotspots on an image and connect each one to the product it represents.Before and afterUse a movable divider to compare two aligned images, with labels that explain the difference.Split bannersGive two collections or benefits their own image, text and destination within one section.Video and rich mediaAdd video storytelling or use supported product media in the product gallery.Brand stories and chaptersBuild a narrative with editorial features, story chapters and product stories.Testimonials and trust contentPresent your own customer stories, product highlights and service information.

Tessaro Shop the look section with two numbered image hotspots — Shop the look connects the image to product points. Select your own image and products to replace the starter placeholders.

Tessaro comparison slider with a divider between two images — Comparison slider is useful for showing a genuine visual difference. Choose matching framing for your before and after images.

Make the catalog easier to explore#

Give shoppers several useful ways to move from a broad collection to a specific product.

Navigation with more contextCombine a sticky header, mega menus, menu promotions and visual category cards.Filtering and sortingPresent Shopify collection filters, including eligible swatch values, alongside sorting and product grids.Choose how products loadUse numbered pages, a Load more button or infinite scroll on collection layouts.Search and suggestionsProvide predictive search entry points and a full results page for your catalog.Swatches and quick viewShow product options on supported cards and let customers inspect products in quick view.Promotions inside the collectionPlace editorial cards within the product grid and control where they appear.

Tessaro collection page with filters, sorting and a product grid — Collection layouts bring the catalog and discovery controls together. Filter data is configured in Shopify Search & Discovery.

Build product pages around the product#

Arrange the main product information with configurable blocks. Bring media, options, useful detail and buying controls together, then add supporting sections where they earn their place.

Tessaro product page beside its gallery, buying and stock controls in the editor — Configure the gallery and buying presentation in Product page, then select individual blocks to arrange the information.

Media and option presentationChoose gallery width, zoom and option styles, including color swatches, variant thumbnails and text buttons.Useful product-specific informationConnect size guides, descriptions and supported dynamic sources to content that belongs to each product.Availability at a glanceShow stock messages, optional remaining quantities and location-based pickup availability.More than one product layoutUse alternate templates for editorial, color-focused, quick-order and gift-card presentations.Relevant next productsUse selected product features and Shopify-powered related or complementary recommendations.App blocks where they belongAdd compatible theme app blocks to supported product sections without putting their code into the layout.

Support different ways to buy#

Cart drawer or cart pageChoose the cart experience and configure optional conditional upsells and shipping-progress messages.Quick orderLet shoppers enter quantities for several variants in a supported product layout.Quantity rules and volume pricingPresent native quantity limits, increments and pricing tiers when Shopify supplies eligible customer and catalog data.Gift cards and recipient detailsUse a real Shopify gift-card product with supported recipient fields and an optional send date.Subscriptions through compatible appsPresent supported selling plans with eligible products and app configuration.Shopify account integrationUse the account menu with your store’s configured customer-account and Shop sign-in experience.

Store-dependent features such as pickup, subscriptions and B2B pricing require the relevant Shopify setup or compatible app. The linked guides explain which settings belong to the theme and which belong to Shopify.

Make the finishing details feel connected#

Campaign toolsUse countdowns, announcement bars and optional age confirmation alongside your real campaign rules.Signup touchpointsChoose an inline newsletter, a footer form or an optional email popup with timing controls.A consistent brandSet shared colors and fonts, then adjust section colors, spacing and visibility for the content.Mobile layout controlsUse available mobile images, logo widths, grid columns and spacing controls to shape the small-screen experience.Language and market presentationUse the supplied English, French, Italian, German and Spanish locale files, with right-to-left layout support. Translate your own store content separately.Motion and interaction choicesConfigure theme motion and keep keyboard focus, clear labels and readable content part of your store setup.

Explore the section families#

There is more to Tessaro than the opening home page. Explore the library by the job you want a section to do. It also covers template-specific sections and shared helpers, so you can see where each item belongs.

Editorial and mediaEditorial spotlight, Editorial feature, Brand story, Story chapters, Video banner and product storytelling.Catalog and productsCategory cards, Featured products, Featured product, Product showcase, product edits and recommendations.Interactive storytellingShop the look, comparison sliders, color-palette presentation and content-led product sections.Information and reassuranceFAQ accordion, FAQ directory, size-guide banners, delivery messages, trust signals and support cards.Navigation and store structureHeader, announcement bar, footer, breadcrumbs, collection and search layouts.Campaigns and overlaysCountdown timer, cart drawer, email popup and optional age confirmation.