Desktop UX & Customization Upgrades is a major enhancement to the FERMÀT platform, designed to help you create richer, more tailored desktop shopping experiences while preserving the speed, simplicity, and mobile-first optimization you already rely on.
What's in this guide:
What's Included
FERMÀT now automatically applies lightweight, non-disruptive improvements to your modules. These upgrades give you more control over how your storefront looks and performs on desktop. You can configure layout, spacing, and styling separately from mobile, fine-tune elements like aspect ratios and text alignment, and choose from a growing set of plug-and-play desktop layouts.
Below, you’ll find a detailed breakdown of what’s included for each module, along with visuals to illustrate the updates:
Hero Header
Feature | Description |
Full Height Images | Display hero images at full viewport height on desktop |
Editable CTA Text | Customize call-to-action button text per funnel |
Editable Button Styling | Button styles will now be set in brand defaults |
Custom Text Sizing | Set separate font sizes for desktop and mobile |
Editable Content Alignment | Control horizontal and vertical alignment of text and CTAs |
Custom Padding and Margins | Adjust spacing around the hero section to match your layout preferences |
Shoppable Product Card
Feature | Description |
Larger Images | Product images now scale better on desktop for higher visual impact |
Product Details as Accordions | Toggle product details sections into collapsible accordions to save vertical space |
Editable CTA Text | Customize call-to-action button text per funnel |
Editable Thumbnail Placement | Choose where product thumbnails display: left or bottom |
Editable Button Styling | Button styles will now be set in brand defaults |
Editable Content Alignment | Control horizontal and vertical alignment of product information and CTAs |
Custom Padding and Margins | Adjust spacing around the module to match your brand’s layout preferences |
Video & Product
Feature | Description |
Custom CTA Text | Set unique call-to-action text per funnel |
Default Variant Selection | Display the default variant from your product detail page instead of the lowest-priced variant |
Product Card Color & Opacity | Customize the background color and transparency of the product overlay card |
Mute Button Styling & Position | Adjust the size, styling, and placement of the mute button |
Desktop Video Background Customization | Set a custom background color or apply a blur effect behind the video on desktop screens |
Custom Padding
| Control spacing around the module to better fit your page layout |
Full-Width Video Option | Toggle videos to full width for a more immersive desktop experience. |
Product Card Shape & Placement | Customize the card’s shape, size, color, and position for more flexible layout control. |
Product Grid
Feature | Description |
Improved Image Sizing | Product images now scale better in grid layouts (support for portrait images coming soon) |
Editable Button Styling | Button styles will now be set in brand defaults |
Default Variant Toggle | Show the default variant configured on the PDP instead of the lowest-priced variant |
Custom Padding and Margins | Adjust spacing around the grid to better fit your page layout |
Text
Feature | Description |
Multi-Column Layouts | Split desktop text into multiple columns to make better use of screen space |
Custom Padding and Margins | Adjust spacing around text blocks for cleaner, more balanced layouts |
Media
Feature | Description |
Aspect Ratio Control | Crop and reposition media assets to match the desired aspect ratio. |
Size Flexibility | Set media to full width or constrain it to a specific height. |
Padding Customization | Add padding around images to display them against a background. |
Margin Control | Adjust the margins of the media module independently on desktop and mobile. |
Media Carousel
Feature | Description |
Fixed Aspect Ratio | Set a consistent aspect ratio for all images in your carousel. |
Dynamic Aspect Ratio | Allow the carousel to adapt to each image’s original aspect ratio. |
Size Configuration | Define the width and height of your carousel and control how images fit. |
Custom Margins | Apply custom margins for the module on both desktop and mobile. |
