Impress your customers with this clean and contemporary theme.

Clothing & Fashion, Jewelry and accessories, Health and beauty

High-volume stores, Physical stores, Visual storytelling

Use drag-and-drop sections and blocks to create custom pages throughout your store without special coding. Sahara comes with flexible, well-designed blocks for images, products, video, quotes, and more.

The new standard in customizability and speed

This theme is great for

Cart and checkout

Marketing and conversion

Merchandising

Product discovery

Internationalisation

Our promise

Built for speed & reliability

Our support team is here 24/7 to help you get the most out of your online presence.

Get the help you need, every step of the way.

large_Desktop06-min.jpg

medium_Desktop06-min.jpg

small_Desktop06-min.jpg

thumbnail_Desktop06-min.jpg

Desktop06-min.jpg

Sahara

Mirage

Cosmetics

**Colors**

Edit the colors of your online store within this section. The following sections of the theme can be edited in this color sections.

- Typography
- Background
- Buttons
- Announcement bar
- Footer

**Swatches**

- Color swatches can be used in two ways with our theme:
- The first option is the **Standard Color Swatches** that come out of the box with our theme without any additional configuration.
- The other option is **Custom Color Swatches** when you want to upload your swatches.

![Swatches.png](https://cmsad.digifist.com/uploads/Swatches_0b04d79b82.png)

### **Custom Color Swatches**

- The second option we have is for more advanced brands that would like to showcase a custom swatch color that matches the product itself.
- This can be done by uploading custom swatches into your Shopify store.

**Location to upload Custom Swatches:**

1. Within your “**Shopify Admin**”, navigate to “**Settings**”,
2. Click on “**Files**”,
3. Click on “**Upload Files**”,
4. Upload you custom swatch images in **“.png”** format.

💡 We recommend using square image files.

Colors

Great section for entering more content for search engines indexability.

![SEO Content.png](https://cmsad.digifist.com/uploads/SEO_Content_bb95038596.png)

SEO Content

A **"back to top"** button is a website feature that allows users to quickly scroll back to the top of your store with a single click. It provides a convenient way to navigate long pages without having to manually scroll back up.

**To enable this, please follow the instruction below:**
1. Click **Theme Settings.**
2. In your Shopify admin, go to the Theme Customizer.
3. Click **Extras.**
4. Tick the **Show on all pages** box under **Back to Top Button.** 

![copkteau.png](https://cmsad.digifist.com/uploads/copkteau_6d7e17531a.png)

5. Click **Save.**

Back to Top

Product badges are used to highlight a product definition. 

![Monosnap+File+-+Google+Chrome+2023-03-14+21.27.18.png](https://cmsad.digifist.com/uploads/Monosnap_File_Google_Chrome_2023_03_14_21_27_18_c50ac26b17.png)

Please follow the steps to create a product badge : 

1. Click **Settings** in your Shopify admin. 
2. Click on **Custom Data.** 
3. Click on **Products.**
4. Click on **Add definition**
5. On the name field enter: `Tags`
6. On the **Namespace** and **key** field enter the following: `tags.list`
7. On content type, chose **Single line text** under **Description.** 
8. Click on **One value.**
9. Click **Save**.

![Sahara · Product metafield definitions · Edit Tags.png](https://cmsad.digifist.com/uploads/Sahara_Product_metafield_definitions_Edit_Tags_44a993a6ec.png)

Please follow the steps to see **Tags.**

1. Navigate to the specific product. 
2. Scroll down and enter the name of the tag under the **Metafields** section.
3. Click **Save**.

![Sahara+B7+Products+B7+Honey+Top+Ivory+B7+Shopify+80%94+Mo.png](https://cmsad.digifist.com/uploads/Sahara_B7_Products_B7_Honey_Top_Ivory_B7_Shopify_80_94_Mo_6a60254c08.png)



Product Badges 

A feature where merchants could select their **country name, currency code** and **symbol**. 

It is particularly useful for merchants from different countries or regions, as it helps in tailoring the shopping experience based on the merchant’s location.

![Sahara+B7+Customize+Copy+of+Sahara+Theme+1.1.1+B7+Sh.png](https://cmsad.digifist.com/uploads/Sahara_B7_Customize_Copy_of_Sahara_Theme_1_1_1_B7_Sh_198617b152.png)

Country Drawer 

This documentation contains all recommended image sizes for all sections.

**Desktop**

We'd recommend images use an aspect ratio of 16:9 with a recommended pixel size of 2880x1500px to cover vector screens.

**Mobile**

We'd recommend images use an aspect ratio of 9:16 with a recommended pixel size of 720x1200px to cover vector screens.

![Hero.jpg](https://cmsad.digifist.com/uploads/Hero_76ba4de078.jpg)

![Collection hero.jpg](https://cmsad.digifist.com/uploads/Collection_hero_7454d60877.jpg)

![Image with text.jpg](https://cmsad.digifist.com/uploads/Image_with_text_9d76f5ebc1.jpg)

![Full width banner.jpg](https://cmsad.digifist.com/uploads/Full_width_banner_fb3a3da5ff.jpg)

![Featured collections.jpg](https://cmsad.digifist.com/uploads/Featured_collections_b91370e3ad.jpg)

![Media with image.jpg](https://cmsad.digifist.com/uploads/Media_with_image_b93a0ec177.jpg)

![Shop the look.jpg](https://cmsad.digifist.com/uploads/Shop_the_look_4d9e5db65c.jpg)

![Dual tiles.jpg](https://cmsad.digifist.com/uploads/Dual_tiles_6379b28dc3.jpg)

![Testimonials.jpg](https://cmsad.digifist.com/uploads/Testimonials_4efc436d40.jpg)

![Customer account.jpg](https://cmsad.digifist.com/uploads/Customer_account_ae2eb1b246.jpg)



Recommended image dimensions

You have three different layout options as 70/30, 50/50 and 30/70.

![Sahara Swimwear — Mozilla Firefox 2023-02-01 15.10.png](https://cmsad.digifist.com/uploads/Sahara_Swimwear_Mozilla_Firefox_2023_02_01_15_10_64df221481.png)

Dual Content Tiles 

Gather customer emails by activating the Newsletter modal feature. Emails submitted through this feature will be added to the Customers admin for marketing efforts. 

![Newsletter_Pop_Up_e1fde4c848.png](https://cmsad.digifist.com/uploads/Newsletter_Pop_Up_e1fde4c848_aa59e7dc0f.png)

###### Delay
Adjusting the delay in seconds will change the number of seconds when the pop-up has to be displayed for the visitors browsing your site.

<div style="display: none;">###### Expiration date
Adjust the number of days to avoid annoying your potential customers by showing them the pop-up on each visit.</div>

###### Color options
The additional color selectors change how the pop-up looks.

###### Flip image/content position
It can be used to flip the columns on the pop-up.

###### Heading, content & image
Use these fields to add a heading, content & image to your pop-up modal.


Newsletter modal

![image (1).png](https://cmsad.digifist.com/uploads/image_1_b3b140e8e0.png)

###### About Shoppable Socials:

The "Shoppable Socials" section in the Sahara theme allows you to seamlessly integrate your social media content into your online store. This feature enhances your product display by making social media posts and stories shoppable directly from your website. It offers multiple layout options and allows you to tag products, making it easier for customers to find and purchase products featured in your social media posts.

---


###### Settings:

**Edit Mode** : Off / On
This option opens the drawer for the selected blocks, ensuring it remains open during changes for seamless content editing. This functionality is exclusive to the theme editor.

---

**Note:** Remember to save after making updates in the edit mode.

###### Section Layout: 

**Styles** :

- List all posts with details
- Grid post images
- Tag stories with grouped posts
- Carousel post images
- Carousel stories, slider style

**Grid Items**
Can be 3 or 4. This affects 'Grid post images' and 'Carousel post images' layouts.

**Source of Slide**
Manual / Metaobject
Note: If you define a metaobject as a source, the slide will be populated with the media from the metaobject.

**Show Pulse Dots** : On/Off
This option changes the appearance settings of "shop the look" dots in the list layout and in the drawers in other layouts.

###### Social Account:

**Social Account Avatar** (You can select an avatar image.)
**Note: ** This field will be shown on each block; you can override it in block settings.

**Social Account Name** (can be of your choosing)

**Social Account URL** (Can be selected from within the links available in your store's backend, or you can paste your social media URL here directly).

###### Section Header:

**Title** (To disable header, leave this field empty).

**Header Layout** : Compact / Extended

**Header Background** : Accent 1 // Accent 2 // Body

###### Product Cards:

**Product Image Ratio** Adapt to image // Square // Portrait
This affects the product card & thumb images in blocks.

![image (4).png](https://cmsad.digifist.com/uploads/image_4_b890825eac.png)

###### Adding a Social Media Post:

This can be done from the left hand side of the screen by clicking on "Add Social Post"

###### Social Post Settings:

**Image** (Upload an image for the post).

**Social Post Content** (text box for the content of the post).

**Social Post Link** (Paste a link or search).


###### Social Stories:


**Social Post Tag** (Hashtag)

This field groups posts with the same tag when the tag stories layout is selected.

**Social Story Video** (Video will only be shown in slider layout.)

![image (2).png](https://cmsad.digifist.com/uploads/image_2_504ab3c9b7.png)

###### Social Account:

**Social Account Avatar** (You can select an avatar image.)
**Note: ** This field will be shown on each block; you can override it in block settings.

**Social Account Name** (can be of your choosing)

**Social Account URL** (Can be selected from within the links available in your store's backend, or you can paste your social media URL here directly).

###### Product Tagging:

Dot Position for Product (can be up to 4 products here, and the dot appears on the image selected from section settings).

Horizontal and Vertical Coordinates (Can be selected here to position the dot on the image.)

![image (3).png](https://cmsad.digifist.com/uploads/image_3_21ecb94691.png)

This documentation covers the settings and features available in the "Shoppable Socials" section of the Sahara theme. By following these guidelines, you can effectively integrate and manage your social media content to enhance your online store's interactivity and shopping experience.

Shoppable Socials

Using the **Search & Discovery** app, you can choose specific products to display as complementary products in the product information section on your website's product pages.

You can use the following steps to set up **Complementary products** :

1. Go to **Apps**  > **Search & Discovery** from Shopify Admin.
2. Click **View recommendations** button in the **Feature overview** section.
3. Click **Add recommendations** button.
4. Select the main product > **Add**.
5. Select complementary products in the **Add complementary products**
 section.
6. Click **Save**.

![Sahara+B7+Search+C2E294+Mozilla+Fi.png](https://cmsad.digifist.com/uploads/Sahara_B7_Search_C2_E294_Mozilla_Fi_211cb25e24.png)

![Sahara+B7+Search+C2E294+Mozilla+Fi (1).png](https://cmsad.digifist.com/uploads/Sahara_B7_Search_C2_E294_Mozilla_Fi_1_05d3fd52ac.png)

![Sahara+B7+Customize+Sahara+Theme+1.0.2+-+010323.152.png](https://cmsad.digifist.com/uploads/Sahara_B7_Customize_Sahara_Theme_1_0_2_010323_152_d663b1cb8f.png)

![Sahara+B7+Customize+Sahara+Theme+1.0.2+-+010323.152.png](https://cmsad.digifist.com/uploads/Sahara_B7_Customize_Sahara_Theme_1_0_2_010323_152_d93cb18094.png)

**Complete the set** section gives you the option to show **Complementary products** or upload a Featured image. 

![Sahara+B7+Customize+Sahara+Theme+1.0.2+-+010323.152 (1).png](https://cmsad.digifist.com/uploads/Sahara_B7_Customize_Sahara_Theme_1_0_2_010323_152_1_609f527e18.png)

To add related products, you can either have auto-generated or click **Browse** to choose your own. 

![Sahara+B7+Search+C2E294+Mozilla+Fi (2).png](https://cmsad.digifist.com/uploads/Sahara_B7_Search_C2_E294_Mozilla_Fi_2_881ba1bb38.png)

Click **Add > Save.**

Complete the set 

The Featured collection section is designed to draw attention to a specific collection on your home page. 

![Documentation — Mozilla Firefox 2023-02-01 17.44.1 (1).png](https://cmsad.digifist.com/uploads/Documentation_Mozilla_Firefox_2023_02_01_17_44_1_1_3dfe063f8e.png)
###### Customize Featured collection section settings
Click on the section to open its settings. To maintain a consistent design and ensure optimal presentation of the featured collections on your website, limit users to using fewer than four collections in the Featured Collections area.

![Untitled (2).png](https://cmsad.digifist.com/uploads/Untitled_2_c6c947f025.png)

###### Image
Upload an image on the available field for showcasing a collection.

###### Adding a heading 
Use the available heading and subheading fields to text to this section.

###### Linking a collection
Use the Link text & Link URL fields to add a clickable collection link. Use the collection field to highlight the products of a collection



Featured Collection 




![shop_the_look_sahara.png](https://cmsad.digifist.com/uploads/shop_the_look_sahara_de618c5497.png)

##### Path: Customizer > Any Page > Template > Add Section > Shop The look

#### About:

Shop the look is an ingenious way for you to redirect customers to certain products you'd like to advertise, by pinning points to where the products in question are in a photo.
The idea is to give your customers a general idea as to how those products would look like combined in an environment, rather than just showing them only the product image.

#### How it works:

The "Shop the look" section includes two separate components:
- The product media. You can find it in the main settings of the section, and it should contain the card you wish to display.
- The product slides. You can add them by clicking on "Add Product slide".

The product slides can be linked to a targeted product, and the product card will act just as an individual product would on a collection page.
If you add more than one product, the customer can shuffle among the products by the arrows on the left and right of the product card.

The "Dot position" works as X and Y axis, and you can use the Horizontal and Vertical options to move the point to the exact place where the product appears on the Product Media.

##### Additional options:

1. Section Heigth - you can set the height of the section for Desktop only for a maximum limit of 100 vh
2. Vertical Spacing - Like any other section inside Sahara, you can set the top and bottom spacing between this section and the ones from above and beneath it.
3. Color scheme  with the "Default", "Secondary", and "Inverse" options. 
4. Background an borders color scheme
5. "Reverse positions" - This includes the option to change the placement of the product slides and the product media.
6. Heading text that will appear above the product slides.

Shop The Look

Configuring metafields on your store is an important step for activating the additional handy features we’ve built on Sahara. This enables you to activate **“Collection card image”** , **“Mobile image”** and **“Tags”** feature on product pages from our demo stores.

![Sahara · Collections · Sale · Shopify — Mozilla Fi.png](https://cmsad.digifist.com/uploads/Sahara_Collections_Sale_Shopify_Mozilla_Fi_458fb4a492.png)

**Desktop View**

![Sahara · Customize Sahara - Theme Latest Submit - .png](https://cmsad.digifist.com/uploads/Sahara_Customize_Sahara_Theme_Latest_Submit_ac836c91d8.png)

**Mobile View**

![Sahara · Customize Sahara - Theme Latest Submit -  (1).png](https://cmsad.digifist.com/uploads/Sahara_Customize_Sahara_Theme_Latest_Submit_1_d775c5ac8a.png)

**Collection card image**

![Sahara · Metafield definitions · Shopify — Mozilla.png](https://cmsad.digifist.com/uploads/Sahara_Metafield_definitions_Shopify_Mozilla_8d35e798f8.png)

Click on **“Collections”**

Click on **“Add definition”**

On the name field enter: "**Collection card image**"

On the “**Namespace and key**” field enter the following: "**card.image**"

On content type, choose "**File**" under "**Description**" and click on "**One file**"

![Sahara · Collection metafield definitions · Edit C.png](https://cmsad.digifist.com/uploads/Sahara_Collection_metafield_definitions_Edit_C_968f6e3ef6.png)

Click “**Save**”.

**Mobile view**

On the name field enter: "**Mobile image**"

On the "**Namespace and key**" field enter the following: "**mobile.image**"

On content type, choose "**File**" under "**Description**" and click on "**One file**"

![Sahara · Collection metafield definitions · Edit M.png](https://cmsad.digifist.com/uploads/Sahara_Collection_metafield_definitions_Edit_M_c34d583767.png)

Click “**Save**”.

**Tags**

![Sahara · Products · [Subscriptions] Puffin Concier.png](https://cmsad.digifist.com/uploads/Sahara_Products_Subscriptions_Puffin_Concier_7e8f5d9edd.png)

Click on "**Products**"

Click on "**Add definition**"

On the name field enter: "**Tags**"

On the “**Namespace and key**” field enter the following: "**tags.list**"

On content type, chose "**Single line text**" under "**Description**" and click on **"One value**"

![Sahara · Product metafield definitions · Edit Tags.png](https://cmsad.digifist.com/uploads/Sahara_Product_metafield_definitions_Edit_Tags_e95fa62a8d.png)

Click “**Save**”.

Metafields

This setting enables you to link your social media accounts on the footer

Please follow steps to add social media links:

1. In your Theme customizer, click **Theme settings.** 
2. Click on **Social Media.** 
3. Enter the complete URL for requested social media links.

![Sahara+B7+Customize+Sahara+Theme+1.0.4+B7+Shopify+80%94+.png](https://cmsad.digifist.com/uploads/Sahara_B7_Customize_Sahara_Theme_1_0_4_B7_Shopify_80_94_f5610d0570.png)

Please follow the steps below to add the Socials column block in the Footer:

1. Click **Sections** in your theme customizer.
2. Click on **Add Section** and select **Footer.**
3. Click on **Enable social media links.**
4. Click on **Add block.**
5. Select **Socials column.**
6. Click on **Icons.**

![97%8F+Sahara+Theme+-+Social+Media+Documentation+Update.png](https://cmsad.digifist.com/uploads/97_8_F_Sahara_Theme_Social_Media_Documentation_Update_0e2dcaba66.png)

Social Media

The Featured products section draws attention to a specific range of products on a page. With this powerful section, we recommend you to choose from 6 to 12 products to showcase new products, product launches, or specific promotions.

![Sahara Swimwear — Mozilla Firefox 2023-02-01 15.04.png](https://cmsad.digifist.com/uploads/Sahara_Swimwear_Mozilla_Firefox_2023_02_01_15_04_1d2aad51d7.png)

###### Featured products
The Featured products section draws attention to a specific range of products on a page. With this powerful section, we recommend you to choose from 6 to 12 products to showcase new products, product launches, or specific promotions.

###### Customize Featured products section settings
Click the Featured products section to open its general settings. 

###### Add a product to this section.
On your customizer, click on “Add product.” After this, you can link a product on the right sidebar of this section.

###### Add a heading to your featured products section.
Add a clear heading to your section to showcase the products.

###### Add a link text
You can choose to add a link to a specific collection or product. With this option, the visitors will be able to navigate to another page by clicking on the link.




Featured Products

A favicon, or favorites icon, is a small square image or logo that appears next to a web address. You can find favicons on your browser tabs, as well as on browser pages that list web addresses, such as the bookmarks page. You can add a favicon to your online store to help strengthen your brand and to add a polished look to your website.

The ideal size for a favicon is either 16x16 pixels or 32x32 pixels. If your favicon file is too large, then it will be reduced to 32x32 pixels when you upload it to Shopify.

From your Shopify admin, go to **Online Store > Themes.**
Find the theme that you want to edit, and then click **Customize**.
Click **Theme settings**.
Click **Favicon**.

In the Favicon image area, click **Select image**, and then do one of the following:

1. To select an image that you have already uploaded to your Shopify admin, click the **Library** tab.
2. To select an image from your local computer, click the **Library** tab, and then click **Upload**.


Add alt text to your favicon image:
1. Click **Edit**.
2. In the **Edit Image** window, enter a brief description of the image.
3. Click **Save**.





Favicon

Set the cart type by changing the Cart Type option. We have by default two available options: Drawer & Page.

###### Enable order note
Enabling order notes makes it possible that your customers can add notes or special instructions to their shopping cart. This information will be available on the order page.

###### Enable the terms and conditions checkbox
When enabled, customers have to agree to the terms and conditions checkbox on the cart page before they proceed to checkout. You can link an additional page with content on the next field called “Terms and conditions page.”

###### Free shipping notification
This allows implementing the shipping bar to motivate your customers to spend more to achieve the free shipping on your store. The threshold value is in cents.

Cart

This section allows you to add textual content to showcase custom blocks of texts.
These are elements or signals that help build trust and credibility with website visitors or customers.

![Screenshot_7.png](https://cmsad.digifist.com/uploads/Screenshot_7_f099a06e0d.png)

**Indicator content** 

Add a **heading, text, link text, and URL** to your column. An **icon** is also an additional option.

![Untitled (1).png](https://cmsad.digifist.com/uploads/Untitled_1_f529606c5d.png)

Trust Indicators

##### Adding extra custom filters to your theme
 
On your metafields,
Click on **"Products"**
Click on **“Add definition”**

On the name field copy & paste: ```Style```
On the “Namespace and key” field enter the following: ```my_fields.style```
On content type, select “**Single line text**”,
Click “**Save**”.

![custom filters_1.png](https://cmsad.digifist.com/uploads/custom_filters_1_55cc349ca9.png)

You are able to set unique styles to this section of your site through **Shopify Admin** > **Product** > **Metafields** > **Style**

![Sahara · Products · Aria One Piece Azure · Shopify (2).png](https://cmsad.digifist.com/uploads/Sahara_Products_Aria_One_Piece_Azure_Shopify_2_250ee9c22c.png)

##### Displaying the filters with Search & Discovery

1. Open the **Search & Discovery** app within your Shopify admin.
2. Integrate the new custom filter

![Sahara · Search & Discovery · Shopify — Mozilla Fi.png](https://cmsad.digifist.com/uploads/Sahara_Search_and_Discovery_Shopify_Mozilla_Fi_e86a8c8774.png)


Custom Filters

You can add an announcement bar to display important information or promotional marketing messages about your business. You might add an announcement bar to highlight the following information:

- any shipping delays or regions not accepting international shipments
- any new or updated policy pages
- any promotions being offered at this time, such as sales or new gift cards

![mojavethemestagingtechsupport · Customize Sahara 1.png](https://cmsad.digifist.com/uploads/mojavethemestagingtechsupport_Customize_Sahara_1_85c0ab6461.png)

**Adjusting the speed of the carousel interval**

With the carousel interval settings, you can adjust the speed of the animated announcements.

![Adjusting the speed of the carousel interval.png](https://cmsad.digifist.com/uploads/Adjusting_the_speed_of_the_carousel_interval_39d930d66d.png)

Announcement bar

To edit your online store's available search bar settings, navigate to this section.

###### Enable predictive search
You can add predictive search to your theme, so that suggested results appear immediately as you type into the search field. Predictive search helps customers articulate and refine their search queries and provides new ways to explore an online store. It also lets them quickly browse matches without leaving their current page to see a separate list of search results.

Predictive search supports suggestions for products, collections, pages, and articles.

###### Show vendor
Enabling this feature will show the vendor of the products set in the Shopify Admin.

###### Show price
Will show the product price on search

Predictive Search

This feature allows you to hover an image to view a second image on the same product. 

More than one image in the product is required for this function to be enabled.

![Untitled video - Made with Clipchamp (2).gif](https://cmsad.digifist.com/uploads/Untitled_video_Made_with_Clipchamp_2_730457efda.gif)

Please follow the steps to enable the **second image on hover feature**.
1. Click **Theme Settings** in theme customizer. 
2. Click on **Products.** 
3. Check the box to enable **Secondary image on hover.** 
4. Click **Save.**

Please follow the steps to **add more images** for a **product**
 1. Go to your Shopify Admin and click on **Products.**

![Sahara+B7+Themes+B7+Shopify+80%94+Mozilla+Firefox+2023-0.png](https://cmsad.digifist.com/uploads/Sahara_B7_Themes_B7_Shopify_80_94_Mozilla_Firefox_2023_0_ca1212d71c.png)

2. Click on a product to **add or remove images** 
3. Scroll to the media section to **add media files** by using URL for web files or uploading image files. 

![Sahara+B7+Products+B7+Kendall+Top+Flirt+B7+Shopify+80%94+.png](https://cmsad.digifist.com/uploads/Sahara_B7_Products_B7_Kendall_Top_Flirt_B7_Shopify_80_94_ec95a085f6.png)

4.Click **Save**

Second Image On Hover Feature

It is a type of animation effect that allows text and icon to scroll horizontally across a webpage. It creates a dynamic and eye-catching element that can be used to highlight important information, promotions, or announcements.

![Screenshot_8.png](https://cmsad.digifist.com/uploads/Screenshot_8_79f846812f.png)

The Marquee items also have an option to change sizes.

![Screenshot_9.png](https://cmsad.digifist.com/uploads/Screenshot_9_0f01ce9f50.png)

You have the option to add an icon next to the Marquee item.

![Screenshot_10.png](https://cmsad.digifist.com/uploads/Screenshot_10_d2ba1a0c00.png)

Marquees

Pop-up form of banner can be used for cookie notifications

![Cookie Banner.png](https://cmsad.digifist.com/uploads/Cookie_Banner_51e00e1fb1.png)

Cookie Banner



![collection_banner_sahara.png](https://cmsad.digifist.com/uploads/collection_banner_sahara_ffb0825921.png)

##### Path: Customizer > Default Collection > Template > Collection banner

### About:

The collection banner is the representative image of each collection.
The image is pulled from the Shopify backend > Products > Collections > Image

*Note:* The image's dimensions should keep a 16:9 aspect ratio
By default, the collection's name will also appear as a heading on the banner.

##### Settings:
1. Section height - can be set to up to 100 vh
2. Banner layout - "Full", "70/30", "30/70", "Split" - The split options will move the heading to the side.
3. Color scheme

Collection banner

You can disable the animations on the Sahara if needed by unchecking this option.

![animations.png](https://cmsad.digifist.com/uploads/animations_c2cbc73110.png)

Animations 

Global product settings can be found in this section. To access this, navigate to:
**Customizer > Theme Settings > Products**

###### Products grid
Change the product grid image ratio if needed.

###### Media Fit
This feature controls how images are displayed in online stores. Allowing for this customization eliminates image cropping and provides a seamless, visually appealing shopping experience for customers.

**The Media Fit feature provides the following options:**
- **Cover:** Selecting the "Cover" option automatically resizes the image to fit the designated container while maintaining the original aspect ratio. This results in the image covering the entire container, potentially cropping parts of the image that exceed the container's dimensions. This option is suitable for customers who prioritize filling the designated space completely.
- **Contain:** Choosing the "Contain" option resizes the image to fit within the designated container, ensuring that the entire image is visible without cropping. The aspect ratio of the image is maintained, and any empty space within the container is filled with a background color or pattern. This option is ideal for customers who want to display the complete image while preserving its original proportions.

###### Swatches
Use the name you would like to use for swatches. The name you chose has to match the variant label on the product admin page.

###### Size guide
Use the correct name to match the size variant name on the product admin page.

###### Show product swatches
Enable this option to show the product swatches if needed. We have set default color names and assigned RGB colors to them by default. 

###### Show in grid product swatches.
Enable this option to show the product swatches on the product grid.

###### Use swatch images from files
Enable this option if you would like to show custom uploaded swatches. The image must be named the swatch option and uploaded as a `.png.’ file. Upload the image to the Files section of your Shopify admin (Settings > Files).

###### Swatches style
Change the swatch style to Round (default) or Square style.


Products

Please navigate to the official Shopify documentation for the checkout page settings. 
[https://help.shopify.com/en/manual/checkout-settings/checkout-style ](https://help.shopify.com/en/manual/checkout-settings/checkout-style)

Checkout

Product / service related comments and feedbacks can be written here.
You can add one or more testimonial slides with the Author's name.

![Sahara Swimwear — Mozilla Firefox 2023-02-01 15.06 (2).png](https://cmsad.digifist.com/uploads/Sahara_Swimwear_Mozilla_Firefox_2023_02_01_15_06_2_6de5d68399.png)

Testimonials

The header is the rectangular area that runs across the top of your store, featuring your logo, navigation, search bar, and cart icon. It appears on every page to promote your company's brand and make it instantly recognizable to your visitors. The header is a static section and cannot be repositioned.

To adjust the header, navigate to **Customize** > **Theme settings** > **Header**.

![Sahara Swimwear — Mozilla Firefox 2023-01-31 23.18.png](https://cmsad.digifist.com/uploads/Sahara_Swimwear_Mozilla_Firefox_2023_01_31_23_18_a00c622b11.png)

###### Enable fullwidth option
The header will be displayed as a full-width section on desktops when this option is checked. This option does not affect any layout changes on mobile devices.
 
###### Logo image
To add the logo image of your brand to the header, upload a transparent logo via this section. _Don’t forget to add alt text to your logo to improve your SEO._
We recommend using a transparent logo in PNG format. Upload the correct dimensions of your logo to avoid blurry logo images on your website.

###### Logo width
Set the width of your logo by editing this setting. Generally, this setting should be displayed somewhere between 160px and 220px.

###### Navigation 
The header often serves as a table of contents for the storefront, featuring key navigation links that you set up in the Navigation settings of the Shopify admin.
To set a navigation menu on your header, you can link the navigation in this section:

![Sahara · Customize Sahara - Theme Latest Submit - .png](https://cmsad.digifist.com/uploads/Sahara_Customize_Sahara_Theme_Latest_Submit_ca3e269021.png)

More information about configuring navigation on your online store can be found on: 
```
https://help.shopify.com/en/manual/online-store/menus-and-links
```
###### Logo position
You can change the position of your logo by editing this setting. The theme is set to the left by default, and choosing "Center" will center the logo.

###### Enabling sticky header
You can ensure that your navigation doesn’t disappear when scrolling on your website by checking this box.

###### Transparent header
By activating this option, you remove the header's background and make it transparent on your homepage. 
If necessary, you can upload a secondary logo. This feature is useful when using a specific background color where the logo is not visible.


Header

###### Headings font
Select the font you would like to use on the headings.

###### Headings font size scale
Adjust the font size scale. Default is at 100%

###### Body font
Select the font you would like to use for the body.

###### Body font size scale
Adjust the font size scale. Default is at 100%


Typography 

**Color swatches** can be used in two ways with Sahara theme : 

The first option is using the color codes.

![asdafasvdvsd.png](https://cmsad.digifist.com/uploads/asdafasvdvsd_6355b6e437.png)

Second option is using the **Custom Color Swatches** in which you can upload your swatches and then enter them in the Hex/Swatch image codes section.

You can follow the steps to upload swatches

1. Click **Content** in Shopify admin.
2. Click **Files > Upload files.**

![Snapshot+2023-02-28+15.10.49.png](https://cmsad.digifist.com/uploads/Snapshot_2023_02_28_15_10_49_4050490e7e.png)

3. Click **Online Store > Themes > Customize.**
4. Click **Theme Settings > Swatches.**

The color name must match the variant color option name.  



Swatches

A storefront's footer contains the information listed at the bottom of a page. Often the footer is the area where customers expect to find broad links, like a sort of information desk.

![footer 1.png](https://cmsad.digifist.com/uploads/footer_1_d08bed9fb4.png)

###### Footer logo

On the right sidebar, you have the option to upload your logo and add a general store description.

![Sahara · Customize Sahara - Theme Latest Submit -  (3).png](https://cmsad.digifist.com/uploads/Sahara_Customize_Sahara_Theme_Latest_Submit_3_ce149321bd.png)

###### Adding footer menu
To add a footer menu, choose the option “Add block” on your left sidebar.

![mojavethemestagingtechsupport · Customize Copy of  (2).png](https://cmsad.digifist.com/uploads/mojavethemestagingtechsupport_Customize_Copy_of_2_54d46f86be.png)

The navigation can be linked from the right sidebar of your theme customizer.

###### Show copyright information
Checking this option will display the bottom portion of the footer. If you do not want the payment icons to be displayed, you can disable them in the footer settings on the right sidebar. The payment icon section is dynamic and retrieves information from the connected payment provider on your online store.

###### Copyright navigation
It can be used to add additional navigation next to the copyright text. Like “Terms” and “Privacy Policy.”

###### Multi-currency & Language switcher
If Shopify market’s enabled, this section will appear to your customers for switching language, currency & region.

###### Payment Icons
The **Payment Icons** provide customers with a quick overview of the payment methods that your online store accepts.

**Enable payment icons in the footer**
1. Go to **Theme Settings**
2. In your Shopify admin, go to Theme Customizer.
3. Click **Footer**.
4. Check the **Show payment icons** checkbox.

![Untitled.png](https://cmsad.digifist.com/uploads/Untitled_b2ce84d015.png)

5. Click **Save.**

Footer

A **Lookbook** is a collection of images to present products with various settings and outfits.

![Sahara+_C2_B7+Customize+Sahara+Theme+1.0.3+-+100323+_C2_B7+S.png](https://cmsad.digifist.com/uploads/Sahara_C2_B7_Customize_Sahara_Theme_1_0_3_100323_C2_B7_S_1bec05294c.png)

Please follow the steps to create a **Lookbook :** 

1. Create a **Lookbook page** in the Shopify admin.

![Sahara+B7+Lookbook+SS23+B7+Shopify+80%94+Mozilla+Firefox.png](https://cmsad.digifist.com/uploads/Sahara_B7_Lookbook_SS_23_B7_Shopify_80_94_Mozilla_Firefox_16fdbeff23.png)

2. Create a **Lookbook menu** in the Navigation. 

![Sahara+B7+Main+Menu+B7+Shopify+80%94+Mozilla+Firefox+202.png](https://cmsad.digifist.com/uploads/Sahara_B7_Main_Menu_B7_Shopify_80_94_Mozilla_Firefox_202_dc652574e0.png)

3. Create a **Lookbook template**. 

![Sahara+B7+Customize+Sahara+Theme+1.0.3+B7+Shopify+80%94+.png](https://cmsad.digifist.com/uploads/Sahara_B7_Customize_Sahara_Theme_1_0_3_B7_Shopify_80_94_a7f7041b6d.png)

4. Add the **Hero Alternative** section in the lookbook template.

![Monosnap+File+-+Google+Chrome+2023-03-14+17.24.46.png](https://cmsad.digifist.com/uploads/Monosnap_File_Google_Chrome_2023_03_14_17_24_46_762451285f.png)

5. Add the **highlight an image** block which enables you to enter **Heading**, **Subheading** and **Body text**.

![Sahara+B7+Customize+Sahara+Theme+1.0.3+B7+Shopify+80%94+ (1).png](https://cmsad.digifist.com/uploads/Sahara_B7_Customize_Sahara_Theme_1_0_3_B7_Shopify_80_94_1_9559533fae.png)

6. Add the **Media block** to upload the image for your Lookbook.

![Sahara+B7+Customize+Sahara+Theme+1.0.3+B7+Shopify+80%94+ (2).png](https://cmsad.digifist.com/uploads/Sahara_B7_Customize_Sahara_Theme_1_0_3_B7_Shopify_80_94_2_d968c01dc0.png)

Lookbook

In order to create a mega menu navigation in the Sahara theme, there are two key considerations. If you want to include both text links and images, you will need to set up a navigation menu with 1st level nested menu items.

Example menu with images and links:
![Dropdown one-min.jpg](https://cmsad.digifist.com/uploads/Dropdown_one_min_e7881985a7.jpg)

Alternatively, if you prefer to exclude text links from your Mega Menu, you can create a parent navigation link without a subnavigation.

Example menu only with images:
![Dropdown two.jpg](https://cmsad.digifist.com/uploads/Dropdown_two_476ce1b541.jpg)

#### Creating a navigation 
Drop-down menus are used to organize products, collections, and pages in the main menu of your Shopify store. This type of organization makes it easier for customers to navigate your online store and quickly find what they’re looking for. 

<iframe width="100%" height="450px" src="https://www.youtube.com/embed/UrKrgOWRvzM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>


#### How to convert the navigation into a megamenu:
You will have to click on **Add image with a link and text** section in your header:

1. Click on the **Header** in the theme customizer.
2. Click **+ Add image with a link and text**.

This process will create a new entry in the right sidebar, which will lead you to enter tier 1 link title. By using this function, you can add one or more images and link this to the right navigation. For example, when we use "Swimwear" on the tier 1 link title, our image will show up on the Swimwear link from the navigation.

![megamenu.jpg](https://cmsad.digifist.com/uploads/megamenu_e2c1b85719.jpg)

Navigation Image and Mega Menu 

The most valuable section on a storefront page is the hero section. Merchants frequently use a slideshow to highlight their most recent promotions and best-selling products to make the most of it.

![Sahara · Customize Sahara - Theme Latest Submit -  (5).png](https://cmsad.digifist.com/uploads/Sahara_Customize_Sahara_Theme_Latest_Submit_5_28420def23.png)

###### Using the hero section
Click this section on the left sidebar of your online store customizer to open its settings.

![hero slide.png](https://cmsad.digifist.com/uploads/hero_slide_ea5fbc6e88.png)

###### Enabling carousel autoplay
The slides will be animated and automatically looped with the chosen interval on the hero settings when this option is activated. 
Note that this option will only work if you have more than one slide in your hero section.

###### Enable control arrows
This setting will show the control arrows for the visitors to navigate the hero themselves. Note that this option will only work if you have more than one slide in your hero section.

###### Layout options
The slides come with three different layout options—70/30, 50/50, and full-width. An additional option is to activate the “Flip” option, which flips the layout's order to give the merchants extra customization options.	

###### Uploading content to a slide
You can choose to upload an image or a video to the slides. Use the following section to upload a photo or a video.

###### Multi-column content
When you’ve chosen a multi-column hero layout (70/30 or 50/50), you can upload the second image on the following image upload setting on the sidebar.

###### Recommendation
We recommend that you don’t use more than five slides on your online store for performance best practices. 


Hero

The **Collections page** presents the products in a collection with **Collections side bar** menu.

![Sahara+B7+Customize+Sahara+Theme+1.0.2+-+010323+B7+S.png](https://cmsad.digifist.com/uploads/Sahara_B7_Customize_Sahara_Theme_1_0_2_010323_B7_S_0293dd8e67.png)

The **Collection side bar** menu is created via **Navigation** in the Shopify admin. 

Please check [https://help.shopify.com/en/manual/online-store/menus-and-links/editing-menus](https://help.shopify.com/en/manual/online-store/menus-and-links/editing-menus) link for more information on editing menus.

![Sahara+B7+Collection+sidebar+menu+B7+Shopify+80%94+Mozil.png](https://cmsad.digifist.com/uploads/Sahara_B7_Collection_sidebar_menu_B7_Shopify_80_94_Mozil_b86681624f.png)

Please follow the steps to create **Collection side bar** menu:

1. Click **Navigation**.
2. Click **Add menu**. 
3. Click **Collection side bar menu**.
4. Click **Save**.

![Sahara+B7+Customize+Sahara+Theme+1.0.2+-+010323+B7+S (1).png](https://cmsad.digifist.com/uploads/Sahara_B7_Customize_Sahara_Theme_1_0_2_010323_B7_S_1_d95ac18bd1.png)

![Sahara+B7+Customize+Sahara+Theme+1.0.2+-+010323+B7+S (2).png](https://cmsad.digifist.com/uploads/Sahara_B7_Customize_Sahara_Theme_1_0_2_010323_B7_S_2_e809ab6bdf.png)



Collections Page 

Sahara doesn't include the infinite scroll at the moment, however, this is something we've been working towards.
We've recently released a new pagination option that can be found inside Customizer > Default collection page > Template > Collection > Pagination style

This gives you the option to switch from the "Load more" style to "Page numbers"

Does Sahara have infinite scroll?

It’s vital to strike a balance between images that are large enough so users can zoom in and those that are an optimum size so they don't take up too much space and slow down your page load times. 

On Shopify, you can upload images of up to 4472 x 4472 px with a file size of up to 20 MB. But the website builder typically recommends using 2048 x 2048 px for square product photos. These are high-resolution images that give your store a professional and well-rounded look with great zoom capabilities. Keep in mind that for zoom functionality to work your images have to be more than 800 x 800 px.

Similarly, Amazon and Etsy, have a 1000 x 1000 px image requirement to enable zooming.

To maintain a uniform look along your product line and on your collection pages, you should keep the width and height aspect ratio of all your feature images the same. For example, you might make them all square like we see below.

What size do my images need to be?

Before you customize your theme, you need to know what level of support is available. If you are making simple modifications and an existing functionality is not clear enough from our documentation, you can get support from us. If you want to add new features to the theme, then, this is not supported (for free). You can always submit a feature request if you think our theme is missing features that can help you improve your store. 

What does the Sahara Support team cover?

**No** – If you add any custom-code that ends-up breaking the theme, we can only politely ask that you revert your live theme to a duplicate of the original theme that should’ve been created before making code changes.

Do you support custom code by 3rd party developers?

After you purchase your theme, you'll get lifetime free updates from us with new features, bugfixes and improvements. We're also available for any theme related question to help you.

What’s included with my theme purchase?

When you sell to multiple countries or regions, your customers can view prices in your store, pay for their orders at checkout, and receive refunds in their local currency. You can choose to have prices converted automatically using the current market exchange rate, or converted manually using an exchange rate that you choose.

Depending on your Shopify plan, you can use international pricing features to control prices for different countries and regions. If your store is on the Shopify plan or higher, then you can set price adjustments and custom rounding rules for different countries or regions. To set product prices by country or region, your store needs to be on the Shopify Advanced plan.

If you're selling in multiple currencies, then you can add a country selector to your theme so that customers can select their local country or region so that your store displays their local currency.

Can customers checkout in a different currency?

Accelerated checkout buttons are only presented to customers in the storefront or checkout, not both. For example, if the accelerated checkout buttons are added to the cart template and the customer visits the cart before checkout, then the buttons won't be shown to the customer again. If you want to ensure that the accelerated checkout buttons appear in the checkout, then you shouldn't add them anywhere else in the storefront. Because the buttons are currently displayed in the cart page, then it is expected behavior that the buttons do not appear on the Checkout page. If you want the buttons to appear on the Checkout page instead of the cart page, you should disable this feature.


Accelerated checkout buttons are not appearing when checkout is initiated

Our support is available from Monday to Friday between 10 AM and 7 PM Central European Time.

When is your support available?

Yes, our theme support 3D models & video's. In addition to images, merchants can upload 3D models and videos, and attach YouTube or Vimeo videos as product media. This gives merchants the opportunity to offer a rich and immersive product experience. 

Can I add video and 3D images to my product pages?

To see all of the available fonts, see Shopify's font library. Click the name of the font that you want to use. Alternatively, can also upload custom fonts. This is not supported out of the box and you should contact your web developer for implementing a custom font to your online store.

Click [here](https://shopify.dev/themes/architecture/settings/fonts#custom-fonts) for the offical guide of Shopify on how to add custom font's.

Theme Helpcenter

Documentation

Additional configurations

Header and footer

Sections

General theme settings

Stay connected