Clean Commerce Pro

Theme Installation

After you purchase and download your theme from Theme Palace you can choose either of the approaches given below to install your theme.

Approach I : From your admin dashboard.

  1. Log in to the WordPress Administration Panels.
  2. Select the Appearance panel, then Themes.
  3. Select Add New.
  4. Then select Upload Theme.
  5. Click Browse Locate clean-commerce-pro.zip Theme in your computer.
  6. Select clean-commerce-pro.zip and click Install Now.

Approach II : Upload and install theme through FTP client

You can use FTP client like FileZilla to connect your web server.

  1. Unzip clean-commerce-pro.zip to your Desktop.
  2. Using an FTP client to access your host web server, go to /wp-content/themes/ and upload your new copy of Clean Commerce Pro Theme.
  3. Now, log into the WordPress Dashboard with your login details.
  4. Select the Appearance panel, then Themes.
  5. You will see the theme in the list.
  6. Then click Activate button.
  7. Now the theme will be activate and go through the following options to set up the theme step wise.

How to setup front page as shown in the demo?

The demo is divided into different section as shown in the image below:

The different sections are described below:

  1. Top Header Section: This section is setup from Admin Panel / Appearance / Customize / Theme Options / Header Options.
    Refer below How to manage Header Options? for more details.
  2. Site Identity and Primary Menu Section: The Site Identity section is setup from Admin Panel / Appearance / Customize / Site Identity and for Primary Menu section you need to create a menu and assign its location to Primary Menu going to Admin Panel / Appearance / Customize / Menus / Menu Location.
    Refer below How to manage Site Title, Logo, Tagline and Site Icon? and How to manage Menus? for more detail.
  3. Featured Carousel Section: This section is setup from Admin Panel / Appearance / Customize / Featured Carousel.
    Refer below How to manage Featured Carousel? for more detail.
  4. Product Slider Section: This section is setup from widget. So you need to go to Admin Panel / Appearance / Customize / Widgets / Front Page Widgets and add CC: Products Slider widget.
    Refer below How to manage theme available widgets? for more detail.
  5. Welcome To Clean Commerce Pro Section: This section is setup from widget. So you need to go to Admin Panel / Appearance / Customize / Widgets / Front Page Widgets and add CC: Call To Action.
    Refer below How to manage theme available widgets? for more detail.
  6. Services Section: This section is setup from widget. So you need to go to Admin Panel / Appearance / Customize / Widgets / Front Page Widgets and add CC: Services.
    Refer below How to manage theme available widgets? for more detail.
  7. Featured Product Section: This section is setup from widget.After installing the WooCommerce plugin, widget will be available in the widget sections. So you need to go to Admin Panel / Appearance / Customize / Widgets / Front Page Widget Area and add CC: Featured Products Carousel.
    Refer below How to manage theme available widgets? for more detail.
  8. Clothes Collation Section: This section is setup from widget.After installing the WooCommerce plugin, widget will be available in the widget sections. So you need to go to Admin Panel / Appearance / Customize / Widgets / Front Page Widget Area and add CC: Products Grid.
    Refer below How to manage theme available widgets? for more detail.
  9. Product By Category Section: This section is setup from widget. So you need to go to Admin Panel / Appearance / Customize / Widgets / Front Page Widgets and add CC: Products Category Grid.
    Refer below How to manage theme available widgets? for more detail.
  10. Call To Action Section: This section is setup from widget. So you need to go to Admin Panel / Appearance / Customize / Widgets / Front Page Widgets and add CC: Call To Action.
    Refer below How to manage theme available widgets? for more detail.
  11. Men Collaction Section: This section is setup from widget. So you need to go to Admin Panel / Appearance / Customize / Widgets / Front Page Widgets and add CC: Products Grid.
    Refer below How to manage theme available widgets? for more detail.
  12. Latest Blog Section: This section is setup from widget. So you need to go to Admin Panel / Appearance / Customize / Widgets / Front Page Widgets and add CC: Latest News
    Refer below How to manage theme available widgets? for more detail.
  13. Happy Customer Section: This section is setup from widget. So you need to go to Admin Panel / Appearance / Customize / Widgets / Front Page Widgets and add CC: Testimonial Slider.
    Refer below How to manage theme available widgets? for more detail.
  14. Footer Widget Area Section: This section is setup from widget. So you need to go to Admin Panel / Appearance / Customize / Widgets / Footer Widget #Id. and add widget you like. So in demo the widget are (Social Menu,Text Widget), Recent Post, WooCommerce Products, WooCommerce Top Rated Products in Footer Widget ( 1, 2, 3 and 4) respectively.
    Refer below How to add Widgets? for more detail.
  15. Footer Copyright Section: To setup this section you need to go to Admin Panel / Appearance / Customize / Theme Options / Footer Options.
    Refer below How to manage Footer Options? for more detail.

