Welcome to Zena

• We are pleased that you have chosen Zena Shopify theme for your online store and we will not disappoint you with your choice. Zena is an excellent theme develop with a concise approach.The code written is a clean and well structured.

• Zena is the most powerful & responsive theme with all the modules and functions involved with an attractive design.

• Zena theme is build focusing on your business with endless features and works perfectly fine in all the browsers and we are making sure you get all your shopify stores features.

• Zena theme includes total 4 pre-built home page layouts, 16 inner pages, 14 product pages, and 9 shop pages.

• We request to have a look at our Zena manual to know brief about the theme! We have compromised each and every detail for you in the manual that you will need.

• If we are unable to answer your queries beyond our documentation, you are free to contact us through the themeforest support page with your site. We will be happy to cater you and will get back to you in no time.

• Read the manual before jumping to start!

• Language Switcher:  Translate your shop into multiple languages.
• Responsive Design:   Looks great on desktops, laptops, tablets, and mobiles. Give it a try on your iPhone or iPad now.
• Drag and Drop Sections:  Option to change the home page layout order using the drag and drop option.
• Product Group:  Group product images section, easy customization.
• Lazy Loading:  Blur image on page loading for a smoother experience.
• Product Filtering Using App:   Easily add filters for your products using the Search & Discovery app.
• Supports multi-currency:   The currencies GBP, EUR, NZD, AUD, CAD, USD, INR, JPY are inbuilt with theme.
• Dynamic One-Click Checkout Button:  Customers can use the dynamic checkout button to quickly buy the product they're viewing.
• Bundle Product:  Option to buy multiple products together for added convenience.
• Product Infinite Scrolling:   Products can be endlessly loaded on the collection page.
• Custom Lookbook Module:   Create a custom lookbook module to easily buy products.
• Product Comparing:   Compare product data with other products for better decision-making.
• Live Chat Supported:  Live chat with your customers using shopify inbox.

• Manual
• Installing a new theme
• General settings
• Create a page
• Navigation
• Products
• Collections
• Blog
• Customizing your theme
• Customizing checkout page
• Translating your theme into another language

Once you buy our Zena Theme , you will find our theme in your ThemeForest Downloads page. Once you Download theme just unzip it , you will find :

• Documentation - This folder contains the documentation for the theme.
• Theme folder - Theme zip file for uploading to your shopify store.

Step 1:  Open your Shopify admin panel, navigate to Online Store > Themes, and click on Add Theme button and select Upload zip file.

Step 2:  Select the ZIP file from your downloaded package and click Upload to upload the theme file.

Step 3:  Once the theme is uploaded successfully, click Publish and proceed with the additional settings to customize your store.

Follow below step to setup Pre-made Demo.

• Download selected layout preset from here.
• Open this download file In any editor and Select all file code and copy it.(First press Ctrl+a and then Ctrl+c)
• Go to shopify admin > edit code > open index.json file
• In this index.json file paste that copied code.(First press ctrl+a and then ctrl+v)
• after replace this code save it.

• Demo Presets

Demo 1 download preset file

Demo 2 download preset file

Demo 3 download preset file

After Installing Zena theme Successfully, you will be able to import products:

Step 1:   From Home navigate to Products from the left-hand menu.

Step 2:   Click on the Import button located at the top right of the Products page.

Step 3:   In the Import Products window, click on Choose File and select your CSV file containing product details.

Step 4:   Click on the Upload and Continue button after selecting your file.

• From Shopify Admin panel , please go to Settings > General
• From Shopify Admin panel -> then click on Settings -> then select Market
• Add markets according to currency requirement.

Note: If you want to enable Auto currency switcher based on user geo location, you must check mark currency setting on theme setting page.

From Shopify Admin panel go to Settings / Checkout, In the Customer accounts select Accounts are required.

Step 1:   Open your Shopify admin panel and go to Settings.

Step 2:   In Settings go to App and sales channels -> click shopify app store.

Step 3:   Search for mentioned app.

Search app is used to enhance product search functionality, helping customers find products more easily on a Shopify store.

