Install Theme via FTP

Follow the steps below to learn how to install theme via FTP

• Step 1: Login to your hosting space via an FTP software

• Step 2: Unzip the AmyOrganic file and only use the extracted AmyOrganic folder

• Step 3: Upload the extracted AmyOrganic folder into wp-content => Theme folder

• Step 4: Activate the newly installed theme by going to Appearance => Themes and click on Activate button to activate theme

Install Theme via WordPress

Follow the steps below to learn how to install theme via WordPress

• Step 1: From backend, go to Appearances => Themes => Add New button, click on Upload button at the top of the page

  

• Step 2: Click on Choose File to choose theme from your local computer, the file requirement is zip format. Press Install Now button to install theme.

  

• Step 3: Wait for few seconds, the theme will be uploaded and extracted automatically by WordPress. After this process complete, you only need to press on Activate link under the message for successful installed theme.

  

Once you ativate AmyOrganic, you will receive notification message to install plugins. Follow the steps of Plugins Installation part below to learn how to do this

Plugin Installation

How to install required and recommended plugins for AmyOrganic

• Step 1: Once you activate AmyOrganic, you will receive a notification message at the top of the screen that shows you which are required plugins and which are recommended plugins for theme

  

• Step 2: Click on Begin Install Plugins link under the message to go to Plugin’s list in which you can install and activate the required and recommended plugins. Tick on the box for plugins you wish to install => Click on Bulk Action to see drop-down list => Install => Apply button

  Important: Required plugins are compulsory plugins to make AmyOrganic work.

  

• Step 3: Wait for some seconds, after all of the plugin is installed, from Dashboard => Plugins, you will activate the plugins as you want.

Installing Demo Content

By One-Click Demo, you are easy to set up a site the same as AmyOrganic's demo in seconds with all three home pages content

Important: Before installing demo, you need to make sure that AmyMovie theme and required plugins (Amy Movie Extends, AmyTheme Framework and Visual Composer, WooCommerce) are installed and activated successfully

From Dashboard => Organic Theme => Demo Content => Click on Install button, a popup will appear to ask if you want to continue installing the demo content. Click on OK button if you want to continue. Please wait for some seconds, once the installing process is completed, you will see the message Demo's Installed

Header

Header section allows you to change theme’s logo, favicon, header style, “show cart” button and extend button.

From Dashboard => Organic Theme => Header.

• Upload theme’s logo and favicon

  • » Site Logo: Click on Add Image button to upload a new logo image.
  • » Site Logo @2x for Retina: AmyMovie is retina ready, so click on Add Image button to upload a retina logo for high resolution devices.
  • » Favicon: is known as a page icon or an urlicon, it is an icon associated with a particular website or webpage.

    There are two ways to upload Favicon for your site

    • » First Way: At Favicon option, click on Add Image to upload new Favicon from your computer or from the media library.
    • » Second Way: From Dashboard => Appearance => click on Customize => click on Site Identify => click on Site Icon or click on Select Image button to upload an image from your local computer or the library.

    Note: If you choose Second Way to upload a favicon, First Way will be invalid.

  • » Site Logo Text: Enter logo text as you want.
  • » Logo Padding Top, Logo Padding Bottom: These options allows you to set the distance from logo to top bar position and the distance from logo to main menu (unit: pixel)

• Header Style: With 4 header styles, you can be easy to change your header to fit your needs

  • » Header Style: Click on Arrow-down icon to select one of four header styles (Left Logo - Right Menu, Left Logo - Bottom Menu, Center Logo - Bottom Menu, Logo in the middle of menu).
  • » Header Height: You can decide the header height by enter a number on the box (unit: px)
  • » Header Height in Mobile: You can decide the header height on the mobile by enter a number on the box (unit: px)

• Show Cart button on the header.

  • » Show Cart: Select On/ Off to show/ hide shopping cart on the header.

• Decide to show/ hide extend button on header to show extend menu

  • » Show Button Extend: Select On/ Off to show/ hide the extend button

  If you choose On, Button Extend Module option will appear allow to add module to build up content for extend menu.

  Click on Add New Module button to add module are (Menu, WordPress login. Text, Social List. Image). You can visit the detail information of these module at Top bar section of Theme Options

  Extend menu, backend you can see

  

  On the front-end you can see

  