How to manage Site Title, Logo, Tagline and Site Icon?

1. From Customize section, go to Site Identity.
2. From Site Identity, you will be able to add various options related to site identity like:

  • Logo ( Only available in WordPress version greater than or equal to 4.5 ): It changes the main logo of the site.
  • Site Title: It changes the main site title of the site.
  • Tagline: It changes the tagline (i.e:Description) of the site.Just below site title.
  • Site Icon: The Site Icon is used as a browser and app icon for your site.Icon must be square, and at least 512px wide and tall.

How to manage Background Images?

1. From Customize section, go to Background Image.
2. In Background Image Options you will see:

  • Background Image: Select the image for Background available on media library or upload from the other location.
    If the preview is fine, click on Save and Publish to apply recently selected/uploaded image as Background Image.
  • Image Postion :You can adjust the image position according to the arrow.
  • Image Size : You will be able to chose various options from the dropdown. (Fit to screen , original , Fill Screen) you can chose any as your requirement .
  • Repeat Background Image: You can check this to repeat the background image .
  • Scroll with Page: You can check this option to scroll the image with the page .

How to manage Theme Options?

1. From Customize section, go to Theme Options.
2. From Theme Options, you will see different sections. They are:

The above section are described below:

How to manage Header Options?

1. From Customize section, go to Theme Options.
2. From Theme Options, you will see Header Options.
3. In Header Options you will see:

  • Show Site title: To show the site title on header.
  • Show tagline: To show the site tagline in header.
  • Contact Number: It allow to change the contact number .
  • Contact Email: It allow to change the contact Email.
  • Contact Address : It allow to change the contact address.
  • Show Social Icons: To show the social icons in header.
  • Make Primary Menu Sticky: To make the primary menu sticky.
  • Enable Search Form: To enable search form in header.

How to manage Search Options?

1. From Customize section, go to Theme Options.
2. From Theme Options, you will see Search Options.
3. In Search Options you will see:

  • Search Placeholder : To change the placeholder in the search section.

How to manage Layout Options?

1. From Customize section, go to Theme Options.
2. From Theme Options, you will see Layout Options.
3. In Layout Options you will see:

  • Global Layout: This is for theme global layout. Here you can see different options select one that you would prefer.
  • Archive Layout: This options is for archive content layout. Select option that suits your site.
  • Image in Archive: This options is for archive Image. Select option that suits your site.
  • Image Alignment in Archive: This option is for changing the image alignment in archive. choose the available options from drop down. Here you can see different options.
  • Image in Single Post/Page: This option is for changing the image in single post/page, choose available options from drop down. No Image and Large are the available options.
  • Image Alignment in Single post/page: This option is for changing the image alignment in single post/page, choose the available options from drop down. Here you can see different options.

How to manage Home Page Options?

1. From Customize section, go to Theme Options.
2. From Theme Options, you will see Home Page Options.
3. From here you can Show Home Content.
Note: This option work if you have selected static page to be displayed in Front page displays option.

How to manage Pagination Options?

1. From Customize section, go to Theme Options.
2. From Theme Options, you will see Pagination Options.
3. In Pagination Options you will see options as drop-down. Select one of your choice.
Note: For Infinite Scroll – Scroll and Infinite Scroll – Click you need to install JetPack – Infinite Scroll plugin.

How to manage Content Meta Options?

1. From Customize section, go to Theme Options.
2. From Theme Options, you will see Content Meta Options.
3. In Content Meta Options you will see:

  • Show Date: This option displays/hide the date.
  • Show Author: This option displays/hide the author.
  • Show Categories: This options displays/hide the categories.
  • Show Tags: This options displays/hide the tags.
  • Show Comment: This options displays/hide the comment.

