Onfitz E-Commerce Shopify Theme 2.O

Date Created: 19 July 2025
Version: 1.0.0
Author: bug-finder
Support: https://bugfinder.net/user/support-ticket/new

Special thanks for purchasing Onfitz.

If you have any questions about our theme or you find an issue, please feel free to send us a message to

After we received your email, Our Support staff will process and respond to your question in the queue order. Your question will be answered within 24 business working hours from the last email you sent to us. If you love our theme, please rate it. It’s the best award for our job we can get from you!

Installation

It's too easy to install Onfitz.

  1. Log in to your Shopify store.
  2. Navigate to Online Store.
  3. Go to Themes
  4. Click Add Theme Button and
  5. Choose Upload Zip File
  6. Click Add File
  7. After completing your purchase, unzip the file you receive. Inside, you’ll find a file named onfitz.zip. This is the theme file that you’ll need to upload to your Shopify store.

This should streamline the process and make it easy to follow.

After installation a few second, it will appear in the righ area. Please click on Publish > to active new theme.

Shopify Knowlegae Base

Before we begin customizing your store, we would like to notice that this section will help you to have some collections and products added and a blog article written. So if you already had an active store and you are just updating your design, you don't need to read this part. Otherwise, here are some links to help you to setup your new store:

  1. How to create a collection
  2. How to create a smart collection
  3. How to create a product and add it to a collection
  4. How to create a blog and write an article
  5. How to create a page

Theme Settings

Please log in to your Shopify Dashboard and go to Online Store> Themes > Customize > Theme Settings, these listing of options will appear in the Left area.

Preloader

Please log in to your Shopify Dashboard and go to Online Store> Themes > Customize > Theme Settings > Preloader, these listing of options will appear in the Left area.

  1. Select a GIF Image if you want.
  2. Right a Store Name

Color

Please log in to your Shopify Dashboard and go to Online Store> Themes > Customize > Theme Settings > Color, these listing of options will appear in the Left area.

Color Schemes
  1. If you'd like to personalize the theme, feel free to adjust the color

Typography

Please log in to your Shopify Dashboard and go to Online Store> Themes > Customize > Theme Settings > Typography, these listing of options will appear in the Left area.

