1. Getting Started

Welcome to the documentation for Skincare Shop Pro Theme! This documentation is designed to guide you through the installation, setup, customization, and usage of our theme. Whether you're a beginner or an experienced WordPress user, this documentation will help you make the most out of our theme.


Documentation Structure

This documentation is organized into several sections to help you navigate through different aspects of using our theme:

  • Introduction: Get an overview of our theme, its features, and the documentation structure.
  • Installation: Learn how to install and activate the theme on your WordPress website.
  • Setup: Follow step-by-step instructions to set up your website using our theme, including configuring theme options, creating pages, and setting up widgets.
  • Customization: Explore various customization options available in our theme, including theme customizer settings, page builder integration, and custom CSS.
  • Support: Find resources and guidelines for getting support, including documentation, knowledge base, support forum, and contact information.

Feedback and Support

Your feedback is important to us! If you have any questions, suggestions, or issues related to our theme, please don't hesitate to reach out to our support team. We're here to help you make the most out of your WordPress website.

Skincare Shop Pro Premium WordPress Theme for Beauty & Wellness Stores.
Skincare Shop Pro is a beautifully designed, feature-rich WordPress theme perfect for skincare brands, cosmetic stores, beauty salons, dermatology clinics, and organic product shops. With its modern layout and elegant aesthetics, it helps you showcase your products and services in the most captivating way.

Transform your online beauty store into a professional eCommerce platform with Skincare Shop Pro. Built using WooCommerce, this theme offers complete flexibility and performance. From product showcases to smooth shopping experiences, everything is crafted to highlight your brand’s glow.

Its responsive design ensures a flawless user experience across all devices — mobile, tablet, or desktop. With advanced customization options, you can easily personalize layouts, colors, and fonts to match your brand’s personality.

  • Beautiful Design: Skincare Shop Pro features a purpose-driven design that puts your cause front and center. The clean and engaging layout ensures that visitors are immediately drawn to your shop, and services.
  • Responsive and Mobile-Friendly: Skincare Shop Pro is fully responsive and mobile-friendly, ensuring your website looks stunning and functions flawlessly on all devices, including smartphones, tablets, and desktops.
  • Dedicated Support: With our dedicated support team, you're never alone on your website-building journey. We provide comprehensive documentation, tutorials, and timely support to help you overcome any challenges and make the most out of Skincare Shop Pro.
  • One-Click Demo Import: Get started quickly by importing our demo content with a single click. You can then customize and modify the content to suit your organization's needs.

2. Template Installation

Using the WordPress admin theme search feature is the simplest Shopby to deploy a free WordPress theme from the WordPress.org themes repository.

  1. Click Dashboard >> Appearance >> Themes

    dashboard >> theme
    dashboard >> theme
  2. Once you're on the Themes page, click the Add New button at the top.

    add new theme
    add new theme
  3. To upload a theme, click the button.

    Upload theme
    Upload theme
  4. Click the Browse button to select your farm-adventure-resort-pro.zip theme, then click Install Now to proceed.

    Install theme
    Install theme
  5. if you are not able to see the posttypes then youh have to manually active the "Farm Skincare Shop Pro Posttypes" by going in to the plugins option

    Install theme
    Install theme
  1. Connect to your server via FTP after installing and configuring your FTP application. Navigate to the /wp-content/themes/ directory. Once there, upload your theme's folder.
  2. Remember to unzip the theme folder before uploading it via FTP. After the upload is complete, log in to your WordPress admin area and go to Appearance » Themes.
  3. The theme you uploaded should appear in the list. Hover over it and click the Activate button to successfully install and activate your WordPress theme.

3. Color Font Setup

The method of changing the colour or font is quite simple. You can change the color and font of the headings (h1,h2,....,h6), paragraphs (p), and buttons (Button) with a single quick click.


Depending on the amount of options accessible in each area, there is an option to change the colour scheme for the headings, title/text, paragraphs, button text, and button background.

Font Setting for Font
Font Setting for Font

4. Theme Setup

Configure the home page template

Set up your home page by following these instructions.


  1. To set a template, create a page: choose "Dashboard" >> "Create a New Page"

    You can label it anything you choose, such as "home." then pick the "home-page" template from the template menu.

    Home Page Template
    Home Page Template
  2. To set the home page: Go to Setting > Reading and select a static page for the Homepage under the Front Page Displays section.

    Set Front Page
    Set Front Page

Set Slider title=
Set Slider

To set up the slider, adhere to the procedures below.

