| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
Website (website)
• eCommerce (website_sale) • Discuss (mail) • Invoicing (account) |
| Lines of code | 3015 |
| Technical Name |
website_mx_uifabrix |
| License | LGPL-3 |
| Website | https://www.manprax.com/ |
| Versions | 18.0 19.0 |
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
Website (website)
• eCommerce (website_sale) • Discuss (mail) • Invoicing (account) |
| Lines of code | 3015 |
| Technical Name |
website_mx_uifabrix |
| License | LGPL-3 |
| Website | https://www.manprax.com/ |
| Versions | 18.0 19.0 |
UI FabriX - Website Snippets
Focus - Side - Preview - Sideview Sliders for Odoo Website
A modern slider module designed for Odoo Website Builder. Create visually engaging sliders with device frames and smooth layouts.
Focus Slider
Highlight your primary content using a focused slider layout. Ideal for hero sections, promotions, and featured content.
Side Slider
A side-aligned slider design that balances text and visuals. Perfect for storytelling and structured website sections.
Preview Slider
Show multiple image previews with smooth transitions. Best suited for galleries, testimonials, and device mockups.
Sideview Slider
The Sideview Slider is a responsive, device-adaptive carousel built to showcase your content with elegance and impact. It delivers a smooth, intuitive sliding experience that automatically adapts across desktop, tablet, and mobile ensuring your visuals look polished, consistent, and engaging on every screen.
UI FabriX - Advanced Product Slider Templates
Three beautifully crafted product slider layouts designed for modern eCommerce experiences in Odoo.
1. Preview Slider Template
A balanced side-aligned slider layout with square product display. Ideal for electronics, gadgets, and catalog style presentation.
- Square product layout
- Multiple image slider support
- Responsive and mobile optimized
Product Image: Square (1:1 ratio)
eCommerce Media: Square format
2. Focus Slider Template
A full-width immersive hero slider layout that highlights product visuals with maximum impact.
- Full-width hero display
- Supports multiple product images
- Perfect for banners & flagship products
Product Image: 1920 * 1020 px
eCommerce Media: 400 * 850 px
3. Side View Slider Template
A vertical-focused side-aligned slider layout ideal for fashion, accessories, and featured products. Supports multiple images with smooth sliding experience.
- Supports multiple product images
- Optimized for eCommerce Media
- Clean modern layout
Recommended Image Resolution: 400 Ã 850 px (eCommerce Media)
Important: Using images outside the recommended dimensions may affect layout consistency.
How to Use Product Slider Templates
Follow these easy steps to add product slider templates to your Odoo Website:
- Open odoo website editor
- Drag and drop the Products Snippets to your website
- Go to the Customize Tab in the Product Snippets
- Find Template Label and select your desired template
Note: Ensure you have the latest version of UI FabriX installed to access these templates.
UI FabriX - Advanced Blog Slider Templates
A collection of dynamic blog templates for Odoo that transform blog posts into interactive sliders with rich media support, smooth navigation, and modern layouts.
1. Preview Blog Slider
A full-width carousel layout with a vibrant gradient background, designed to showcase blog images in a clean and focused presentation. Emphasizes visual content with minimal text overlay.
- Auto-playing carousel with smooth transitions
- Supports multiple images from blog media
- Fallback to images extracted from blog content
- Animated image indicators with progress effect
- Displays author and blog title
Best suited for highlighting blog visuals and featured posts.
2. Focus Blog Slider
A visually rich hero-style blog slider that combines background cover images with a mobile frame preview. Designed to draw attention to key blog posts with strong visual hierarchy.
- Uses blog cover image as dynamic background
- Mobile device frame displaying blog image slider
- Supports multiple images (blog media or content fallback)
- Centered author and blog title overlay
- Fallback card with teaser and CTA when no images are available
Ideal for featured blogs, announcements, and high-impact storytelling sections.
3. Side View Blog Slider
A split-layout slider that pairs a mobile frame image preview with detailed blog content. Provides a balance between visuals and readable information.
- Mobile frame image slider on the left
- Blog category, author, and title on the right
- CTA buttons for navigation (Read More / View More)
- Supports multiple images with smooth controls
Best for blogs where both content and visuals need equal attention.
Note: Templates automatically adapt based on available blog images, cover settings, and content data.
How to Use Blog Slider Templates
Follow these simple steps to add dynamic blog sliders to your Odoo website:
- Open the Odoo Website Editor
- Drag and drop the Blog Posts Snippet onto your page
- Select the snippet and go to the Customize panel
- Choose your preferred template from the Template options
- Configure options like category, author, or layout as needed
Note: Templates automatically adapt based on blog images, cover settings, and available content.
Key Features
Everything you need to build modern sliders inside Odoo Website
Multiple Slider Types
Includes three slider options: Focus, Side, Preview and Sideview
Device Frames
Display content inside modern device mockups
Website Builder
Fully compatible with the Odoo Website Editor build, edit, and publish pages seamlessly
No Coding Required
Set up and customise everything through a visual interface
Multi-Device Support
Designed to work smoothly across all devices and screen sizes
UI FabriX - Crafted for Odoo Website Experience. Developed by ManpraX Software LLP
Please log in to comment on this module