Th Shop Mania

Installing Theme

    • Step 1:  Go to your Wp Dashboard > Appearance > Themes > Add New. Add Th Shop Mania zip file and Then click on the ‘Install Now’ button.
    • Step 2: After the installation is completed, click on the ‘Activate’ button and “Th Shop Mania” will be activated.
    • Step 3: After activating “Th Shop Mania” in your dashboard, Go to Th Shop Mania Options under Appearance and click on it. You’ll see Recommended options panel, install & activate all the plugins.
    • Step 4 : Now you can start customizing Th Shop Mania theme.

Installing Th Shop Mania Pro Plugin

Th Shop Mania Pro Plugin will add Advanced premium features and functionality to Th Shop Mania free theme.

    • Step 1 : Navigate to ThemeHunk homepage, You will see “Themes” menus on the top, when you hover over it you’ll see Pro Themesclick on it. In the Pro Themes page you’ll see Th Shop Mania Pro, click on View More button.

    • Step 2 : Th Shop Mania pro sales-page will open, Afterward, just simply hit the ‘Upgrade to Pro’ button and it will directly take you to the ‘Pricing‘ section of Th Shop Mania Pro Plugin.

    • Step 3: Now choose your desired plan from here and hit the button Buy Now from desired table.

  • Step 4 : Purchase your plugin from here, fill all the required details. Login to your member’s area. Your pro plugin has been added in your member’s area dashboard.
  • Step 5 : You’ll see a Th Shop Mania Pro plugin zip file in your Member’s area. Download the zip file of plugin.
    • Step 6 : Now, Open your WP Dashboard > Plugins > Add New > Upload the Plugin Zip file and Activate it.

  • Now you can customize your website using Pro features.

How to Add Cart & Swatches

  • Go to your Appearance > Th Shop Mania options > In recommended plugin you’ll see TH Variation Swatches and TH All in One Woo Cart .
  • Install and Activate plugins in your dashboard. This will display Cart and Swatches in your website.
  • To learn more about Plugins, Navigate to TH Variation Swatches Plugin and Th All in One Woo Cart

How to Import Demo

  • Follow this video and learn to import demo data.

Site Identity

Using this Option panel you can display Site logo or site title tagline and site icon in your website.

    • Dashboard > Appearance > Customize > WordPress Default > Site identity.
    • Logo– Upload a logo image with specific width and height.
    • Logo width – Set the desired logo image width.
    • Site Title & Tagline – Display site title & tagline in-place of Logo.
    • Site Title & Tagline Show/Hide – Check on the radio button display site title and tagline.
    • Site Icon – You can upload a site icon for your browser.

How to Customize Homepage

  • After setting up the homepage, Go to your site > click on Edit with Elementor. Now you can customize your website.


Header ( Pro Version )

Using Header Setting you can display and customize your Website Header. For Main header setting, Go to Appearance > Customizer > Layout > Header.

Video Tutorial for Setting up Header in your website.

  • Off Canvas Sidebar – You can Add Off canvas sidebar in your Header Before logo or After logo. Whenever you click on the Off canvas Sidebar icon button, it will open a side panel in your website. To setup widgets in Off canvas sidebar, just go to Widgets > Off Canvas Sidebar > add widget from the Widget panel and Publish it.
  • Choose Categories To Exclude – By checking the box you can Exclude ( not include ) any desired category from the Category box. You can also add the Category text.
  • Menu Alignment – You can choose the menu alignment left, right or center on your desktop device.
  • Mobile Menu Open – This option will open your mobile menu panel from left side or from right side.
  • Sticky Header – This option will stick your site header on the top, whenever you scroll your websire up or down it will goes with it. You can also choose two different animation effects for your sticky header.

Total Color & BG Option

For Color & Background, Go to Appearance > Customize > Color & Background. You can pick color for every element and upload background image.

Global Color –

  • For Global colors option, Go to Appearance > Customize > Global Colors.
  • You can change the default color all over the site using Theme Color.
  • You can pick color for link, link hover color, text color, title color, background color & Background image.

Header Color

  • For Header color option, Go to Appearance > Customize > > Total color & BG options > Header Colors.
  • You can pick Color for Header, Above Header, Offcanvas sidebar, Pan / Mobile Menu Color, Sticky Header, Below Header, Categroy and Main Menus elements.