Page Header

Page Header section allows you to set up the global design of page header with image background or color background,..

From Dashboard => Organic Theme => Page Header.

• » Padding: You can decide page header padding or you can custom the value of padding top and padding bottom by yourself.

• » Background: Click on Upload button to select an image for page header background. And click on Select Color button to decide the page header background color. If you upload a background image, you can change the image position, image scroll or fixed, and more,...

• » Curved Bottom: Select On/ Off to enable/ disable curved bottom.

Blog

Blog section allows you to make the global settings for blog page and single post page.

From Dashboard => Organic Theme => Blog.

1. Blog Page Settings

• » Blog Layout: AmyOrganic theme offers you three layouts for your blog page (List layout, Grid layout and Masonry layout).

• » Blog Columns: Shows if Grid layout and Masonry layout is selected. Decide the number of columns for your blog page.

• » Blog Sidebar: Decide your blog page with right sidebar, left sidebar or no sidebar.

• » Blog Sidebar Widget: Choose sidebar/ widget area from the list. These sidebar/ widget area will be created at Widgets section.

• » Blog Featured Image Size: You can decide the global size for featured image of the blog posts.

• » Show Blog Meta: Decide the blog data will be shown at the blog page (Author, Date, Category, Comments).

• » Blog Automatically Excerpt: Select On/ Off to show/ hide blog excerpt.

• » Blog Excerpt Word Limit: Enter the number of words will show at the post excerpt.

2. Single Blog page settings

• » Show Title: Select On/ Off to show/ hide the blog post title at the single blog post page.

• » Show Featured Image: Select On/ Off to show/ hide featured image.

• » Featured Image Size: Decide the featured image size.

• » Show About Author: Select On/ Off to show/ hide author information.

• » Show Post Navigation: Select On/ Off to show/ hide post navigation at the single blog post page.

Footer

You can enable the widget area before the main footer and specific your footer columns or customize the copyright section by adding new modules (Text, Link, Social List, WP Login, Menu) like the same as Top bar section.

From Dashboard => Organic Theme => Footer.

• Footer Block Before:Choose On/ Off to enable/ disable Footer block before. If you choose On, you can add background image or background color for this block.

• Footer Widget Before: Choose On/ Off to enable/ disable the widget area before footer.

  If you choose On for Footer Widget Before option, you can set the padding, background color, background image, curved bottom for this block. And at Appearance => Widget, you will see Footer Widget Before area.

  To add content to Footer Widget Before, from Dashboard => Appearance => Widgets, you will see Footer Widget Before at Widget Area => Drag & drop the widget to Footer Widget Before.

  

• Footer Widgets: This section allows to enable the main theme footer and footer widget areas.

  • » Enable Footer Widget: Choose On to enable the main theme footer.

  • » Columns: Decide the number columns of footer (1 column, 2 columns, 3 columns, 4 columns, 1 large column - 3 small columns).

  After choosing one of 10 footer styles, at Appearance => Widgets, you will see the list of footer widgets area which is corresponding to the number columns of Footer style you chose before.

• Footer Copyright

  • » Footer Copyright Enable: Select On/ Off to enable/ disable copyright position.

  • » Copyright Left: Click on Add New Module button to add modules (Text, Link, Image, Social List, WP Login, Menu).

  • » Copyright Right: Click on Add New Module button to add modules (Text, Link, Image, Social List, WP Login, Menu).

Skin

You can use the default skin of the theme or you can custom theme color based on your need.

From Dashboard => Organic Theme => Skin.

• » Disable Skin: Choose On to use the default skin color.
• » Skin: Shows if you choose Off for Disable Skin option. You can choose the skin color from the list or custom the skin color by yourself.
• » Custom: Shows if you choose Custom for Skin option. You can enter the color code to the box or click on Select Color button to select a color.

Typography

From Dashboard => Organic Theme => Typography => click on Add New Typography button to add new typography for new parts

