Get Started

Thank you for purchasing Chromium Store Theme. This manual will show you how to work with your theme, how to edit it and create a "live" website of your dream.

Recommended Server Requirements:

• PHP version 5.6 or greater
• MySQL version 5.6 or greater
• The mod_rewrite Apache module (for permalinks)
• PHP max_input_vars 3000 or greater
• WP Memory limit 64 MB or greater (128 MB or higher is preferred)
• PHP Time Limit 60 or greater
• post_max_size 32M
• upload_max_filesize 32M
• WP Multisite usage is not recommended

You can find more information on system requirements here: Wordpress Requirements, Hosting Wordpress, Woocommerce Server Requirements.

Theme Installation

Learn how to configure settings for Scribbler, such as your syntax highlighting preference and the default saving folder location.

              
                    Chromium Theme is a WordPress theme, therefore it is important to get to know WordPress CMS before you continue. If you are not familiar with WordPress please visit WordPress getting started guide 

                    You may find a detailed documentation of WordPress functionality at WordPress Codex

                    Please, make sure to use original WordPress copy from wordpress.org website. Do not use the pre-installed copy provided by your hosting company.
              
            

Once downloaded, unzip the compressed folder to see the structure of package.

1. Go to THEME folder, there you will find a packaged Chromium.zip folder, upload the package to wp-content/themes/ folder of your WordPress and uncompress it. Once uncompressed, the theme can be activated.