Review app is used to collect and display customer reviews to build trust and increase sales.

Forms App is used to make changes to customer profile through forms.

Inbox App enable live chat and messaging for your store.

When our developer and designer updates our shopify theme with bug fixes and more features , those are not automatically added to your own theme ( limited shopify restriction ) . There is no automatic or manual way to get updates on your installed themes.

• Just download the latest version of theme.
• Install the latest version of theme as unpublished theme.
• Go to your Theme Manager , On Themes page, you can customize the theme while it remains unpublished.

To customize new theme to look as older version , you will required to do :

• Use the theme settings to choose box layout , choose background images , tweak colors , etc.
• Replace any changes you made in liquid templates from your older theme to new theme
• Uninstall any apps that add code to a theme and re-install them from the Shopify App Store to re-add code in theme.
• Preview the changes that you have made to any theme by clicking Preview button
• When your customized theme is ready, publish it by clicking Publish them button

As all other theme , Our theme has also Export / Import Theme Settings feature , which allow you to easy to export all theme settings from your current version and import to latest version.

• To configure theme settings such as layout direction (RTL / LTR), theme mode, and other options, please go to Themes -> Customize Theme -> Theme Settings -> General.

• Theme Mode: Choose an option for the theme mode.
• Text Direction: Choose an option for the text direction.
• Lazy Loading Blur: Check this option to enable image blur during lazy loading.
• Enable Back to Top: Check this option to display the "Back to Top" arrow.

• Open your Shopify admin panel and go to Online Store -> Customize -> Theme settings -> Logo & Favicon.

To configure the theme color, please go to Themes -> Customize Theme -> Theme Settings -> Color.

To Change theme color:

The Typography Settings section allows you to customize the fonts used across your Shopify theme. You can choose between custom fonts or Shopify's predefined fonts for both headings and body text, enabling you to maintain consistency and align your store's design with your brand identity.

Zena allows you to use custom font, Here's a step-by-step guide to add a custom font to Shopify theme:

• Step 1: Ensure you have the font file, whether in a static format (e.g., one file for all weights) or variable weights (e.g., Regular, Bold, Black), in .ttf format. Use the font file in the format available.
• Step-2: Go to Online Store -> Content -> Files.
• Step-3: In Files, click on Upload files and Upload the font files (e.g., MyCustomFont-Regular.ttf, MyCustomFont-Bold.ttf).
• Step-4: After uploading the font files, go to Online Store -> Customize -> Theme Settings -> Typography.
• Step-5: In font type select Custom Font. In the Font Label text box, type the font name in proper case (e.g., My Custom Font) and Save.

How It Works:
Once you upload the font files with the correct naming convention (refer to the note) and specify the font label in the typography settings (e.g., My Custom Font), our Zena theme will automatically detect and apply the font. This removes the need for manual code editing. The font will be applied to titles, menus, and other text across the theme.

Example: Here, "My Custom Font" is used for both the body and headings, featuring a sans-serif font style and a static font file type.

Naming Convention:

For Static Fonts: Save the file with the font name as the font label. Example:
- Font Name: My Custom Font
- File Name: MyCustomFont.ttf

For Variable Fonts: Save the file with the font name and font weight as the label. Refer below table:

Note: "My Custom Font" is just an example—please use your actual font name.

• Open your Shopify admin panel and go to Online Store -> Customize -> Theme settings -> Header Layouts.

• Open your Shopify admin panel and go to Online Store -> Customize -> Theme settings -> Footer Layouts.

• Open your Shopify admin panel and go to Online Store -> Customize -> Theme settings -> Search Offcanvas.

• Open your Shopify admin panel and go to Online Store -> Customize -> Theme settings -> Share Modal.

• Open your Shopify admin panel and go to Online Store -> Customize -> Theme settings -> Product Sales Notification.

• Open your Shopify admin panel and go to Online Store -> Customize -> Theme settings -> Product Item Option.

• About page must be assigned to the template page.custom_about while creating it.

• To config About page add images and content in blocks.

