- Getting Started
- Installation of the theme
- Setting up the Homepage
- Theme Features
- Theme Options
- How to set up the sidebar
- Adding the Images to Revolution slider
- Setting up Content pages and posts
- Blog page
- One-Click Demo content import
- WooCommerce shop
- Reservation Form
Cinderella | Theme for Beauty, Hair and SPA Salons
A short guide and general information to help you get to know your new theme.
Above all, We would like to thank you for purchasing this theme, your contribution is very much appreciated.
This document covers the installation and use of this theme and reveals answers to common problems and issues - We encourage you to read this document thoroughly if you are experiencing any difficulties. If you have any questions that are beyond the scope of this document, feel free to pose them in the dedicated support forum.
Installation of the theme
Installation of the themeTo install this theme you must have a working version of WordPress already installed. For information regarding the installing of the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress
InstallationWhen you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways: FTP Upload - Using your FTP client, upload the non-zipped theme folder into the /wp-content/themes/ folder on your server WordPress Upload - Navigate to Appearance -> Add New Themes -> Upload. Go to browse, and select the zipped theme folder. Hit “Install Now” and the theme will be uploaded and installed.
2. WooCommerce (for online shop)
3. Revolution Slider
4. Contact Form 7
5. Bookly Lite
6. Breadcrumb NavXT
7. Force Regenerate Thumbnails
8. Recent Tweets Widget
9. STM Post Type
Setting up the Homepage
Setting up the HomepageTo set up the homepage you must create a new page, you can do so by navigating to Pages > Add New. The title for this page can be up to your liking. Under Settings > Reading please setup the new Homepage. Actually you can set any page to be your homepage. Once it’s created you can compose your homepage layout. The design layout is created under Bootstrap framework which is split into 12 columns grid. Each widget has its own maximum and minimum widths, so depending on that you can work out the layout for each page. As you can see the homepage just like any the page is now 100% constructible out of the modules we have in Visual Composer. The homepage can be created by any element in Visual Composer. To view the short manual on how to use the Visual Composer, please follow this link:
http://codecanyon.net/item/visual-composer-page-builder-for-wordpress/full_screen_preview/242431 The detailed documentation of Visual Composer can be found in main ZIP archive under ‘manual’ folder. FYI For your convenience you can use Visual Composer Templates. We have created several options of templates for you, you can use them once you do the demo import. this button works with templates, here you can choose from defaults, created by us, or you can create your own templates One more FYI Visual Composer by default is not ON for Custom Post types that we have – Services, Sidebars, Events. To enable it you should go to Visual Composer Settings and check the checkboxes for the needed Custom Post Types.
Theme OptionsOur theme is now supplied with the advanced Theme Options settings where you can regulate all the settings of the website in one place. You can go there via a link in the top bar and via a tab on the left panel in wp-admin. Some Basic Settings are still found under Appearance - > Customize; Site title & tagline: That’s pretty obvious, you can name your site here. Navigation: You can choose the menu to display in the top from precreated sets in wp-menu Widgets: You can set up the widgets into the precreated areas. You can do the same later Appearance > Widgets Static Front Page: Choose the Homepage and the Blog from the list of created Pages to assign their functions. You can do the same later under Settings >> Reading Using Redux framework you can easily change:
- Header area
- Blog view
- Shop page layout
- Social media profiles
- Footer area
- Demo Content upload
How to set up the sidebar
How to set up the sidebarIn this theme we paid special attention to Sidebars for your biggest convenience and on multiple previous requests. We have two types of sidebar. Now how it works: 1) Sidebars - Custom Post type which you build by means of Visual Composer and can insert into a page via STM Sidebar Visual Composer Module. 1) Appearance - > Widgets - > Sidebars which you build by means of regular WordPress widgets and insert into a page by means of Widgetized Sidebar Visual Composer Module. So, in our posts for example we use Widgetized Sidebar - > Right Sidebar. If you want to insert Custom Sidebar, you should use STM Sidebar Module - > Choose one of the precreated ones.
Adding Images to Revolution slider
Adding Images to Revolution sliderYou will need to upload various images to the Revolution slider. You can add items from Revolution Slider plugin in the WordPress backend. When you go there first you need to create the new Slider, and add new slides. The Main Slider is the one that is used in the default layout, Full Screen Slider is the one that is needed to be used when you choose Transparent Header option. To edit the slides themselves you Click the relevant button and you go to very intuitive slide editor More detailed manual you can find in the downloaded Manual folder “Revolution Slider”. So editing the slides themselves is done here, but inserting them into a page is done via Visual Composer by ADDING Revolution Slider module And when you insert it you just choose which one of precreated sliders you want to use. You can also import ready template via .zip, we provide such a .zip with the theme for your convenience.
MenusThere is only one navigation on the site – in the top, so you can adjust it under Appearance - > Menus This is standard Wordpress functionality, you can choose from the pages, post categories, or custom links.
Setting up Content Pages and Posts
Setting up Content Pages and PostsAll pages can be created as simple content pages or built by means of Visual Composer page builder. You will need to first set up the page and then add and set up content blocks. Just add a row and add the modules to row from the Visual Composer dashboard. Now you can choose how to compose your template. Add Content modules, Testimonials, etc. You have everything to realize your imagination. We have also included extension packages for Visual Composer. You can use them free. Just pick the module you like and add it to the row. Then you can edit it. You can also edit the row background, add video or parallax images to the background. Just click on Row edit icon and you will see the options & features, which are available for this row. Custom added shortcodes in our theme are on a separate tab: Besides this, each page contains these options which include header color or background image, title fonts and colors, breadcrumbs and button settings:
Blog pageThe Blog page is a usual blog, formed from the posts which belong to categories created by you, which have tags and featured images that show in the post listings on the blog page. The blog page can have the sidebar on the left, right or no sidebar, and the contents of the sidebar, as described above, are set under the Appearance > Widgets. Blogs can be posted by someone who has the access to the backend of the site with admin or author role. Anyway that person will be able to log into the WordPress panel and have a user profile. Default blog layout is grid layout and once you set up an empty page in the theme setting where it is said blog, it will show posts in grid layout. If you want to have List layout, you will need to create a page and set a template for it named Blog-list.
GalleryGalleries are created as a standard page using STM Gallery shortcode in Visual Composer. Here you create just single gallery photo. You can fill a Caption field as a Category of images.
ServicesWe use custom post types to describe a service your company offer via any element visual composer offers you
Content import in one click
Content import in one clickDon’t know where to start on building up your site? We have created an option for you to recreate our theme demo site in just one click. You should just go to Theme Options - > Demo Importer and click the import button.
WooCommerce shopWooCommerce is the most popular e-commerce plugin for WordPress. Now you can have a shop with all e-commerce features on WordPress. Before you start adding products, please go through the WooCommerce plugin settings and specify everything you need for your shop: Adding the products: You can easily add new products via Products > Add Product Just specify all details with the description and shipping details. For a single product you can upload several photos in Product Gallery. More information about the WooCommerce features you can find here: