Did You Know?

Cosmetsy - Beauty Cosmetics Shop Theme

First of all, thank you for choosing our theme. This documentation is meant to created to help you get started creating your site with our theme. In case you run into any kind of issue that you could find on the documentation, please feel free to get in touch with our dedicated support team on our support desk.

Server Requirements

There are two ways to install a WordPress theme: using the built-in installer or by uploading it via FTP

  • PHP version 7.2 or greater
  • MySQL version 5.6 or greater OR MariaDB version 10.0 or greater
  • WordPress memory limit of 128 MB or greater
  • HTTPS support

Download the theme

Download Theme files from Themeforest by going to the Downloads tab and finding the Cosmetsy Theme.

All files & documentation: It is a product archive with documentation,plugins folder and some additional files like changelog, lisense etc

Installable WordPress file only: It is the archive theme-name.zip with the theme itself -this file you need to install

If you get such an error while you're installing the theme The package could not be installed. The theme is missing the style.css stylesheet. then it is likely you try to install the whole theme files including the documentation and the others. You have to make sure you installed the installable WordPress file only.

Installing the theme

There are two ways to install a WordPress theme: using the built-in installer or by uploading it via FTP.

1. Installing using the WordPress theme installer

  1. From the dashboard go to Appearance Themes Add New Upload Theme
  2. Click on “Choose File” and select cosmetsy.zip;
  3. Click on “Install Now”.

2. Installing via FTP

This is a more advanced way to install your theme. To install Cosmetsy via FTP:

  • Download the Theme archive and extract the files it contains;
  • Use an FTP client to access your hosting server;
  • Unzip the cosmetsy.zip archive, put its contents (folder called cosmetsy) in the /wp-content/themes directory provided by WordPress;
  • Go to Appearance → Themes, find Cosmetsy and activate it.

Import Demo Data

After activated the theme please use theme setup wizard to make your website like our demo.

  1. From the dashboard go to Dashboard Appearance Theme Setup

Updating the theme

We strongly recommend always keep your theme up to date. Check the latest version in the changelog. Also, make a backup before updating the theme. If you're experiencing updating issues, deactivate all 3rd party plugins and try updating again.

Please first of all make sure that you have the Envato Market plugin activated. If you don't have the plugin, please activate it from Dashboard > Appearance > Install Plugins

  1. Go to https://build.envato.com/create-token/
  2. Give your token a name, agree to the terms and click on the “Create Token” button;
  3. Copy the generated token;
  4. From the dashboard go to Envato Market and paste your token in the Token line;
  5. Finally don’t forget to save the changes.

Header Settings

You can find logo, header general, preloader options.

  1. Go to Dashboard Appearance Customize Header Settings Logo

Header General and Preloader Settings

  1. Go to Dashboard Appearance Customize Header Settings

Cosmetsy Widgets Options

You can find in Footer First, Second, Third, Fourt and Fifth Options

  1. Go to Dashboard Appearance Customize Cosmetsy Widgets

Shop Settings

You can find in general and breadcrumb options.

  1. Go to Dashboard Appearance Customize Shop Settings

General Settings

Breadcrumb Settings

  1. Go to Dashboard Appearance Customize Shop Settings Breadcrumb

Blog Settings

You can find in blog breadcrumb and blog sidebar options.

  1. Go to Dashboard Appearance Customize Blog Settings

Breadcrumb Settings

Sidebar Settings

  1. Go to Dashboard Appearance Customize Blog Settings Shop Sidebar
  1. Go to Dashboard Appearance Customize Footer Settings

Main Color Settings

You can find in main color settings.

  1. Go to Dashboard Appearance Customize Main Color

Site Identy Settings

You can find in site identy settings.

  1. Go to Dashboard Appearance Customize Site Identity
Primary Navigation Menu Settings
Top Left Menu Settings
Primary Navigation Menu Settings Home-2
About Cosmetsy Menu Settings
Support Menu Settings
Switcher Menu Settings
Shop For Cosmetsy Menu Settings

Widgets - Settings

You can find in Footer - Second, Third, Fourth, Fifth Column.

  1. Go to Dashboard Appearance Widgets
Widget Options
Blog and Shop Sidebar Widget Options

Homepage-Settings

  1. You can set a frontpage from Dashboard Appearance Customize Homepage

Additional CSS Settings

You can add additional css.

  1. Dashboard Appearance Customize Additional CSS

Cosmetsy - Editing With Elementor

Customizing pages with Elementor.

Header Type - Editing With Elementor
Banner - Editing With Elementor
Slider - Editing With Elementor
Post Grid - Editing With Elementor
Contact Us - Editing With Elementor
Product Grid - Editing With Elementor
Footer Type- Editing With Elementor

Page Setup

if you want to get started manually, or skipped the setup wizard, then you need to get a set of shop pages, here is what you need to do:

  1. From the dashboard go to WooCommerce Status Tools
  2. Find the Create default WooCommerce pages option
  3. Hint the Create pages button on the right.

Account & Privacy