Contact page options can be easily configurable using these settings.

• Assign page.custom_faq template while creating FAQ page.

• Assign page.custom_lookbook template while creating Lookbook page.

• Assign page.custom_wishlist template while creating Wishlist page.

• Assign page.custom_compare template while creating Wishlist page.

• Assign page.custom_portfolio template while creating Wishlist page.

• Assign page.custom_age template while creating Age verification page.

• Assign page.custom_orders template while creating Orders page.

• Assign page.custom_maintenance template while creating Maintenance page.

• Create a New Blog

• Go to the Blog Posts section in your admin panel.
• Click on the Manage Blogs option.
• 
• In Manage Blogs click on Add Blog button.
• Enter the blog title and Set any required settings in the provided fields.

• Blog Settings: Customize -> Template Dropdown -> Blogs

• Create a New Blog Post (Article)

• Go to the Blog Posts section in your admin panel.
• Click on the Add Blog button.
• Enter the blog title and Set any required settings in the provided fields.

• Blog Post Settings: Customize -> Template Dropdown -> Blog Post

To add this section, kindly follow below steps:

• For Banner Section go to -> Customize -> click Add section -> select Banner

Banner 1

• The Banner 1 section includes two layout options: a classic banner and a banner slider.

Banner 2

• The Banner 2 section includes two layout options: a classic banner and a banner slider.

Banner 3

• The Banner 3 section includes two layout options: a classic banner and a banner slider.

To add this section, kindly follow below steps:

• For Collection Banners Section go to -> Customize -> click Add section -> select Collection Banner

Collection Banner 1

Collection Banner 2

Collection Banner 3

To add this section, kindly follow below steps:

• For Services Section go to -> Customize -> click Add section -> select Services

To add this section, kindly follow below steps:

• For Latest Blog Section go to -> Customize -> click Add section -> select Latest blog

To add this section, kindly follow below steps:

• For Instagram Posts Layout Section go to -> Customize -> click Add section -> select Instagram Posts

Instagram Posts Layout-1

To add this section, kindly follow below steps:

• For Logo Slider go to -> Customize -> click Add section -> select Logo Slider

To add this section, kindly follow below steps:

• For Logbook go to -> Customize -> click Add section -> select Logbook Section

To add this section, kindly follow below steps:

• For Newsletter Section go to -> Customize -> click Add section -> select Newsletter

To add this section, kindly follow below steps:

• For Category Slider go to -> Customize -> click Add section -> select Shop By Category

To add this section, kindly follow below steps:

• For Offer Section go to -> Customize -> click Add section -> select Offer Marquee

• From Shopify Admin panel go to -> Products -> click on Collections.

Collection settings help configure and organize the product grid for better display and navigation.

Collection page contains following options.

• Sorting:   Allows sorting products by options such as low-to-high price, high-to-low price, best products, newest to oldest, and oldest to newest.
• Grid View:   Includes options for grid-4, grid-3, grid-2, and list view layouts.
• Filter Layout:   Offers vertical, horizontal, and drawer filter configurations.

Using Shopify and the Discovery app makes filtering both easy and fast.

• From Shopify Admin panel go to -> Shopify & Discovery App -> click on Filters.

You can add supported variants by default such as size, color, material in any products.

Product detail page includes:

• Product gallery layout.
• Product color variant displayed as color swatches .
• Product availability Option, Product vendor, Product type, SKU, and Inventory bar.
• Add to cart option and product quantity.
• Add to wishlist.
• Social sharing.
• Related products.
• Product tabs/accordion and size guide option.
• Product stocks counting as well sale countdown.
• Banner in product description accordion.

Note: If you want product review, don't forget to install Trustoo.io Review App app.

• To add countdown timer in product, follow this steps:
• Go to shopify admin -> Products -> Select product
• Add time in metafield Sale Endtime

For description tab

For specifications tabs

Team Pixelstrap will always happy to help you with any query's or recommendations, if you have any doubt about our theme. just email at our Support Email: https://support.pixelstrap.com