• » Title: Enter the title for the part you want to change typography. For example, enter "Menu Typography" to add typography for Menu.
• » Select: Enter class or ID of elements you want to change typography.
• » Font Family: Choose the font you want.
• » Font Size: Enter font size (by pixel), it's optional.
• » Line Height: Enter line height (by pixel), it's optional.
• » Custom CSS: Custom CSS for this element, it's optional.

Click on Save button to save any your changes.

WooCommerce

This section allows you to set the number columns of products at shop page, and more.

From Dashboard => Organic Theme => WooCommerce

Social

From Dashboard => Organic Theme => Social

AmyOrganic totally integrates with Social networks. You can add social links (Facebook, Twitter, Google plus, Pinterest). Click on Save button to save any your change

Extra

This section is optional, it allows you to import/ export backup of your site or add the extra css and js.

From Dashboard => Organic Theme => Extra.

• » Backup: This option allows you to import backup the homepage from the other site also using AmyOrganic or export the backup of this site.
• » Custom Css: Enter the extra Css for the global settings.
• » Custom Js: Enter the extra Js for the global settings.

Demo Content

This option allows you to install or uninstall demo content by some clicks.

From Dashboard => Organic Theme => Demo Content.

You can visit Demo Installation to get the detail guide for this part.

How To

This section guildes all the things you need to create for your organic websites. Here you will learn how to create new posts, products, testimonials and how to set up a homepage.

How to add new testimonials

This section you will learn how to add testimonial category, create testimonial from backend and create testimonial submission form at the front-end.

1. Add a new testimonial category

From Dashboard => Testimonials => Categories => Enter the category’s name at the Name option => click on Add New Category button to save and if you want you can continue to add new categories.

2. Add new or edit testimonials from backend

From Dashboard => Testimonials => Add New