2. Go to backend section of your WordPress site (http://link_to_your_site/wp-admin/), then go to Appearance -> Themes and activate the Chromium Theme).

3.When you click on "Activate" button to activate Chromium Theme, you will see the a notice offering you to install required and recommended plugins. Click "Begin installing plugins", on the screen that appears, next select the plugins you want to be installed, pick "Install" in Bulk Actions select box and click "Apply" button. For optimal user experience install and activate all recommended plugins.

Demo Data Installation

              
                    Warning! It is recommended to install sample data on a clean WordPress installation! 
                    Otherwise full or partial data loss may occur!
              
            

              
                    Please note that demo data sets which come with our themes use both free and paid stock images from a variety of sources. These images and videos are not included with your purchase, and you are required to buy a license for any "PAID" image or video if you wish to use them. Also, please note that even free images can't often be used for commercial purposes. Always make sure you read the details of each resource to fully understand the license it comes with. Here are resources we have used to generate dummy data for our demo, some of them are not for commercial use: Link 
              
            

After you activate your theme and install required plugins you may want to install sample data to make your site look like Live Demo of our theme, which can be found here: http://chromium.themes.zone/.
These are the steps you need to follow to install sample data: Watch a detailed video tutorial on sample data installation for Chromium Theme

              
                    Recent Elementor plugin update brought some problems to our theme – sample data does not install well. While we are working on fixing the issue, we came up with these steps so you could fix the problem on the spot: https://themes.zone/docs/broken-demo-data-for-chromium-solution/ 
              
            

1. Log in to your WordPress dashboard

2. Before you begin, make sure all the required plugins are activated. To begin installing sample (demo) data, in your WordPress dashboard go to Appearance -> Import Demo Data, click the Import Demo Data button once

and wait till installation is over. The process may take several minutes. As you can see, once you entered "Import Demo data" area, there will be 3 available demo datas: Chromium Demo (Local Shop), Chromium Demo (Marketplace), Chromium Demo (Supermarket). Import needed version. You should know that there is enough just to import only 1 Demo data. Other templates come with theme package (dummy data directory) and can be imported anytime via Elementor's Import tool.

3. Import the demo slider (if needed). To import the demo slider in your WordPress dashboard go to Slider Revolution -> press the Import slider button.

Important Notice: Revolution Slider plugin is currently removed from the theme package. Please create a ticket here with a title "Revolution Slider" to receive your copy. We apologize for the inconvenience and are working on new automated ways of distributing the plugin.

Press choose file and exact demo slider from the theme package you downloaded, or you can download it here separately, and press import.

Make sure your recently imported slider shortcode matches exact one on the home page of your site. Most likely it won't. By default our demo home page is looking for slider with this shortcode [rev_slider alias="chromium-slider"], imported slider will have a different shortcode. So you should to go to your imported slider settings, find its shortcode, then go to editing your demo home page and change to imported one using Elementor.

To find the demo slider's shortcode go to Slider Revolution menu in your WordPress dashboard, click on the slider you just imported, then choose embed slider:

Then open your home page, press Edit with Elementor at the wp admin bar:

Hover your mouse pointer over the top element of the page and press Edit widget

and change the slider's shortcode you can find at the left side of your screen , edit shortcode. Then hit Apply and Update buttons.

The slider should appear on your home page now once you refresh it.

Creating a child theme

We strongly recommend you to create a child theme and use it for customizing Chromium. This way you can update the theme and it's plugins without fear of loosing implemented changes.

You can download the blank child theme we created for you here.

Please read this article to get a better understanding of WordPress child theme purpose, creation and usage: https://codex.wordpress.org/Child_Themes

Chromium Directory Theme Installation

Automotive dealership demo includes all the tools you need to create a successful online presence in a relatively short timespan.With every new demo for Chromium auto parts theme, we try to push the boundary of proximity to perfection to a new level. Above all, we try to provide our clients with the best design and technical stuff we possibly can. Auto Directory is not an exception and allows building almost outstanding marketplace based on WooCommerce & Auto Listings functionality. Read more about this complex filters here.

Learn how to configure settings for Scribbler, such as your syntax highlighting preference and the default saving folder location.

              
                    Chromium Directory Theme is a WordPress theme, therefore it is important to get to know WordPress CMS before you continue. If you are not familiar with WordPress please visit WordPress getting started guide 

                    You may find a detailed documentation of WordPress functionality at WordPress Codex

                    Please, make sure to use original WordPress copy from wordpress.org website. Do not use the pre-installed copy provided by your hosting company.
              
            

Once downloaded, unzip the compressed folder to see the structure of package.

1. Go to THEME folder, there you will find a packaged Chromium-dir.zip folder, upload the package to wp-content/themes/ folder of your WordPress and uncompress it. Once uncompressed, the theme can be activated.

2. Go to backend section of your WordPress site (http://link_to_your_site/wp-admin/), then go to Appearance -> Themes and activate the Chromium Directory Theme).

3.When you click on "Activate" button to activate Chromium Directory Theme, you will see the a notice offering you to install required and recommended plugins. Click "Begin installing plugins", on the screen that appears, next select the plugins you want to be installed, pick "Install" in Bulk Actions select box and click "Apply" button. For optimal user experience install and activate all recommended plugins.

Chromium Directory Demo Data Installation

              
                    Warning! It is recommended to install sample data on a clean WordPress installation! 
                    Otherwise full or partial data loss may occur!
              
            

              
                    Please note that demo data sets which come with our themes use both free and paid stock images from a variety of sources. These images and videos are not included with your purchase, and you are required to buy a license for any "PAID" image or video if you wish to use them. Also, please note that even free images can't often be used for commercial purposes. Always make sure you read the details of each resource to fully understand the license it comes with. Here are resources we have used to generate dummy data for our demo, some of them are not for commercial use: Link 
              
            

After you activate your theme and install required plugins you may want to install sample data to make your site look like Live Demo of our theme, which can be found here: http://chromium.themes.zone/directory.
These are the steps you need to follow to install sample data: Watch a detailed video tutorial on sample data installation for Chromium Directory Theme

              
                    Recent Elementor plugin update brought some problems to our theme – sample data does not install well. While we are working on fixing the issue, we came up with these steps so you could fix the problem on the spot: https://themes.zone/docs/broken-demo-data-for-chromium-solution/ 
              
            

1. Log in to your WordPress dashboard

2. Before you begin, make sure all the required plugins are activated. To begin installing sample (demo) data, in your WordPress dashboard go to Appearance -> Import Demo Data, click the Import Demo Data button once

and wait till installation is over. The process may take several minutes.

Creating Chromium Directory child theme

We strongly recommend you to create a child theme and use it for customizing Chromium Directory. This way you can update the theme and it's plugins without fear of loosing implemented changes.

You can download the blank Chromium Directory child theme we created for you here.

Please read this article to get a better understanding of WordPress child theme purpose, creation and usage: https://codex.wordpress.org/Child_Themes

Theme Options

Chromium has a powerful set of theme options on board to make your user experience pleasant and to provide you with effective customization tools. One of importan peculiarities of Chromium theme options is that they are available through WordPress Customizer and will change depending on the page you are customizing at the moment.

Chromium theme options facilitate control over certain crucial areas of your Chromium-based website. Theme options can be accessed in your WordPress menu at Appearance -> Customize. Chromium theme options consist of 10 sections: Site Identity , Theme Options ,TZ Feature Pack Options , Menus , Widgets , Home Page Settings, WooCommerce , Additional Css , Yoast SEO Breadcrumbs , Export/Import.



And 10 additional theme options: Blog Options , Single Post Options , Gallery Options , Header Options , Footer Options , Page Layout , Store Options , Product Page Options , Cart and Checkout Options , Typography and Colors.

Blog options

This set of theme options allows to manage blog page elements within customizer.

Hide Post Author helps to hide post author info

Hide Post Date allows you to hide date when posts were published on Blog page

Hide Post Categories allows you to disable post categories output on Blog page

Hide Post Tags allows you to remove post tags

Hide Post Views Counter allows to hide post views counter on blog page

Hide Post Likes Counter allows to hide post LIKES counter on blog page

Hide Post Comments Counter allows to remove post comments counter on blog page

Single Post Options

This set of theme options allows to manage your single blog post page elements within customizer.

Enable Output of Related Posts selector allows you to enable/disable output of related posts in the bottom of single post page.

Enable PREV/NEXT navigation selector allows you to enable/disable output of PREV/NEXT navigation in the bottom of single post page.

Gallery Options

This set of theme options allows to manage your Gallery page elements in customizer.

Add Filter Navigation selector allows you to enable/disable output of filter navigation on the top of Gallery page.

Full-width Gallery Container enables/disables full-width container for Gallery page.

Horizontal/Vertical Gap controllers for Images allows to control distance between images on Gallery page.

Filter Navigation Colors allows recolor filter navigation buttons on Gallery page.

Header Options

This set of theme options allows to manage your Header within customizer. It includes Custom Header Background and Header's Top Panel options

Custom Header Background contains Enable/Disable switcher , Background Image , Background Color , Header Font features.

Header's Top Panel contains Enable/Disable switcher , Background Color , Text Color Top Panel features.

Footer Options

This set of theme options allows to manage your Footer elements within customizer. It includes Custom footer Background , Copyright Section and Pre-Frooter Shortcode Section options

Custom Footer Background contains Enable/Disable switcher , Background Image , Background Color , Footer Font features.

Copyright Section allows to fill out needed copyright info

Pre-Footer Shortcode Section allows to fill out needed shortcodes to be displayed straight before footer.

Layout Options

This set of theme options allows to manage layout of pages within customizer. It includes Front page layout , Global layout for Pages , Blog page layout , Global layout for Pages , Single post view layout , Products page (Shop page) layout , Single Product pages layout options

All of these features give an opportunity to specify position of sidebar on exact pages. Disable/Enable sidebar output at all.

Store Options

These theme options allow to manage Shop settings in customizer. Qty of products visible on shop page , Default products view , Product Listing Hover Style , Product Sale Badges Style , How many products to show per row on mobile devices , Enable/Disable Catalog Mode options are included.

Chromium theme has 3 product listing hover effects to give you choice that suites your content.

Single Product Options

These set of theme options allows to manage Single Product page settings in customizer. Product Page Background color , Woocommerce Gallery Slider , Product Page Layout , Woocommerce Gallery Lightbox , Woocommerce Gallery Zoom , Product Variations Grid View , SHARE buttons on Single Product page , Enable/Disable Up-Sells/Related products output under the tabs options are included.

Single Product page layout options includes 3 unique features to increase your site’s conversions rates.

Cart & Checkout Options

These set of theme options allows to manage Cart & Checkout pages settings in customizer. It includes Add widget area instead of Cross-Sells products , Enable Grid Layout for widgets.

Typography

Typography settings are available under Appearance -> Customize -> Typography. The section consists of a constant and a variable part, which changes depending on the page you are editing in Customizer at the moment. These are the main typography option blocks:

Option blocks have Font family dropdown selector with Google Fonts in it, a variant of the font - regular, italic, different font weights, font size, line height, letter spacing options, text alignment, text transform, text color options. These options provide you with supreme control over fonts on your site.

Colors

This option allows you to change background color for the whole website based on Chromium

• Text Colors
• Link Colors
• Heading Colors
• Borders and Icons Colors
• Fields Font-Family Colors
• Fields Border Radius Colors
• Text field, Textarea, etc.
• Primary Button Colors
• Primary Button Alt Colors
• Secondary Button Colors
• Secondary Button Alt Colors

Elementor

Our coders find drag & drop Elementor Page Builder really well-coded and decided to build all theme content on it. This user-friendly environment allows creating good-looking pages with needed layout.

Integrated front-end editor gives an opportunity to implement changes on your website using visual editor and observe applied changes almost immediately. If you are ready to get started, there are to ways how to enter additional Elementor's dashboard: Just push additional button on the top of needed page to enter Elementor's editor:

Or follow: wp-dashboard-->pages and push "edit with Elementor" within needed page.

Once you have entered Elementor, additional admin panel will appear on the left side of your screen.

First 2 steps include "add section" and "set page structure"

Like lots of other popular page builders, Elementor gives and oportunity to import pre-built pages from library. All templates that are used in our Demo Datas can be found in "Demo Data" folder in the root of theme package. Just import needed one and move forward:

Each section has its own settings, such as: layout/style/advanced;

• Layout (allows to edit content width, height, content gap, position etc.)
  
  


• Style (brings the possibility to edit background, border, shape divider, typography etc.)
  
  


• Advanced (secton margin, padding, z-index, hover effects, responsive features and even custom CSS possibility)
  
  

Elementor allows you to manage number of content widgets and content elements, which you can place anywhere on the page and relocate them according to your needs anytime via full drag-and-drop support. Default Chromium theme functionality is equipped with more than 20 unique custom elements & widgets. Just drag element and locate wherever you want, save changes and move forward. All default Woocommerce and WordPress widgets are included as well.

In our Chromium Cars & Auto Parts WordPress theme you can observe several page layouts. Demo Data of this WordPress theme gives an opportunity not to waste time with building each layout from the very beginning and use pre-built ones:

All templates come with theme package (dummy data directory) and can be imported anytime via Elementor's Import tool

Let's look deeper at 6 unique widgets that were developed especially for Elementor content builder and are used in Chromium theme. Enter Elementor dashboard and type "TZ" in Search field and system will light out all of them for you:

• TZ Promo Banner (allows to add configurable banner with several parameters such as hover effects, promo text, button with link etc.)
  
  


• TZ WooCommerce Shortcode (brings the possibility to add Featured/Recent/Sale product carousels etc.)
  
  


• TZ Product Tabs
  
  


• TZ Hoverable Tabs
  
  


• TZ Testimonials
  
  


• TZ Product Categories Grid/Carousel (allows to add configurable product categories element with several parameters)
  
  


• TZ Sale Carousel (adds Sale products carousel on your site)
  
  


• TZ Posts from Blog (adds configurable carousel with posts)
  
  

Translating Your Theme

There are several methods to create a translation of a WordPress theme. To translate Chromium to another language (Localization) you will need to create a custom translation. We recommend using PoEdit to create a custom translation for Chromium.

To create a custom translation you will need to take several steps:

1. Download PoEdit and it install on your computer: https://poedit.net/download
2. Locate the Chromium.pot file in the languages folder of your theme, open it with PoEdit and hit create new translation
3. Translate necessary text strings. You will be able to come back and edit your translation later.
4. Save the resulting file as themename-language_LOCALE.po, the .mo file will be compiled automatically. For example, for German language files should be named as Chromium-de_DE.po and Chromium-de_DE.mo
5. Upload resulting files to wp-content/languages/ in your WordPress installation.
6. Go to WordPress Settings and adjust Site Language in the dropdown.
7. Save changes.

To create a website which has several languages and cureencies use WPML.

Site Speed

Your website site speed largely depends on your server and site optimization. These are the steps we recommend you to take in order to get a dramatic increase in site speed in case if you need one:

1. Use Merge + Minify + Refresh plugin. You can donwload it here.
2. Use WP Super Cache plugin. You can donwload it here.
3. Use a CDN for your site. Learn more about CDN for WordPress.
4. Your hosting must be a good one and support at least one of php caching solutions to reduce server response time.
5. Make sure your images are compressed with one of the many existing image compression tools, because heavy images slow down your site significantly. One of the simplest and free online tools for image compression is Tinypng.

If you do the following steps correctly, you have good chances of providing a good loading speed to your site's visitors, like us:

Support

Chromium theme comes with a minimum of 6 months of included support which also can be extended. It means that whenever you have a question on theme functionality during the support period you can create a personal ticket at https://themeszone.freshdesk.com and receive qualified help from our support team.

At Themes.Zone we believe that nothing should stand between the Code and your Business. That’s why we do our best to meet the highest support standards and make your theme experience as smooth and pleasant as possible. We care about you and what you do, because we think that your success is our success too. That is why our support team is trained to treat your messages with proper respect and attention.

Although we do our best to satisfy all of our customers' needs, certain things naturally fall beyond the scope of our support. We are not able to provide support on code customization, third-party plugin integration, and server-related issues. Theme/demo data installation is also not included in support. We'll generally provide support on using theme's features or problems with the theme only.

You should understand that sophisticated tasks like changing theme's functionality, achieving 100% third-party plugin compatibility, adding new functionality to the theme, changing theme layouts beyond the existing options, and other may require advanced web development skill set.

We strongly recommend you to carefully read the Item Support Policy by Envato which we follow in order to acquire a full understanding of the terms and conditions for our support services: https://themeforest.net/page/item_support_policy

Theme Customization

Please note that theme support does not include services to modify or extend the item beyond the original features, style and functionality. For customization services that will help you tailor the item to your specific requirements, it is recommended that you contact our support team to see if we are going to be able to privately offer you paid customisation services. You can also hire a third-party developer to customize the theme for you.