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 Themes, click 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 Search Bar in Theme.
After installing and Activating theme in your dashboard. Go to your Appearance > Th Shop Mania options > In recommended plugin you’ll see TH Advance Product Search.
Or You can Navigate to your website, On the Header you’ll see a Notice Please Install “th advance product search” Plugin. Click on it and Install & Activate Th Advanced Search plugin in your dashboard.
To set Menus in your site. First go to your Dashboard > Appearance > Menus.
Click the “Create a New Menu” button & Write a menu name on the field. Now Click the “Create Menu” button.
From the “Add menus items” you can add menu items to your menus. You can add pages, Create Custom links, categories, posts etc. Select your menu item by checking the box and Add Menu items in your Menu by Clicking on the “Add to Menu” Button.
Now you have created your Menu, you need to set it to a Menu location.
From the Menu Settings, you can display your Menu items in Header, Footer area.
You can Select Location by checking the Box of Header Above Menu, Main ( Frontpage Menu ), Sticky Header and Footer Menu ( Above Footer, Widget footer and Below footer ). Check them according to your requirement. You’ll only get Main menu in Free version.
Click “Save Menu“ button to save the changes.
Site Identity
Using this Option panel you can display Site logo or site title tagline and site icon in your website.
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.
Sidebar Setting ( Pro Version )
For Sidebar setting, Go to Appearance > Customizer > Layout > Sidebar.
You can enable or disable sticky sidebar from your site pages.
Video Tutorial to Customize Sidebar in your website.
Footer setting is specially used to display and customize your website footer. In footer area you can add important content and navigation option. For this setting, Go to Appearance > Customize > Layout > Footer.
Video Tutorial for Setting up Footer in your website.
Above Footer
It appears right above the Main Footer and allows you to show multiple elements like – social icons, menu, Text, Widgets. You’ll get three layouts. One Column layout, Two Columns layout and Three Columns layout.
Using None Layout, you can disable Above Footer from your site.
You can also style your above footer by using options like height, bottom border and border color.
Widget Footer
For this setting, Go to Appearance > Customize > Layout > Widget Footer.
Footer Widget – In Footer Widget there are eight different Footer Layout. You can add unlimited widgets in your footer by selecting the layout.
Below Footer
For this setting, Go to Appearance > Customize > Layout > Below Footer. It appears Below the footer widget.
You can add Copyright text in your footer area.
You’ll get Three Column layout in which Text, Widget, Menu, Social media element are available.
Using None Layout, you can disable below Footer from your site.
Fixed Footer
For this setting, Go to Appearance > Customize > Layout > Fixed footer.
A Fixed footer or sticky floating footer bar allows you to display your footer content to users. Whenever you scroll down or up your website it will display.
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.
This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish.AcceptRejectRead More
Privacy & Cookies Policy
Privacy Overview
This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
Where to Sell WordPress Themes & Plugins 2022 [Best Marketplaces]