• Enter the client’s name
• Enter the client’s testimonials
• Set up client’s detail information (client’s avatar, email, position, company, website, the number of star rating..
• Choose the category for testimonials.

3. Create testimonial submission from front-end

3.1 Set up Testimonials Submission Form

From Dashboard => Testimonials => Options

Frontend Form Tab: This tab allows you to set up the submit form with necessary information.

• » Form Title: Enter the title for submitting testimonials block.
• » Auto Publish: Select On/ Off to enable/ disable auto publish testimonials function.
• » Enable Recaptcha: Select On/ Off to enable/ disable recaptcha to avoid spam.
• » Enable Rating: Select On/ Off to allow clients can leave their star rating during submit a testimonial.
• » List Fields Visible: Click on the box to select the extra fields will be appeared at the submission form (client’s email, company, position, website, avatar or category.
• » List Field Required: Click on the box to select the required fields for client submission.
• » Allow Submit: Admin can set permission for user group who can be submitted a testimonials (for everyone, user only, guest only).
• » Thank you message: Enter “Thank you” message which will appear after visitors submit a testimonial successfully.
• » Redirect page: Enter the URL link so that visitors can be navigated after submitting a testimonial.
• » Error Message: Enter the message for visitor when they failed in submitting a testimonial (by lacking some required field, for example).
• » Send Notification Email: Select On/.Off to enable/ disable notification email after submitting a testimonial.

Advanced Settings Tab: You can enter custom css or js for submission form. At Custom js field

After all, click on Save button to save any your change.

3.2 Add Submission form on the frontend

You can create a new page for submission testimonials form or add the submission form/ button to the current page.

From Dashboard => Pages => Add New

At the backend you can see

Hover on Amy Tesfimonial Form => Click on Edit icon to decide the submission form (normal form or popup form)

If you choose On for Popup From option, on the front-end you can see

If you choose Off for Popup From option, on the front-end you can see

How To Create Homepage

By default, WordPress sets blog page as a home page for your website. Almost of time, it is not what you want, so in this guide, you can learn how to create and set up a special homepage for your site.

Front-end

Backend

From Dashboard => Pages => Add New

• Enter the page title.
• Build up homepage content by using Visual Composer elements and Custom AmyOrganic Shortcodes.
• Custom Page header: For Homepage, this section is unavailable.
• Templates: Choose the template for the page. With Homepage, we use Default Template.
• Page Layout: Choose the page layout with right sidebar, left sidebar, full width or 100% width.

After all, click on Publish button

Set up Front Page

From Dashboard => Settings => Reading, you can set homepage by following the steps of the screenshot below.

Build up page Topbar and Header

You will build up page top bar and header at Theme options. From Dashboard => Organic Theme => Header/ Topbar section, you will see the options to change the data for your website topbar and header

Build up page Footer Widget Before

From Dashboard => Organic Theme => Footer => choose "On" for "Enable Footer Widget Before" option

Please note that, after enabling and choosing the number of columns for Footer Widgets, from Dashboard => Appearance => Widgets, then add widgets into Footer Widget Before.

Build up main Footer and Copyright

From Dashboard => Organic Theme => Footer

Please note that, after enabling and choosing the number of columns for Footer Widgets, from Dashboard => Appearance => Widgets => add widgets into the Footer columns.

Menu Settings

In general, you need to know how to create a new menu, how to add special posts, categories, pages, or custom links to the menu, need to know about menu structure and menu location. Wordpress gives you quite detailed information to reach these. You can experience at Wordpress Codex

To create a menu, go to Appearance > Menus from the admin panel.

In the upper left corner of your screen you will see two tabs: Edit Menus and Manage Locations.

In Manage Locations tab you can assign menus to different locations: Top left primary menu, Top right primary menu, Top primary menu, Mobile menu. You can also assign the current menu to a location in Edit Menus tab, by scrolling down to the Menu Settings section.

You can edit your menus in Edit Menus tab. When editing menus, you can click on the small triangle icon on each menu item to open a list of editable settings.

You are also easy to drag each item into the order you prefer by clicking the arrow on the right of the item to reveal additional configuration options

How to custom User Login page

Amy User Settings section allows you to enable/ disable the custom login page in a popup or in a page with sidebar or without sidebar and add Social login in that page.

From Dashboard => Users => Amy User Settings

• 1. General Settings

  

  • General

    • » Enable Custom Login: If you choose Off, the Default WordPress Login page will be enabled. If you choose On, the Custom AmyMovie Login page will be enabled. Please note that if you choose Off for Enable Custom Login option, all of the options below will be invalid.
    • » Login Redirect URL: Enter the URL into the box so that after users login, they will redirect to that link.

  • Page User Settings: This section allows you to decide the layout of login page with sidebar or without sidebar.

    • » Page User Sidebar: Click on Arrow-down button to decide the layout of the custom login page with right sidebar, left sidebar or no sidebar.
    • » Page User Sidebar Widget: Click on Arrow-down button to choose a sidebar from the list.

  • Popup Setting: This section allows you to decide using login popup or login page.

    • » Use Popup: Choose On to enable Login Popup, choose Off to enable Login Page.

• 2. Social Settings

  

  Enable Social Login: Select On/ Off to enable/ disable social login module (Facebook, Google Plus, Twitter) on the custom login page.

  Please note that if you choose Off for Enable Social Login option, all of the options below will be invalid.

  • Facebook Login Settings

    • » Facebook Login: Select On/ Off to enable/ disable Facebook login icon on the custom login page.
    • » Facebook APP ID: Click on Where I can get this info link to know about how to get Facebook APP ID, then copy the IP on the box.

  • Google Plus Login Settings

    • » Google Login: Select On/ Off to enable/ disable Facebook login icon on the custom login page.
    • » Google App ID: Click on Where I can get this info link to know about how to get Google Plus APP ID, then copy the IP on the box.
    • » Google Client ID: Click on Where I can get this info link to know about how to get Google Plus Client ID, then copy the IP on the box.

  • Twitter Login Settings

    • » Twitter Login: Select On/ Off to enable/ disable Twitter login icon on the custom login page.
    • » Consumer Key: Click on Where I can get this info link to know about how to get Consumer Key, then copy that key on the box
    • » Consumer Secret: Click on Where I can get this info link to know about how to get Consumer Secret, then copy/ paste on the box.

Amy Tabs

Amy Tabs allows you to easily add and edit your tabs and you can add elements into each tabs as you wish. Follow the steps below to learn how Amy Tabs works

• » Step 1: Amy Tabs General setting

  At this step, you can learn how to set the position of tab and choose active tab

  From the green bar => click on button to make general setting on Tab

  • 1.1. General Setting

    

    • » Tab Nav Block: You can set the position of tab on block. There are two positions: Default (the tabs will be in navigation of the block); Left (the tab will be on the left of the block content)
    • » Active Tab Nav: You can decide what tab will be active tab (Eg: if you enter 2 for this option, the tab #2 will appear by default). If this box is empty, the tab # 1 will be shown as Active Tab

  • 1.2. Extra Setting: This option is optional allows you to add extras ID or extras class for your tabs

    

• » Step 2: Child Tab settings

  You can edit tab name or add element into child tabs at yellow bar

  • 2.1. Edit tab name

    Click on tab you want to edit => click button at yellow bar , a popup will appear and you can change the tab name as you want

    

  • 2.2. Add content for each tab

    Each tab will show diferent content. To do this: click on the tab you want to add elements and click Plus icon at the yellow bar to choose elements like the image below

    

• » Step 3: Click Save button to save any your change

Please visit the GIF image helow to know about the tab settings.

Amy Organic Blog

Amy Organic Blog allows you to show the blog posts with three nice layout, and you are easy to arrangeyour post by title, comment count, post ID, and more.

At the backend you can see

Blog layout 1, you can see

Blog layout 2, you can see

Blog layout 2, you can see

Amy Organic Heading

Amy Organic Heading help you easy to customize the block’s heading (the color, font size of title and subtitle).

At the backend you can see

On the frontend you can see

Amy Organic Products

Amy Organic Products allows you to show your products with horizontal or vertical layouts. If you choose horizontal layout, you can be easy to show the nice filter with category and its symbol.

1, General Settings

2. Layout Options

2.1 Horizontal layout

2.2 Vertical layout

3. Slide Options

Please note that Slide Options section only appear if you enable the Carousel Mode option for each layout.

Slide Options section allow you to set speed, animation of carousel mode.

4. Extra Options: This part allows you to enter the extra class for this block (it’s optional)

Horizontal Layout, on the frontend you can see

Vertical Layout, on the frontend you can see

Amy Organic Team

Amy Organic Team allows to introduce the members of a team on the website, with the necessary information. You can create as many team members as you want.

To create new team member, you will click on the “Plus” icon, then repeat the settings above. At the backend you can see

On the frontend, you can see

Amy Organic Image Hover

Amy Organic Image Hover allows you easy to make your organic site active with hovering effect, you also can add link to that image.

At the backend you can see

On the frontend, you can see

Custom Content

In case you want more than Amy Organic Heading or Text Block and other content element works, you can use Custom Content element to display the text/

For example, if you want to display content like this, you will use Custom Content element

At the backend you can see

Product Countdown

With Product Countdown shortcode, you can add the big sale in the countdown with 2 color styles

At the backend, you can see

Default Style you can see

White Style you can see

Amy Testimonials

Amy Testimonials List

With Amy Testimonial plugin, you can create the testimonial from backend with client’s name, quote, avatar, position, and Amy Testimonials List shortcode allows you to show the list of those testimonials.

1. General Settings

There are two ways to get data from: Testimonial Category or Testimonial IDs.

• » If you want to get data from Testimonial Category, at the backend you can see.

  

• » If you want to get data from Testimonial IDs, at the backend you can see.

  

2. Layout Options

AmyOrganic offers you three layouts (List, Grid, Carousel) to display testimonials to fit your each design.

» Carousel Layout

» List Layout

» Grid Layout

» Slide Syncing Layout

Amy Testimonials Form

This shortcode allows user to add testimonial submission form to your website so that visitor can be easy to submit their testimonials. At the backend you can see

Testimonial Submission Popup form, on the front-end you can see

Image Attribute

Image Attribute shortcode allows you to enter the attribute information for your product at some special positions.

Widget Introduction

1. What is widgets?

A WordPress Widgets are small blocks that perform a specific function. You can add widgets to sidebars/ widget areas to show on your webpages. At the screenshot above you can see widgets are on your left-hand side and the Widget Areas are on the right-hand side.

You can find more information about widget HERE

• Widgets
• Widget Areas/ Sidebars

2. How to add widgets into Widget areas

• Step 1: Drag and drop widget into Widget Area as you want, then set it up.
• Step 2: Click Save button to save your change.
• Step 2: Click Save button to save your change.

Amy Movie List

Amy Organic List allows you to show the list of blog posts at your sidebar or widget area.

From Dashboard => Widgets, you will drag and drop Amy Organic List to any widget area you want to display.

• Amy Movie List Widget Settings

  

• On the frontend, you can see

  

Amy Organic Module

Amy Organic Module allows you to add one of these 7 module: Advertising module, Contact Form module, About module, Social List module, Link module, Gallery module, Instagram module.

1. About module

About module allows you to add some text with a banner like a short introduction of your company or your website.

From Dashboard => Widgets, you will drag and drop Amy Organic Module to any widget area you want to display, then choose About for Type option.

On the frontend, you can see

2. Contact Form module

Contact moduleallows you to show some information about your address, phone and email so that visitor can be easier to contact you if they need.

From Dashboard => Widgets, you will drag and drop Amy Organic Module to any widget area you want to display, then choose Contact for Type option.

3. Instagram module

With Instagram module you are easy to show the image from an instagram account.

From Dashboard => Widgets, you will drag and drop Amy Organic Module to any widget area you want to display, then choose Instagram for Type option.

On the frontend, you can see

Please note that, click on the image, you will be redirected to the instagram link of the account you enter on the box before.

4. Advertising module

Advertising Module allows you to add advertising banner and insert a link into it

From Dashboard => Widgets, you will drag and drop Amy Organic Module to any widget area you want to display, then choose Advertising for Type option.

5. Social List module

This module will get data from Social section of theme options. Therefore, firstly, from backend, you need to go to Organic Theme => Social => enter the social link there.

Social List Module allows you to add advertising banner and insert a link into it

From Dashboard => Widgets, you will drag and drop Amy Organic Module to any widget area you want to display, then choose Social for Type option.

On the frontend, you can see

6. Link module

From Dashboard => Widgets, you will drag and drop Amy Organic Module to any widget area you want to display, then choose Link for Type option.

7. Gallery module

From Dashboard => Widgets, you will drag and drop Amy Organic Module to any widget area you want to display, then choose Gallery for Type option.

Amy Testimonial Widget

This widget allows you to show the testimonials on the sidebar or widget area. You can show testimonials based on their categories, or you can select which testimonials will be shown by enter the testimonials IDs.

From Dashboard => Widgets, you will drag and drop Amy Organic Testimonials to any widget area you want to display.

• Title: Enter the block title like “Our Happy Customers” (optional)

• Decide to get data from testimonial categories or testimonials IDs.

  • » Get Data from Testimonial categories

    » » Get Data from: Select Category for this option

    » » Genre: Shows if "Category" is selected at "Get Data From" option. Select the testimonial categories you want to show.

  • » Get Data from Testimonial IDs: This feature allows you to select which testimonials will be shown.

    » » Get Data from: Select Testimonial IDs for this option

    » » Testimonial IDs: Shows if "Testimonial IDs" is selected at "Get Data From" option. Enter the testimonial IDs to the box.

• General Information.

  • » Order by: Arrange the displaying orders of testimonials according to Title, Date or Random Orders

  • » Sort Order: Arrange the displaying order of testimonials according to Descending or Ascending.

  • » Layout: There are two layouts to show testimonials (List, Grid and Carousel).

  • » Number Testimonials: Decide the number of testimonials will be shown.

  • » Column: Shows if Grid layout or Carousel layout is selected. Decide the number columns of testimonials

  • » List Field Visible: Decide the client’s extra fields will show with client’s testimonials.

• Show Avatar: Select On/ Off to show/ hide client’s avatar

  If you choose On, there are some options will appear.

  

• Show Pagination: Select On/ Off to show/ hide pagination.

  If you choose On, there are some options will appear.

• Custom Style: Choose On to custom style for testimonials. If you choose Off, the testimonials will use default style.

  

• Extra Css: Enter the extra Css for this block (optional)

After all, click on Save button to save any your change.