The Mukhtalif theme lives up to its name. It was built to stand apart from other themes with exclusive components, creative layouts, and carefully designed details that give your store a unique visual identity.
It is also the first theme on Salla to include visual illustrations inside theme components, along with major enhancements to both the homepage and product detail pages. The result is a more expressive design and a smoother, more engaging shopping experience.
๐ Article overview
- How to apply the Mukhtalif theme
- New components available in the Mukhtalif theme
- Header and footer features in the Mukhtalif theme
How to Apply the Mukhtalif Theme
- From the main navigation menu, go to Store & Sales Channels, then select Theme Store.
2. On the Theme Store page, search for Mukhtalif, then click the theme from the results.
3. On the Mukhtalif theme details page, click Purchase and complete the checkout process.
4. After installing the theme, return to the Store Design page, click Different, then select + Create from Default Theme.
Once the theme version is created, click Mukhtalif again to start customizing it based on your preferences.
You can preview how your store looks with the Mukhtalif theme at any time from the theme customization page.
Take Your Store Design Further
Make your store more visually appealing and professional while creating a smooth shopping experience that encourages loyalty and higher conversions.
Learn more about:
- Managing and scheduling theme versions
- Customizing and controlling theme design
New Components in the Mukhtalif Theme
The Mukhtalif theme includes a collection of newly designed components optimized for performance and visual clarity.
To add these components:
- Open the Mukhtalif theme customization page
- Click Page Elements
You will see a list of all available components that can be added to your store.
๐ Note: Theme-specific components are marked with a star icon, making them easy to identify.
These elements are designed to help you build a cleaner, more engaging homepage with minimal effort.
Header and Footer Features in the Mukhtalif Theme
Header Features
The header area in the Mukhtalif theme is flexible and highly customizable. It includes:
- Top utility bar
Displays contact information, important links, currency and language switchers, branch selection, and login access.
2. Main navigation bar
Includes the store logo, main menu, and search bar.
You can control:
- Light and dark color modes for each bar independently
- Logo size by setting width and height in pixels, or defining one dimension while the other scales proportionally
Footer Features
The footer in the Mukhtalif theme has a distinctive layout designed to improve clarity and engagement. It includes:
- Newsletter subscription section and social media links
- Main content area with:
- Store description
- Important links
- User links
- App download icons
- A full-width map displaying the storeโs location beneath the footer content
The entire footer supports both light and dark color modes, along with flexible logo sizing to match your brand identity.
Frequently Asked Questions
Are there changes to the product page or product listings?
Yes. The Mukhtalif theme introduces several layout enhancements.
Product Page
The product page layout adapts based on product options and can appear in two or three columns:
- Product image gallery
- Product details and description
- Product options (if available)
If no options exist, the layout automatically switches to two columns.
You can also control how product images are displayed within the gallery. All standard product page features remain fully supported.
Product Listing Pages
Product listing pages, including categories, tags, and discounted products, support additional customization options such as:
- Custom background for the top section
- Separate background and text colors
This allows you to visually differentiate sections and create stronger visual hierarchy across your store.
โจ Try the Mukhtalif theme and give your store a distinctive look that blends creativity with professionalism. With exclusive components, visual guidance inside the theme, and enhanced product pages, customization becomes easier and the shopping experience becomes more engaging for your customers.