Documentation

Online Flower Shop Pro

Thank you so much for purchasing our item from buywpthemes.

If you have any questions that are beyond the scope of this help file, Please feel free to email via Item Support Page.

Installation

Follow the steps below to setup your site template:

  1. Unzip the downloaded package and open the /HTML folder to find all the template files. You will need to upload these files to your hosting web server using FTP or localhost in order to use it on your website.
  2. Below is the folder structure and needs to be uploaded to your website or localhost root directory:
    • Installation By WordPress Admin area
      • First you have to log into your WordPress admin
      • Hit Add new theme and click upload
      • Go to Dashboard -> Appearance -> Themes
      • Click on Add New Theme button at top
      • Click Upload Theme button and upload
      • Hit on Activate once upload has finished
    • Installation By FTP
      • Download online-flower-shop-pro.zip file from your My Account.
      • Extract Zip file
      • By using your FTP, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server
      • Go to Dashboard -> Appearance -> Themes and find out online-flower-shop-pro theme from list
      • Hit on Activate to active online-flower-shop-pro theme.

General Setting

  • Go to Appearence -> Customizer -> General Setting

    • Documentation and examples for header, navbar, sidebar, footer

    Header

    The list of various header settings & its descriptions are provided below for your reference:

    All Setting

    There are two tabs here. General and style

    GENERAL

    You may follow below functionality.

    • Show/hide Sticky Header
    • Select Header Style
    • Set Section Width
    • Set Header Image Opacity
    • Add Woocommerce Account Page Link
    STYLES
    • Change Header Colors | BG Image
    • Change Header Colors

    Logo Setting

    There are two tabs here. General and Layout

    GENERAL

    You may change header site details by using below functionality.

    • Select Logo
    • Add Site Title
    • Add Tagline
    • Hide/Show Site Title
    • Hide/Show Tagline
    • Add Site Icon
    LAYOUT
    • Set Width
    • Set Height
    • Add Padding

    Menu Setting

    There are Three tabs here. General , Style and Responsive Menu

    GENERAL
    • Select Menu Dropdown Animations
    • Select Menu Font Case
    • Add Menu Font Size
    • Select Weight
    STYLE
    • Select Colors
    RESPONSIVE MENU
    • Select Colors
    • Add Menu Font Size

    Pages

    The list of various pages settings & its descriptions are provided below for your reference:

    Inner Pages

    There are Three tabs here. General , Layout and Style

    GENERAL

    You may follow below functionality.

    • Show/Hide Page Title
    LAYOUT
    • Select Left / Right and No Sidebar
    • Select Page Width
    STYLES
    • Set Image Opacity
    • Select Header Box Transition Effects
    • Select Colors

    Blog Pages

    There are Three tabs here. General, Layout and style

    GENERAL
    • Show/Hide Show Thumbnail Image
    • Set Feature Image Height
    • Show/Hide Date
    • Show/Hide Excerpt
    • Show/Hide Socials
    • Hide/Show Button Display
    • Add Button Label
    LAYOUT
    • Select Left / Right and No Sidebar
    • Set Excerpt Length
    • Select Width
    STYLES
    • Select Colors

    Single Post

    There are two tabs here. General, Style

    GENERAL
    • Show/Hide Show Image
    • Select Post Sidebar
    • Show/Hide Author
    • Show/Hide Date
    • Show/Hide Time
    • Show/Hide Category
    • Show/Hide Comments
    • Show/Hide Tag
    • Hide/Show Socials
    STYLES
    • Select Colors

    Contact Page

    There are two tabs here. General, Style

    GENERAL
    • Add Detail Heading
    • Add Detail Text
    • Add Phone Label
    • Add Phone Number
    • Add Email Label
    • Add Email ID
    • Add Chat Label
    • Add Chat Text
    • Add Form Heading
    • Add Form Text
    • Add Form Shortcode
    • Add Map Embed Code
    STYLES
    • Select Box Onload Transition Effects
    • Select Colors

    Shop Page

    There are two tabs here. General, Style

    GENERAL
    • Select Shop Sidebar Display
    • Add Product Font Size
    STYLES
    • Select Colors

    Single Product Page Page

    There are two tabs here. General, Style

    GENERAL
    • Add Product Heading
    • Set Product Image Height
    STYLES
    • Select Colors

    Testimonial Page

    There are two tabs here. General, Style

    GENERAL
    • Show Thumbnail Image
    • Show/Hide Excerpt
    • Show/Hide Button
    • Add Button Text
    STYLES
    • Select Colors

    Team Page

    There are two tabs here. General, Style

    GENERAL
    • Feature Image Height
    • Show/Hide Social Icon
    STYLES
    • Select Colors

    FAQ Page

    Here is one tab. Style

    STYLES
    • Select Colors

    Gallery Page

    There are two tabs here. General, Style

    GENERAL
    • Gallery Image Height
    STYLES
    • Select Colors

    Services Page

    There are two tabs here. General, Style

    GENERAL
    • Service Image Height
    STYLES
    • Select Colors

    Other Settings

    The list of various pages settings & its descriptions are provided below for your reference:

    All Setting

    • Show/Hide Back to Top Button
    • Select Back to Top Button Color

    Font Setting

    There are Seven tabs here. H1, H2, H3, H4, H5, H6, Body Font

    • Add Font size
    • Select Colors
    • Select Font Weight

    Breadcrumb options

    • Select Show/Hide Option
    • Select Colors

    Footer Setting

    There are Three tabs here. General , Layout and style

  • - You may follow below functionality.
    GENERAL

    You may follow below functionality.

    • Add Copyright
    • Add Logo
    • Add Social Icon
    STYLES
    • Select Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Section Onload Transition Effects
    • Select Copyright Alignment
    • Select Colors
    LAYOUT
    • Add Footer Padding
    • Select Section Width

    • Home Section

  • Go to Appearence -> Customizer -> Home Section

    • The list of various Section settings & its descriptions are provided below for your reference:

    Slider

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Title and Description on Slider
    • Add Social
    • Hide/Show Flower Animation Display
    STYLES
    • Select Colors
    LAYOUT
    • Select Section Padding

    Banner 1 Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality for Banner 1 & Banner 2.

    • Set Banner Image
    • Add Discount Text
    • Add Banner Title
    • Add Tagline
    • Set Button Display Using Hide/Show
    • Add Button Text & Its Link
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Select Section Background Opacity
    • Select Image Overlay Opacity
    • Set Onload Transition Effects
    • Set Banner Tagline Case
    • Set Banner Heading Case
    • Select Colors
    LAYOUT
    • Select Section Width
    • Select Section Padding
    • Select Set Image Height
    • Select Set Banner Content Width

    New Arrival Section

    For Add Product Discount and Product Sale/New Label

    Go To Dashboard >> Woocommerce >> Product >> "Product Discount" and "Product Sale/New"

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality for Banner 1, Banner 2,Banner 3 & Banner 4.

    • Set Enable/Disable Section
    • Add Section Heading
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Select Section Background Opacity
    • Set Onload Transition Effects
    • Set Products Content Alignment
    • Set Section Heading Case
    • Set Products Title Case
    • Set Product Image Height
    • Select Colors
    LAYOUT
    • Select Section Width
    • Select Section Padding

    Best Seller Section

    There are Three tabs here. General , Layout and Style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Heading
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Select Section Background Opacity
    • Select Onload Transition Effects
    • Set Content Alignment
    • Set Section Heading Case
    • Set Products Title Case
    • Set Products Image Height
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    About Us Section

    There are Three tabs here. General , Layout and Style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Heading
    • Add Section Content
    • Add List
    • Select Client Image
    • Add Client Name
    • Add Client Designation
    • Select Center Image
    • Select Top/Bottom Image
    • Select Transparent Image
    • Add Time & It's Text
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Select Section Background Opacity
    • Select Onload Transition Effects
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Banner 2 Section

    There are Three tabs here. General , Layout and style

    GENERAL
    • Show/Hide Disable Section
    • Add Title
    • Add Sub Title
    • Add Text
    STYLES
    • Select Section Outer Background Color
    • Select Section Background Color
    • Select Section Background Image
    • Select Section Background Opacity
    • Set Onload Transition Effects
    • Select Colors
    LAYOUT
    • Select Section Width
    • Select Section Padding

    Featured Products Section

    In These You have to marked products as featured by clicking on star after adding products.

    There are Three tabs here. General , Layout and Style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Heading
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Select Section Background Opacity
    • Select Box Onload Transition Effects
    • Set Section Content Alignment
    • Set Section Heading Case
    • Set Products Title Case
    • Set Products Image Height
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Testimonials Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Heading
    • Add Section Sub Heading
    • Go to Dashboard -> Testimonials -> Add New -> Add Title, Designation / Nuber , Feature image
    • Select Number of Client to Show
    • Select Select Client Testimonial
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Set Testimonial Title Case
    • Set Section Heading Alignment
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Feature Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Select Number of Features to Show
    • Select Select Image
    • Add Title
    • Add Text
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Set Feature Title Case
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width

    Banner 3 Section

    There are Three tabs here. General , Layout and style

    GENERAL
    • Show/Hide Disable Section
    • Add Title
    • Add Text
    • Set Hide/ShowButton Text & It's Link
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Select Section Background Opacity
    • Set Onload Transition Effects
    • Select Title Case
    • Select Colors
    LAYOUT
    • Select Section Padding

    Gallery Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Heading
    • Go to Dashboard -> Gallery -> Add New -> Add Title, Feature image
    • Select Number of Gallery Images to Show
    • Select A Image
    • Add Title
    • Add Text
    • Add Insta User ID
    • Set Hide/ShowButton Text & It's Link
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Hide/Show Section Background Animation
    • Set Background Opacity
    • Select Box Onload Transition Effects
    • Select Colors
    LAYOUT
    • Add Section Padding
    • Select Section Width
    • Set Gallery Image Height

    Blog Section

    There are Three tabs here. General , Layout and style

    GENERAL

    You may follow below functionality.

    • Show/Hide Disable Section
    • Add Section Heading
    • Go to Dashboard -> Post -> Add New -> Add Title, Content, Category, Tag, Feature image
    • Select Number of Posts to Show
    • Check Exclude Category from Blog Posts
    • Select Transperent Image
    STYLES
    • Select Section Background Color
    • Select Section Background Image
    • Set Background Opacity
    • Select Section Onload Transition Effects
    • Select Section Heading Case
    • Select Posts Title Case
    • Select Colors
    LAYOUT
    • Set Excerpt Length
    • Add Section Padding
    • Select Section Width

    General Configuration

  • Go to Appearence -> Customizer -> General Configuration

    • The list of various settings & its descriptions are provided below for your reference:

    Static Front Page

  • Select Your Homepage Displays

    • Background Image Setting

  • Select Background Image

    • Header Image Setting

  • Select Header Image

    • Colors Setting

  • Select Header Text Color
  • Select Background Color
  • Select Theme Primary Color
  • Select Theme Secondary Color

    • Font Setting

  • Select Heading Fonts/Title Fonts
  • Select Body/Text Font
  • Select Slider Font
  • Select Other Font

    • Section Sequence

  • Go to Appearence -> Customizer -> Section Sequence

    • Inter change section Sequence name.