Fonts Source
  1. Custom Font ( the default font already built into the theme manually)
  2. Shopify Font ( fonts selected from Shopify's built-in font picker)
Headings Fonts
  1. Font: This option allows you to choose the font for the headings in your store. The font displayed here is "Sans Serif" in the "Regular" style.
  2. Change: By clicking this button, you can select a different font from a list of available fonts.
Body Fonts
  1. Font: This option allows you to choose the font for the body text in your store. The font displayed here is also "Sans Serif" in the "Regular" style.
  2. Change: By clicking this button, you can select a different font for the body text.
Font Size Scale
  1. Slider: This slider allows you to adjust the font size scale for your store's text. It is currently set to 100%.

Cart

Please log in to your Shopify Dashboard and go to Online Store> Themes > Customize > Theme Settings > Cart, these listing of options will appear in the Left area.

Cart Notes
  1. Toggle this ON to allow customers to leave a note with their order.
  2. The note field will appear in the cart interface.
Cart Type
  1. Choose how the cart behaves when a product is added to the cart.

Layout

Please log in to your Shopify Dashboard and go to Online Store> Themes > Customize > Theme Settings > Layout, these listing of options will appear in the Left area.

Page Width
  1. This setting allows you to control the maximum width of the main content area of your storefront.

Pop up

Please log in to your Shopify Dashboard and go to Online Store> Themes > Customize > Theme Settings > Pop up, these listing of options will appear in the Left area.

  1. Select Image
  2. Title
  3. If you want to show the Pop up, simply toggle to show it. To hide it again, toggle back.

Header-Footer Settings

Announcement Bar

Mega Menu

All our themes support mega-menu. Mega menus allow you to create rich menus with multi-columns and optional images.

Step 1: Creating the mega-menu
The second step involves creating a mega-menu:

1. Open the theme editor, click on the "Header" section, and click on "Add mega-menu" button:

2. The most important setting to fill is the "Menu item" setting. It must match exactly the name of the first-level links you want to create a mega-menu.

Step 3: Configuring the mega-menu

After adding the mega-menu block to your header, you can customize it by adding collections.

Slideshow

In Sections listing, select Slideshow

To add new, click to Add section > Slideshow

Under Slideshow Slider section will list options to control the Slide option, click or add slide to control:

Options for each Slideshow:
  1. Icons link Added
Options for Slideshow Slide:
  1. Subheading
  2. Heading
  3. Font Size
  4. Description
  5. Button Label
  6. Slider Image 1
Slideshow

Info

In Sections listing, select Info

To add new, click to Add section > Info

Under Info section will list options to control the Slide option, click or add slide to control:

Options for each Info:
  1. Title
Options for Add Info:
  1. Select Image
  2. Info Heading
  3. Info Description
  4. Section Padding
Info

Categories

In Sections listing, select Categories

To add new, click to Add section > Categories

Options for each Categories:
  1. Heading
  2. Discount Info
  3. Button Label
  4. Button Link
Categories

Product Tab

In Sections listing, select Product Tab

To add new, click to Add section > Product Tab

Under Product Tab section will list options to control the Menu Item option, click or add Menu Item to control:

Options for each Product Tab:
  1. Number of Products to Show
  2. Number of Columns on Desktop
  3. Section Padding
Options for each Menu Item:
  1. Select collection to show products
Product Tab

Offer Banner

In Sections listing, select Offer Banner

To add new, click to Add section > Offer Banner

Options for each Offer Banner:
  1. Heading
  2. Button Label
  3. Button Link
  4. Select Images
  5. Section Padding
Feature Collections

Product Hotspot

In Sections listing, select Product Hotspot

To add new, click to Add section > Product Hotspot

Options for each Product Hotspot:
  1. Select Background Image
  2. Select Background Color
  3. Section Padding
Options for each Add Hotspot:
  1. Select Hotspot Product
  2. Top & Bottom Position Hotspot Icon
Feature Collections

Testimonial

In Sections listing, select Testimonial

To add new, click to Add section > Testimonial

Under Testimonial Slider section will list options to control the Slide option, click or add slide to control:

Options for each Testimonial:
  1. Text Alignment
  2. Heading
  3. Heading Font Size
  4. Description
  5. Section Padding
Options for Add Testimonial:
  1. Select Image
  2. Description
  3. Name
  4. Designation
Testimonial

Collections

In Sections listing, select Collections

To add new, click to Add section > Collections

Options for each Collections:
  1. Heading
  2. Heading Font Size
  3. Text Alignment
  4. Select Collection
  5. Section Padding
Collections

Blogs

In Sections listing, select Blogs

To add new, click to Add section > Blogs

Options for each Blogs:
  1. Blog Subheading
  2. Blog Heading
  3. Button Label
  4. Button Link
  5. Heading Font Size
  6. Select Blog
  7. Section Padding
Blogs

Feature Product

In Sections listing, select Feature Product

To add new, click to Add section > Feature Product

Under Featuer Product section will list options to control the Add Block option, click or add block to control:

Options for each Feature Product :
  1. Select Product to show Feature product
Options for each Feature Product Add Block:
  1. Product Title
  2. Product Price
  3. Product Description
  4. Product Variants Picker
  5. Product Quantity Selector
  6. Product Add to Cart Button
Product Tab

Feature Collections

In Sections listing, select Feature Collections

To add new, click to Add section > Feature Collections

Options for each Feature Collections:
  1. Select Collection
  2. Heading
  3. Heading Font Size
  4. Text Alignment
  5. Maximum products to show
  6. Number of columns on desktop
  7. Section Padding
Feature Collections

Bundle Builder

In Sections listing, select Bundle Builder

To add new, click to Add section > Bundle Builder

Options for each Bundle Builder:
  1. Select Collection
  2. Heading
  3. Minimum Products Required For Bundle
  4. Bundle Discount Percentage
  5. Section Padding
Bundle Builder

Faq

In Sections listing, select Faq

To add new, click to Add section > Faq

Under Faq Slider section will list options to control the Slide option, click or add slide to control:

Options for each Faq:
  1. Heading
  2. Heading Font Size
  3. Text Alignment
  4. Section Padding
Options for Add Faq Items:
  1. Heading
  2. Content
Faq

Contact

In Sections listing, select Contact Form

To add new, click to Add section > Contact Form

Options for Contact Form:
  1. Heading
  2. Description
  3. Email
  4. Phone Number
  5. Address
  6. Map Url
  7. Section Padding
Contact Form

About Page

Please log in to your Shopify Dashboard and go to Online Store> Themes > Customize >, these listing of options will appear in the Left area.

About us

In Sections listing, select About us

To add new, click to Add section > About us

Options for each About us:
  1. Subheading
  2. Heading
  3. Heading Font Size
  4. Description
  5. Select Image
  6. Section Button Text
  7. Button Label
  8. Button Link
  9. Section Padding
Options for each About us content box:
  1. Heading
  2. Description
About us

Create Page

  • Create a Page: Log in to Shopify, go to Online Store > Pages > and click Add Page.
  • Access Customization: Navigate to Online Store > Themes > Customize to open the theme editor.
  • Assign a Template: In the editor, select Pages from the top dropdown and choose a template
  • Preview & Edit: Preview the assigned template and customize the page content using the left panel.