How to manage Footer Options?

1. From Customize section, go to Theme Options.
2. From Theme Options, you will see Footer Options.
3. In Footer Options you will see:

  • Copyright Text: From here you can write the copyright text for your site.
  • Powered By Text: From here you can write the powered by text for your site.
  • Reset Footer Content: Checking this check-box will reset the footer content to its default values. Note: You need to refresh the page to see the changes.
  • Show Social Icons: This option enables the social icons in the footer section. (Note:You need to manage location of social menu from Admin Panel -> Menus)
  • Show Go To Top: This option enables the go to top icon in the site.

How to manage Blog Options?

1. From Customize section, go to Theme Options.
2. From Theme Options, you will see Blog Options.
3. In Blog Options you will see:

  • Blog Title: To change the blog title.
  • Excerpt Length: Enter excerpt length in words.
  • Read More Text: You can change text for Read More form here.
  • Exclude Categories in Blog: Enter category ID to exclude in Blog Page. Seperate with comma if more than one.

How to manage Author Bio Options?

1. From Customize section, go to Theme Options.
2. From Theme Options, you will see Author Bio Options.
3. In Author Bio Options you will see:

  • Show Author Bio: Checking this check-box will enable author information.
  • Show Recent Posts by Author in Bio: This option shows/hides the recent post by author.
  • No of Recent Posts: Entering the no. will control the no of recent post to be displayed.

How to manage Breadcrumb Options?

1. From Customize section, go to Theme Options.
2. From Theme Options, you will see Breadcrumb Options.
3. Under Breadcrumb Options you will see:

  • Breadcrumb Type: Choose your breadcrumb type from here. The available options are Enabled, Disabled .

How to manage Font Family Options?

1. From Customize section, go to Theme Options.
2. From Theme Options, you will see Font Family Options.
3. Here you will see:

  • Site Title: You can change the site title font form here.
  • Site Tagline: You can chnage the site tagline font from here.
  • Default: You can change the default font from here.
  • Content Title: You can change the content titile form here.
  • Content Body: You can change the content body font from here.
  • Heading Tags: You can change the heading from here.
  • Navigation: You can change the navigation menu font from here.
  • Reset Font Settings: You can reset the font setting by checking the check-box and Save and Publish and refresh the page to see the font being reset.

How to manage WooCommerce Options?

1. From Customize section, go to Theme Options.
2. From Theme Options, you will see WooCommerce Options.
3. In WooCommerce Options you will see:

  • Content Layout: This is for WooCommerce pages layout. Here you can see different options select one that you would prefer.
  • Primary Sidebar: Choose Primary Sidebar for WooCommerce pages. If not selected default sidebar will be displayed.
  • Secondary Sidebar: Choose Secondary Sidebar for WooCommerce pages. If not selected default sidebar will be displayed.

How to manage Featured Carousel Sections?

1. From Customize section, go to Featured Carousel Sections.
2. You will see two sections under Featured Carousel Sections as shown below in figure.


The above Sections are described given below.

How to manage Carousel Type Sections?

1. From Customize section, go to Featured Carousel Sections-> Carousel Type Sections..
2. Under Carousel Type Options you will see:

  • Enable Carousel On: This enables the carousel sections.
  • Select Carousel Type: This will enable to select the carousel type. The available options are Featured Category, Featured Product Category .
  • No of Carousel Items: Allow to control carousel item to be displayed .
  • Select Category: This will enable the choose the category to be displayed .

How to manage Carousel Options?

1. From Customize section, go to Featured Carousel Sections-> Carousel Options..
2. Under Carousel Options you will see:

  • Enable Autoplay: This enables to autoplay the carousel sections.
  • Transition Delay: This will enable to enter the time in sec to control the transition of slider.

How to manage Color Options?

