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.
This release introduces a new set of layout and customization capabilities across all major modules in your FERMÀT storefront.
What's in this guide:
What's Included
FERMÀT will automatically apply a set of minimal, non-disruptive improvements to your modules. No action is required to benefit from these enhancements.
With this upgrade, you can take advantage of:
Desktop-Specific Settings – Configure layouts and styling separately from mobile.
Module Layout System – Preset design variations for each module, allowing you to quickly switch between different styles
New Desktop Layouts and Styling Controls
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 |
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 |
New Module Layout System
Below, you’ll find a detailed breakdown of what’s included for each module, along with visuals to illustrate the updates:
When you add a module, you’ll be prompted to pick a layout right in the editor. You can preview each option across desktop and mobile views to see how it adapts to different screen sizes.
You can also update the layout at any time, all of your content and styling will stay intact, so you can experiment without starting over.
Hero Header
Feature | Description |
Split Layout | Best for square or portrait images, or when you want to foreground a single creative asset. |
Overlay Layout | Best for wide, landscape images, or when imagery is used as a background behind your headline and CTA. |
Reposition Images | Allows you to set a custom aspect ratio and drag the image within the frame to control the crop. |
Choose from multiple aspect ratios to get the most out of your specific creative asset.
Product Card - Shoppable
Feature | Description |
Standard Layout | Optimized for mobile-first experiences and quick product detail viewing. |
Carousel Layout | Ideal for desktop or when you want to highlight multiple product images side by side. |
Product Grid – Shoppable
Feature | Description |
Classic Grid Layout | Best when you want to show a full collection and scroll depth is not a concern. |
Carousel Layout | Helps you showcase more products while reducing scroll depth. |