Select slider Section Settings from Appearance >> Customize >> Theme Settings >> Slider Settings .

Set Slider
Set Slider

You can customise the slider's picture, title, description section in this area.
You can change how many slides there you want. Additionally, you can change the font family, font weight, font size, and the colors of the headings and subheadings and also settings are given for navigation arrows, and you can also select how many slides you want.

In this section the content is taken by the Post type named as "Dermatology" for any changes of content you'll have to do following steps: 
-> Go to Dashboard
-> Then Select "Dermatology" Post Type
-> And there you can edit and add content manually according to your preference and then do publish


Dermatology
Dermatology

Dermatology
Dermatology

Go to Appearance >> Customize >> Theme Settings >> Dermatology to access the Dermatology Section settings.


Dermatology Customizer Settings
Dermatology Customizer Settings

Dermatology Customizer Settings
Dermatology Customizer Settings

The following sections are included in the Dermatology Section customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.

Go to Appearance >> Customize >> Theme Settings >> About to access the About Section settings.


About
About

Services Customizer Settings
Services Customizer Settings

The following sections are included in the About customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.

In this section the content is taken by the Post type named as "Services" for any changes of content you'll have to do following steps: 
-> Go to Dashboard
-> Then Select "Services" Post Type
-> And there you can edit and add content manually according to your preference and then do publish


Services Setup
Services Setup

Services Setup
Services Setup

Go to Appearance >> Customize >> Theme Settings >> Services to access the Services settings.

Services Setup
Services Setup

Services Setup
Services Setup

The following sections are included in the Our Resort customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.

In this section the content is taken by the Post type named as "Contact" for any changes of content you'll have to do following steps: 
-> Go to Dashboard
-> Then Select "Contact" Post Type
-> And there you can edit and add content manually according to your preference and then do publish


Appoinment
Appoinment

Appoinment
Appoinment

Appoinment
Appoinment

Go to Appearance >> Customize >> Theme Settings >> Appoinment to access the Appoinment settings.


Appoinment
Appoinment

Appoinment
Appoinment

The following sections are included in the Appoinment customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Depending on the content, different font settings.
- Also settings are given for navigation arrows.

In this section the content is taken by "Categories" of the Post type named as "Products" for any changes of content you'll have to do following steps: 
-> Go to Dashboard
-> Then Select "Products" Post Type
-> Then Select "Categories"
-> And there you can edit and add content manually according to your preference and then do publish


categories
categories

In this section the content is taken by the Post type named as "Products" for any changes of content you'll have to do following steps: 
-> Go to Dashboard
-> Then Select "Products" Post Type
-> And there you can edit and add content manually according to your preference and then do publish


Products
Products

Products
Products

Go to Appearance >> Customize >> Theme Settings >> Trending to access the Trending settings.


Trending Products
Trending Products

Trending Products
Trending Products

The following sections are included in the Trending customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.
- Also given font settings and color settings for After Active Also.

Go to Appearance >> Customize >> Theme Settings >> Video to access the Video Section settings.


Video Settings
Video Settings


Video
Video

The following sections are included in the Video customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.

Go to Appearance >> Customize >> Theme Settings >> Saver Plans to access the Saver Plans settings.


Money Saver Plans Customizer Settings
Money Saver Plans Customizer Settings

Money Saver Plans Customizer Settings
Money Saver Plans Customizer Settings

The following sections are included in the Saver Plans Section customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.
- Also settings are given for navigation arrows.

Go to Appearance >> Customize >> Theme Settings >> Offer Banner to access the Offer Banner settings.


Offer Banner Customizer Settings
Offer Banner Customizer Settings

Offer Banner Plans Customizer Settings
Offer Banner Plans Customizer Settings

The following sections are included in the Offer Banner customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.
- Also settings are given for navigation arrows.

In this section the content is taken by "Categories" of the Post type named as "Products" for any changes of content you'll have to do following steps: 
-> Go to Dashboard
-> Then Select "Products" Post Type
-> Then Select "Categories"
-> And there you can edit and add content manually according to your preference and then do publish


categories
categories

In this section the content is taken by the Post type named as "Products" for any changes of content you'll have to do following steps: 
-> Go to Dashboard
-> Then Select "Products" Post Type
-> And there you can edit and add content manually according to your preference and then do publish


Products
Products

Products
Products

Go to Appearance >> Customize >> Theme Settings >> Branded Product to access the Branded Product settings.


Branded Product
Branded Product

