Creta is a modern, fully responsive Wordpress Woocommerce Theme created for e-commerce and online shop websites and gives you the ability to lead your business a step further. Creta is user-friendly and easily customizable to fit your needs. Built with latest coding standards and clean design, the theme is envisioned to provide you a long-term and powerful solution for your next online project.
If you have not set up your WordPress installation yet, you can grab a copy of latest WordPress version here. Next, go through the installation instructions inside readme.html file and set up your WordPress installation.
To install Creta Theme, follow the steps given below:
http://www.yoursite.com/your-wordpress-dir/wp-content/themes/ directory using an FTP software like Filezilla, CuteFTP or others.Important: Do NOT install the downloaded zip directly via WordPress Theme install option.
Log into your WordPress admin using the following URL: http://www.yoursite.com/your-wordpress-dir/wp-admin
Next, go to Appearance > Themes. Here, you shall see a thumbnail of Brezza theme. Click on ‘Activate’ link to activate the theme.
After activation, preview this theme by clicking on your blog name (top left corner) > Visit Site.
Important: Since, we haven't configured the theme yet so it may look empty.
On first load, you may see some unwanted widgets inside top-right section of header area. You can remove those widgets by navigating to WordPress Appearance > Widgets. Delete or pull out any unwanted widgets from this section. You can of-course place appropriate widgets in this section later on.
If you wish to disable admin bar on front end. You can do so by navigating to WordPress Users > Your Profile section.
Uncheck the toolbar option. Next, scroll down and click on "Update Profile" button to save the changes. The admin bar will hide.
You can find the dummy / sample data in Dummy Data folder under theme zip you have downloaded. Please find the following files in Dummy Data folder
1. .xml - Woocommerce Sample Data
First Upload .xml file via Admin > Tools > Import > Select checkbox for Download and import file attachments > Save
2. .json - Default Redux settings
Once theme is installed new menu is generated under left column "Creta Options". Then Go to Creta Options > Import / Export Paste the json code from .json text file & import.
By default, WordPress shows blog posts on front page unless we change these settings to show a static page. In our case, we will create a Home page and set it as static front page. You can follow these steps for creating a Home page:
If you imported the dummy data then home page and blog page automatically created.
If you do not import then follow the given steps.
Navigate to Pages > Add New. Next, enter a title for your home page. Say, "Home".
This will create a basic Home Page. But this page will still not appear on front page. For that, it will be required to set Front page Displays.
Please Select Home Template for Home page.
Similarly, Navigate to Pages > Add New create one more page and call it "Blog".
Important: We have just created the Home page. But this will not appear as front page yet. For that, we will need to adjust Front Page Display Settings.
Navigate to Settings > Reading > Front page displays > A static page. Next, set Front page as "Home", and choose Posts page as "Blog". Finally, Save the changes.
Once you are done, check the site. It should show your newly created Home page with basic content.
Home template styling for a page can be selected under Page options.
Go to Pages > All pages > Select Home page edit the page. In to the Page Attributes block Select Template > Home template.
For additional Theme Options we use Redux framework.
Creta theme support 2 different Theme Layout.
Creta comes with a theme options panel for basic settings and configuration of the theme.
In order to configure theme options, navigate to Creta Options. You shall see different sections in form of tabs. Let’s cover a brief introduction about each of these sections:1. Home Settings This section contains settings to configure/update your store's home page.
2. General Settings This section contains general settings like Upload Company/clients Logo.
3. Header This section can be used to configure header related settings i.e. logo, search boxes etc.
4. Menu This section covers settings for menu .
5. Footer This section can be used to configure footer related settings i.e. footer color schemes.
6. Styling Options This section covers settings for styling your Creta store. You can define your header footer background etc.
7. Blog Pages This section covers settings Blog Page. You can set different Blog Page Layouts here.
8. Social Media This section covers Social Media settings. You can set links of different social media accounts here.
9. Import/Export
You can import and export redux data from here.
Once you have configured basic settings, click on "Save Changes" button at the bottom of page. You can also reset all settings to default by clicking on "Reset all settings" button.
Set this as ON From Home Setting options .
Hot deal on Product Deatil Page option checked then deal time will display on product detail page.
Browse the other Creta options and configure the way you like to make your store the way you like.
Widget area is a section where you can use widgets for the theme. Creta supports 8 widget areas. 1 for sidebars of (Product Categories, Blog and Pages each). 5 for footer sections.
In order to access your widget areas, go to Appearance > Widgets. You will see 8 widget areas, as shown below:
These are the default widget areas. The theme will use these default widget areas when no exclusive widget area is defined for a page or post.
Let’s have a quick look on each widget area:
| Widget Area | Description |
| Shop Sidebar | Widgets placed under primary sidebar will appear only on Woocommerce pages i.e. categories, subcategories etc. |
| Content Sidebar | Widgets placed under content sidebar will appear only on wordpress pages i.e. About Us, Contact us etc. |
| Blog Sidebar | Widgets placed under content blog will appear only on wordpress post pages i.e. Blog page, blog category, blog tags, archive & blog single pages. |
| Footer Widget Area 1 | Widgets placed under content blog will appear only under footer widget section 1. Where you see our logo, some text and payment gateway images on our demo store. |
| Footer Widget Area 2 | Widgets placed under content blog will appear only under footer widget section 2. |
| Footer Widget Area 3 | Widgets placed under content blog will appear only under footer widget section 3. |
| Footer Widget Area 4 | Widgets placed under content blog will appear only under footer widget section 4. |
The screen options are a pull down menu which is located in the top right corner of your WordPress admin panel.
You can see a list of the different modules and checkboxes in the ‘Screen Options’ drop-down menu. You can show or hide something on the current screen of the WordPress dashboard by simply checking or unchecking the boxes.
In the image above, you’ll see a screen options panel.The Screen Options let you choose which sections and columns on the current screen of the WordPress admin panel are displayed or not.
Creta support WordPress menus in two locations. Top Menu in top header section, and Main Menu as the main menu.
1. Navigate to Appearance > Menus. 2. On the right side, you will see a form for adding new menu. Enter a menu name; say "toplinks" and click on "Create Menu" button.
Next, assign this menu to any of the available theme locations. i.e. Top Menu or Main Menu.
After assigning a theme location, save the menu. Next, add pages or custom links to the menu as required.
Tip: You can drag menu items up-down to manage order of appearance. You can drag them left-right to set as sub-page. You can also edit "Navigation Label" and "Title Attribute" if you wish to do so.
1. Go to Pages > Add New. Next, enter a Page Title and Page Content.
2. Scroll down to the bottom of your page. You will see a new panel added by a theme to set the required layout for your page.
You can repeat same procedure for creating more pages.
Theme's blog content will depend upon categories, posts and featured images associated with them. Most of the site content will contain images. So let’s start by creating a category and publish some posts in it. But before that, a quick note about image preparation.
Image PreparationSince the theme is responsive, images will be shown in fluid width. For better results, you can prepare images of around 800px to 100px width and auto height. You can save these images in web optimized .jpg or .png format, and keep on your hard drive. These can be uploaded to the posts when required.
Create a CategoryNavigate to Posts > Categories. Next, create a new category (say, Featured) and click on "Add Category".
A newly created category will appear.
Finding a Category ID: Hover your mouse pointer on the category name and watch it's link in the status bar of your browser. You shall see a link as taxonomy=category&tag_ID=xx. This xx is the category ID. Note this down as we will need the category IDs to populate the widgets, blog and portfolio pages.
You can follow same procedure for creating more categories like News, Health, Beauty, Blog etc. Let's create some posts for our "Featured" category.
Create a Post with Featured Image1] Go to Posts > Add New. Next, enter a Post Title and Post Content.
2] Scroll down to the right-bottom side of your page. You will see a panel for "Featured Image". Click on the "Set featured image" link.
A media uploader will appear. You can either Upload new image files by dragging them in the upload box, or set already uploaded images from the 'Media Library' section. After choosing an image, click on the 'Set featured image' button.
The newly set featured image will appear inside the "Featured Image" panel.
3] Finally, assign the post to an appropriate category and click on "Publish" button.
You can repeat same procedure for creating more posts in different categories. i.e. Create a post, set featured image, and publish it in appropriate category. Once you have enough posts and categories, they can be displayed in various sections of the site.
A blog or archive page can be created using built in page templates. Below are some basic steps for creating a blog or archive page:
Navigate to Pages > Add New. Next, enter a title for blog page. Say - “Blog”.
After publishing the page, just click on Blog to see your posts showing up in browser.
Use below shortcode to display product top parent catgeory.
Use below shortcode to display Special Products.
Use below code for Contact Us page.
Use below code for pricing table page.
Use below for FAQs page.
Use below for about us page.
Below are some Frequently Asked Questions that may help you in finding a solution to your specific issue.
1.I have just uploaded the download zip file to WordPress, and it is showing stylesheet missing error. Why?Your download zip file is not the theme itself. It is a collection of theme and documentation. It will be required to unzip this folder first. Next look for the folder named "creta" folder. Upload it to the wp-content/themes/ directory.
WordPress thumbnail sizes DO NOT get generated for images that were uploaded before the theme was installed. i.e. only newly uploaded images will get generated into the theme specified sizes. (This is a limitation with WordPress). To rectify this issue, you can follow any one of these solutions:
a) Delete old attachments and re-upload the images into the media library. Next, set these newly uploaded images as featured image to each post. (This could be a long process and time consuming).
b) Use the Regenerate Thumbnails plugin. This plugin regenerates all your post thumbnails without having to upload images again. This is a handy plugin and widely used for themes with WP Thumbnails feature. The installation instructions can be found inside the plugin. After installing this plugin, navigate to Tools > Regen Thumbnails. Next, follow the instructions and re-generate the thumbnails.
Since the theme is responsive, images are of fluid width. You can upload images from 800px to around 1200px in web optimized format for better results. The height of images are set to auto. You can also specify custom image sizes inside Appearance > Theme Options > Image Sizes.
4. How to use Theme CustomizerCreta supports WordPress Theme Customizer for basic color schemes on main Navigation menu, secondary area and footer. In order to use Theme Customizer, navigate to WordPress Appearance > Themes. Next, click on the "Customize" link that appears on the active theme section.
5. How to change Image Sizes of woocommerce productsTheme's image sizes can be changed inside Woocommerce > Settings > Products. Inside this section, provide image widths and height for different elements. After changing dimensions, click on "Save Changes". Once you are done, it will be required to regenerate thumbnails using Regenerate Thumbnails Plugin. Recommended Settings are:
You can set set that pages from admin panel. Here inside Woocommerce setting you can see option for set the page .
If you want to show registration form on My Account page then you have to enable this option Enable registration on the "My Account" page .
You can enable product category and their subcategory in menu from here path- Appearance -> Menus. Here on the top of the page you can see "Screen Options". Please click on this then Product Categories and other options will display. Please check the options. (Like Product Categories) Now that option will display to the left side of menus.
1.How to import dummy .xml data in wordpress- https://www.youtube.com/watch?v=kUZhiTDdglg
2.How to import redux .json data- https://www.youtube.com/watch?v=UKimb_tZbNI
3.How to Translate language in wordpress- https://www.youtube.com/watch?v=w3ZofkVknzQ
4.How to Set footer section- https://www.youtube.com/watch?v=jf9s93BhSi8
We would be glad to help you if you have any questions relating to this theme please contact us via email at - support@magikcommerce.com. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.