You can find checkout, account creation and privacy policy options;

  1. From the dashboard go to WooCommerce Settings Account & Privacy

Translation

You can freely translate our all themes thanks to Loco Translate plugin.

https://wordpress.org/plugins/loco-translate/

or

You can use WPML plugin.(PREMIUM)

https://wpml.org/

How to enable Time Countdown for product detail?

How to add the stock progress bar for product detail?

How to enable free shipping bar in WordPress theme - [WooCommorce]

How to make multivendor wordpress website [WC Marketplace Plugin]

How to change header type from elementor editor?

Click edit with Elementor and change the header type from the settings as in the image.

How to enable Sticky Titles?

  1. Dashboard Appearance Customize Shop Settings Product Detail Sticky Titles

Why the mini cart is broken?

If you are using Elementor Pro and the Mini Cart is broken, please cancel the mini cart option by following the steps below.

  1. Dashboard Elementor Settings Integrations
  1. Dashboard Appearance Customize Newsletter Settings

How to enable Attribute Swatches?

  1. Dashboard Appearance Customize Shop Settings General Attribute Swatches

How to enable Recently Viewed Products?

How to add Category Desc After Content?

Why are product images not showing?

First Step

If the images of the products do not appear correctly, please follow the steps below.

Important note: If the Jetpack plugin is installed, follow the first step.

  1. Dashboard Jetpack Settings Enable site accelerator

Second Step

If Jetpack is not installed, follow the second step and apply.

First of all, follow the steps from the panel and enter the Shop Settings section. Find Product Image Size. Remove Width and Height. Check out the image below.

  1. Go to Dashboard Appearance Customize Shop Settings

How to add the stock progress bar for product detail?

How to enable WooCommerce Catalog Mode?

How to enable Time Countdown for product detail?

How to enable Move Review Tab?

How to set Minimum Order Amount in WooCommerce?

How to enable the Buy Now Button?

How to enable order on Whatsapp button?

How to enable mobile sticky header?

How to enable Sticky Add to Cart Bottom on product detail page?

How to enable middle sticky header?

  1. From the dashboard go to Dashboard Appearance Customize Header Header General

How to enable Ajax Notice feature?

  1. From the dashboard go to Dashboard Appearance Customize Shop Settings General
  1. From the dashboard go to Appearance Customize Header Settings Sidebar Menu Style
  1. From the dashboard go to Appearance Customize Header Settings Logo Logo Size

How to enable Stock Quantity?

After activating this feature, you need to go to the products and determine the stock amount. Please review the image.

How to add a product video?

Note: If you want to add a video to a product, follow Dashboard - Products - All Products. Then hover over the relevant product and click the "Edit" button. Then follow the steps in the image and place the link.

  1. From the dashboard go to Dashboard Products All Products Edit Video

How to add 360° feature to a product?

  1. From the dashboard go to Appearance Customize Shop Settings Product Detail Product360 View

How to Re-order Product Summary?

  1. From the dashboard go to Appearance Customize Shop Settings Product Detail Re-order Product Summary

How to set Min/Max quantity?

  1. From the dashboard go to Appearance Customize Shop Settings General

How to change pagination type?

You can activate the Default, Load More or Infinite scroll feature here.

  1. From the dashboard go to Appearance Customize Shop Settings General

How to change Mobile Bottom Menu Style?

  1. From the dashboard go to Appearance Customize Shop Settings Mobile Bottom Menu Style

How to change Related Product Column?

  1. From the dashboard go to Appearance Customize Shop Settings Product Detail Related Product Column

How to add Mobile Bottom Menu?

  1. From the dashboard go to Appearance Customize Shop Settings General Mobile Bottom Menu Edit

How to enable Social Share Buttons?

  1. From the dashboard go to Appearance Customize Shop Settings Product Detail Social Share

How to enable Mobile Sticky Add to Cart?

  1. From the dashboard go to Appearance Customize Shop Settings Product Detail Mobile Sticky Add to Cart

How to enable Product Image Zoom?

  1. From the dashboard go to Appearance Customize Shop Settings Product Detail Image Zoom

How to activated Product Navigation feature?

  1. From the dashboard go to Appearance Customize Shop Settings Product Detail Products Navigation

How to enable Related Products with Tags Feature?

  1. From the dashboard go to Appearance Customize Shop Settings Product Detail Related Product with Tags

How to Add a Favicon ?

  1. From the dashboard go to Appearance Customize Site Identity

How to change the currency symbol?

  1. From the dashboard go to WooCommerce Settings General

How to Enable Registration Form?

  1. From the dashboard go to WooCommerce Settings Account & Privacy

Why the price filter and categories are not working?

  1. From the dashboard go to WooCommerce Status Tools Product Lookup Tables Regenerate

Support

  1. You can ask your questions on http://klbtheme.ticksy.com/

Thank You

Again, thank you for purchasing Cosmetsy - Beauty Cosmetics Shop Theme. If you need some help, or support please use email or contact form via themeforest profile site. Hope you happy with the theme, all the best with your business.