Footer Color

  • For Footer color option, Go to Appearance > Customize > > Total color & BG options > Footer Colors.

Above Footer

  • You can pick color for Above footer background color, Text color, Link color and Link hover color.

Widget Footer

  • You can pick color for Widget footer background color, Widget Title color, Text color, Link color and Link hover color.

Below Footer

  • You can pick color for Below footer background color, Text color, Link color and Link hover color.

Typography

You can add typography on your site with multiple Google & standard fonts. Using different fonts on your site makes it a creative website.

Base Typography

For Typography, Go to Appearance > Customizer > Typography > Base Typography. Typography is the best way to show your content in a unique and attractive way. You can add multiple Google & standard fonts using typography in your site. Using different fonts on your site make it a creative website.

  • Choose Font family for body text. Adjust the font size, line height and letter spacing. This will be applicable for overall sites body.
  • You can also adjust “Text Transform” set your body text as Capitalize, Uppercase, Lowercase, default or none.
  • You can choose the “Font Weight” for your text.

Title

Choose font of your title. This will set typography for overall site titles.

  • You can also customize “Text Transform” set your title as Capitalize, Uppercase, Lowercase, default or none.
  • You can choose the “Font Weight” for your text.

Content

This will set the overall typography of single page from heading H1 to H6.

  • Heading (H1) – Applicable for for all h1 headings like page title, product title. Choose font family and adjust the font size, line height & letter spacing.
  • Heading (H2) – Applicable for h2 headings. Choose font family and adjust the font size, line height & letter spacing.
  • Heading (H3) – Applicable for h3 headings. Choose font family and adjust the font size, line height & letter spacing.
  • Heading 4 (H4) – Applicable for h4 headings. Choose font family and adjust the font size, line height & letter spacing.
  • Heading 5 (H5) – Applicable for h5 headings. Choose font family and adjust the font size, line height & letter spacing.
  • Heading 6 (H6) – Applicable for h6 headings. Choose font family and adjust the font size, line height & letter spacing.

WooCommerce Setting

Video Tutorial to Customize WooCommerce settings in your website.

  • For WooCommerce setting. First you have to Install WooCommerce Plugin and activate it from the Recommended plugins available in Th Shop Mania Options. If you have already did skip this.
  • Now Set Shop page, Cart Page, Checkout page and My Account Page in your site. To Know how you can easily set these pages in your site. Navigate to this Post.
  • For WooCommerce Setting, Navigate to Customize > WooCommerce. Here you’ll get all the Woo Setting for your Shop Products.

Elemento Addons

  • This theme is integrated with Elemento addons which are useful in designing your site pages. There are Two addons integrated in Free version. You can use Product Simple addon and Simple post addon for designing your website.
  • To use these addons, just go to your Dashboard > Page and Click on Edit with Elementor
  • Elementor page editor will open, Scroll down the elementor elements sidebar, here you’ll find Elemento addons Category.
  • Product Simple addon

    Simple post addon

Elemento Addons

  • This theme is integrated with Elemento addons which are useful in designing your site pages. There are 18+ addons given in Pro version. They easy-to-use elements those were designed to make your page designing easier.
  • To use these addons, just go to your Dashboard > Page and Click on Edit with Elementor
  • Elementor page editor will open, Scroll down the elementor elements sidebar, here you’ll find Elemento addons Category.
  • You can choose the desired element from here, and just and drop them to the section and edit them according to your need.

List of Pro Addons

  • Product Slider
  • Elemento Products
  • Elemento Big Products
  • Product Slider list
  • Add to Cart
  • Product Category
  • Advance Heading
  • Posts
  • Advanced Tabs
  • Compare Images
  • Content Switchers
  • Countdown Clock
  • Elemento counter
  • Image pointer
  • Testimonial lists
  • Image Animation
  • Elemento icon list
  • Price box
  • Contact form 7

Additional CSS

  • For adding Additional CSS Code in your site. Navigate to Appearance > Customizer > WordPress default > Additional Css.
  • Now simply put your CSS code in the text area and Publish it.