Cocktail Plus

Theme Documentation

Please Rate Us For Cocktail Theme

Thank you very much for choosing our Theme.
If you like this Theme, Please (Rate Us)

Cocktail Demo Setup


Installation

Step 1 WordPress Plugin Installation

To install this plugin, you must have a working version of WordPress already installed on your server. WordPress is well-known for its ease of installation.
https://codex.wordpress.org/Installing.WordPress. Please visit this link for installing WordPress.

Step 2 Installation Plugin Through Dashboard (Easy)

  1. First download a zip file from Account Page .
  2. Login as an admin and go to Site administration > Plugins > Install plugins
  3. Click the button ‘Upload plugins
  4. Select the zip file you have downloaded and install it
  5. Activate it

Step 3 Manual Installation using FTP (Advanced)

  • First download a zip file from Account Page .
  • Unzip cocktail-plus.zip file at your PC
  • Access your host web server using your favorite FTP client (such as Cyberduck or FileZilla etc).
  • Upload whole folder inside public_html/wp-content/plugins/cocktail-plus(folder) and Do not change directory/folder name.
  • Log into your WP admin paneland click on the Appearance->plugins tab.Now click on the Cocktail Plus to activate it.

Header Setup

Step 1 Upload Logo/ Fav Icon/ Web Icon

Go to Dashboard > Appearance > Customize > Cocktail WordPress Settings > Site Title & Logo Options > Upload Site Icon & Site Logo

Step 2 Setup Menu

  1. Go To Apperance > Menu
  2. Create a new menu by clicking on create a new menu
  3. Add your menu items as pages/ Category/ Custom Url in left side menu
  4. Choose “Main Menu” from below Checkbox

Step 3 Setup Social Icons

  1. Go To Apperance > Menu
  2. Create a new menu by clicking on create a new menu
  3. Add your menu items as Custom Url in left side menu
  4. Choose “Add Social Icons Only” from below Checkbox

Step 4 Setup Top Information at Header or Footer Widgets

Go to Dashboard > Appearance > Widgets > Drag Text Widget/ Custom HTML at Top Header Info/ Footer Column 4 Sidebar

Top Header Info

paste Below html Code and change according to your needs

<ul>
				<li><a title="Call Us" href="tel:+1234567890"><i class="fa fa-phone-square"></i> (123) 456-7890</a></li>
				<li><a title="Mail Us" href="mailto:[email protected]"><i class="fa fa-envelope-o"></i> [email protected]</a></li>
				</ul>

Setup Frontpage as in Demo

Setup FrontPage Features

  1. Create category from Dashboard > Posts > category.
  2. Create Posts under this category with title, image and featured image.
  3. Repeat this process for other posts too.

After creating Category, Posts with featured image Go to Dashboard > Appearance > Customize > Frontpage Features > Frontpage Features > Select Category just now you have created

Frontpage Features

Setup Frontpage Footer Posts

  1. Create category from Dashboard > Posts > category.
  2. Create Posts under this category with title, image and featured image.
  3. Repeat this process for other posts too.

After creating Category, Posts with featured image Go to Dashboard > Appearance > Customize > Frontpage Features > Frontpage Footer Posts > Select Category just now you have created

Frontpage Footer Posts

Custom CSS

You can add your custom CSS that will overwrite the theme CSS. Go to dashboard >appearance > Customize > Additional CSS

Layout Options

  1. Go to Dashboard > Appearance > Customize > Cocktail Theme Options > Layout Options
  2. Widget Top Bar (Plus)
  3. Sidebar Layout Options (Plus)
  4. Featured Image Display in Blog (Plus)
  5. Select responsive layout on/off
  6. Disable Entry meta from Blog Page
  7. Disable Entry meta from Single Page
  8. Blog Content Display () Excerpt/ Full Content)
  9. Design layout (Boxed/Small/Fullwidth Layout)

Cocktail Options

  1. Go to Dashboard > Appearance > Customize > Cocktail Theme Options > Cocktail Options
  2. Check to disable Search Form
  3. Check to disable Side Menu
  4. Check to disable Stick Menu
  5. Check to disable Goto Top
  6. Check to disable Instagram
  7. Check to disable Header Social Icons
  8. Check to disable Side Menu Social Icons
  9. Check to disable Bottom Social Icons
  10. Check to disable Page/Single Featured Image
  11. Check to disable Main Menu
  12. Click on Save & Publish

Set Contact page

  1. Go to Dashboard > pages > Add New
  2. Add all your google iframe code in your editor
  3. Select Contact Template from rightside of the page
  4. Click on Update/Publish

To add Contact Information Shortcode to display Contact Form 7
Go to Dashboard > Appearance > Widgets > Drag Text Widget to > Shortcode for Contact page sidebar & Add iframe code

To add Contact Information at sidebar
Go to Dashboard > Appearance > Widgets > Drag Text Widget > Contact page sidebar & add the content.

Recommended Plugins

  1. Jetpack for Gallery & many more
  2. Regenerate Thumbnails for Regenerating Thumbnails
  3. Contact Form 7 for Contact Us page
  4. bbPress for Support Forum
  5. Breadcrumb NavXT
  6. wooCommerce for your Shopping Site