1. From Customize section, go to Color Options..
2. Under Color Options you will see different section color options. They are:

  • Basic Color Options: In this section you will see different color options. Now change the color as per your need.


  • Top Header Color Options: In this section you will see different color options. Now change the color as per your need.

  • Header Color Options: In this section you will see different color options. Now change the color as per your need.

  • Primary Menu Color Options: In this section you will see different color options. Now change the color as per your need.


  • Featured Carousel Color Options: In this section you will see different color options. Now change the color as per your need.

  • Content Color Options: In this section you will see different color options. Now change the color as per your need.


  • Sidebar Color Options: In this section you will see different color options. Now change the color as per your need.

  • Breadcrumb Color Options: In this section you will see different color options. Now change the color as per your need.

  • Go To Top Color Options: In this section you will see different color options. Now change the color as per your need.

  • Pagination Color Options: In this section you will see different color options. Now change the color as per your need.

  • Footer Widgets Color Options: In this section you will see different color options. Now change the color as per your need.

  • Footer Area Color Options: In this section you will see different color options. Now change the color as per your need.

  • Home Widget Color Options: In this section you will see different color options. Now change the color as per your need.

How to manage Menus?

How to create a Menu?

1. From Customize section, go to Menus.
2. From Menus, click “Add a Menu” button and you will be able to create a menu.
3. Now, click Add Items and you will be able to Add or Remove Menu Items according to your requirement.
4. Select the Menu locations.
5. If the preview looks fine, save the changes by clicking on Save and publish button.

How to change Menu Locations?

1. From Customize section, go to Menus and inside it you will find Menu Locations.
2. Here you can:

  • Select the menu for Primary Menu. Primary menu appears as a main menu in header section.
  • Select the menu for Header Menu. Header menu appears on the header section .
  • Select the menu for Footer Menu. Footer menu appears on the footer section.
  • Choose the Social Menu, which shows the social links title as a menu.
  • Select the menu for 404 Menu. This menu appears on 404 page.

3.If the preview looks fine, save the changes by clicking on Save and publish button.

How to add Widgets?

1. From Customize section, go to Widgets.
2. From Widgets, you will see different sections to add widget where you will be able to Add a Widget or Remove widgets by going to particular widget section.
3. And the added widget will be displayed in particular section that you have added.

How to manage theme available widgets?

The theme’s available widgets are described below:

  • CC: Call To Action: You will find options and settings in this widget. Now setup the widget according to your need. See the below image.

  • CC: Featured Page : You will find options and settings in this widget. Now setup the widget according to your need. See the below image.

  • CC: Featured Products Carousel: You will find options and settings in this widget. Now setup the widget according to your need. See the below image.

  • CC: Image: You will find options and settings in this widget. Now setup the widget according to your need. See the below image.

  • CC: Latest News: You will find options and settings in this widget. Now setup the widget according to your need. See the below image.

  • CC: Products Category Grid: You will find options and settings in this widget. Now setup the widget according to your need. See the below image.
    Note: Image of the category is set from

  • CC: Products Grid: You will find options and settings in this widget. Now setup the widget according to your need. See the below image.

  • CC: Products Slider: You will find options and settings in this widget. Now setup the widget according to your need. See the below image.

  • CC: Recent Posts: You will find options and settings in this widget. Now setup the widget according to your need. See the below image.

  • CC: Services: You will find options and settings in this widget. Now setup the widget according to your need. See the below image.

  • CC: Social: You will find options and settings in this widget. Now setup the widget according to your need. See the below image.

  • CC: Testimonial Slider: You will find options and settings in this widget. Now setup the widget according to your need. See the below image.

How to manage Static Front Page?

1.From Customize section, go to Static Front Page .
2.From Static Front Page, You will be able to set any page as A Static page and you will find Your Latest Posts page option as well.

How to manage Additional CSS?

1. From Customize section, go to Additional CSS..
2. Additional CSS you will see:

  • You can add your own CSS here.

How to Reset Theme Settings?

1.From Customize section, go to Reset Theme Settings.
2.From Reset Theme Settings, you will be able to see:

  • Reset Color Settings: This option resets all the color settings to the default values.Note: Refresh the page after save to view full effects.
  • Reset all theme settings: This option reset all the theme settings along with custom header and background will be reset to default.Note: Refresh the page after save to view full effects.
  • Note: You need to refresh the page to see the changes.

Updating Theme Using FTP

To update Theme though FTP, follow these basic steps:

  1. Download the latest version of Clean Commerce Pro from your Theme Palace member My-Account to your Desktop
  2. Unzip clean-commerce-pro.zip to your Desktop
  3. Using an FTP client to access your host web server, go to /wp-content/themes/ and upload your new copy of Clean Commerce Pro Theme which shall replace the old files.