Branded Product
Branded Product

The following sections are included in the Branded Product customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.
- Also given font settings and color settings for After Active Also.

Go to Appearance >> Customize >> Theme Settings >> Discount to access the Discount settings.


Discount Customizer Settings
Discount Customizer Settings

Discount Customizer Settings
Discount Customizer Settings

The following sections are included in the Discount customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.
- Also settings are given for navigation arrows.

In this section the content is taken by the Post type named as "Testimonial" for any changes of content you'll have to do following steps: 
-> Go to Dashboard
-> Then Select "Testimonial" Post Type
-> And there you can edit and add content manually according to your preference and then do publish


Reviews
Reviews

Reviews
Reviews

Go to Appearance >> Customize >> Theme Settings >> Testimonial to access the Testimonial settings.


Reviews
Reviews

Reviews
Reviews

The following sections are included in the Reviews customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Depending on the content, different font settings.

Blog Posts Setup


In this section the content is taken by the Post type named as "Posts" for any changes of content you'll have to do following steps: 
-> Go to Dashboard
-> Then Select "Posts" Post Type
-> And there you can edit and add content manually according to your preference and then do publish


Blog Settings
Blog Settings

Blog Settings
Blog Settings

Go to Appearance >> Customize >> Theme Settings >> Blog Feed to access the Blog Feed settings.


Blog Customizer Settings
Blog Customizer Settings

Blog Customizer Settings
Blog Customizer Settings

The following sections are included in the Blog Feed customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.


Go to Appearance >> Customize >> Theme Settings >> Blog Feed to access the Blog Feed settings.


Faqs
Faqs

Faqs
Faqs

The following sections are included in the Blog Feed customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.


Go to Appearance >> Customize >> Theme Settings >> Patners to access the Patners settings.


Patners Settings
Patners Settings

Patners Settings
PriPatnersingplan Settings

The following sections are included in the Patners customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Dynamic Images 
- Dynamic Content 
- Depending on the content, different font settings.

Go to Appearance >> Customize >> Theme Settings >> Contact Page Section to access the Footer Text Section settings.


Contact Page
Contact Page

Contact Page
Contact Page

The following sections are included in the Contact Page customization: 
- Section marked "Enable/Disable"
- Background Color / Background Image
- Depending on the content, different font settings.

5. Template & Sidebar Information

Page Template Options:

  • Standard Template
  • Default Page Template with Right Sidebar Position
  • Full Width Page
  • Page Template with One Column (No Sidebar)
  • Left Sidebar on This Page
  • Page Template with Left Sidebar Position
  • Right Sidebar of the Page
  • Page Template with Right Sidebar Position

Blog Options:

  • Full-width Blog
  • Blog Template with One Column (No Sidebar)
  • Blog Template with Left Sidebar
  • Blog Template with Left Sidebar Position
  • Blog Template with Right Sidebar
  • Blog Template with Right Sidebar Position

Contact Template

  • Default Contact Template with No Sidebar Position

6.Posts Information

Adding Category

For more information on adding categories, refer to the following article:

click here
Posts Section
Posts Section

  1. Access your WordPress Administration Panel (Dashboard).
  2. Navigate to the Posts tab in your WordPress Dashboard
  3. After that, go to the Categories for blog entries.
  4. Enter the name of your new category in the field provided.
  5. Then, click the Add New Category option.

Select the Publish option.



Create a Blog posts

Posts Section
Posts Section
  1. Access the WordPress Dashboard.
  2. Select the Posts option.
  3. Select the Add New tab.
  4. Write in your post content. For more information on adding posts, please check the following link
    click here

7. Shortcodes

A shortcode is a powerful tool for generating content.
Shortcodes are simple to use.

For more Information refer to this link click here

First and foremost, ensure that the editing mode is ready to Visual.



8. Custom Widgets


Custom Widget
Custom Widget

9. Support

Welcome to the Support Section! We are here to assist you in making the most out of our WordPress theme. Whether you're facing issues, need guidance on customization, or have general questions, we're here to help.

How to Get Support

  1. Documentation
    Before reaching out for support, we recommend consulting our comprehensive documentation. It covers installation instructions, theme features, customization options, and troubleshooting tips.
  2. Support Forum
    If you haven't found a solution in the documentation or Knowledge Base, our support forum is the next step. You can post your questions, issues, or feature requests in the forum, and our support team, as well as the community, will assist you. Just click on the link provided below:

For Any Time Assistance / Feel Free To Ask , click here