M-3 Theme Tutorial

1.Introduction #

Inroduction


M-3 or Moto Theme is one of the most unmatched and unparalleled WordPress out there in the market. This Version 3 of  M-3 or Moto Theme is packed up with 75 amazing pre-made corporate, marketing and video WordPress Theme layouts and 66 shortcodes. We have integrated many beneficial and useful customization tools in the Theme like 16 different headers, Unlimited color options, custom typography, 27 widgets, 12 banner sliders and many more just to make the theme customization easy and seamless.  You are entitled to one theme per purchase

With M-3 or Moto Theme  you have the freedom to create almost any kind of Video site, marketing Sales Pages, Landing Pages, E-Commerce Sites, Corporate Websites, Portfolio Pages, and Video blogs with unlimited design possibilities.

Well, this time we have also a special attention towards the needs of a video content creator as we have integrated the theme with features like Custom video upload option, directly add videos from YouTube and Vimeo, floating video player, video playlist option, video statistics, a notification Panel google adSense supported and subscription plans.

With all these tools you can easily “Build up a personal audience for your Video content and get outstanding results and your videos will not only be liked, they will be loved”.

Key Feature


  • One Click Demo Installation
  • WPML Supported
  • RTL Supported
  • Floating Video
  • Playlist Option
  • Video Statistics
  • Notification Panel
  • Google Adsense Supported
  • Subscription Plan

Customization Option


  • 66 Shortcodes
  • Sidebar Management
  • Custom Typography
  • Revolution Slider
  • 27 Widgets
  • 12 Banner Sliders
  • Boxed Layout Supported
  • Counters

Header Design


  • 15 Different Types Of Headers
  • Breadcrumbs
  • Fixed Header
  • Menu Style ( Top, Left, Right)
  • Pre-Header
  • Mega Menu

Social Sharing


  • Social Sites Links
  • Login With Social Sites
  • Social Share Buttons
  • Profile Management
  • Multi User Supported

Browser Support


  • Chrome
  • Firefox
  • Safari
  • Opera
  • Internet Explorer 10+

Color Variation


  • Unlimited Color Options
  • Light And Dark Version Options

Main Feature


  • Easy To Customize
  • Fully Responsive
  • Retina Ready
  • Clean, Modern Design
  • Built On The Latest Technology
  • SEO Optimized

Popup Autoresponders


  • Aweber
  • Mailchimp
  • Getresponse
  • Icontact
  • Constant Contact

Portfolio Options


  • 35 Different Portfolio Layouts
  • Grid Layout With 10 Different Column Options
  • Masonry Layout With 8 Different Column Options
  • Slider Layout With 3 Different Column Options
  • Easy Customizable Portfolio

System Requirement


It will match all the requirements of our theme to your system. If any of the required detail comes in red then sort out the issue because these all are the basic requirements of our theme So, try to fulfill all the required details.

Created Date


Created : 18/06/2018

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

2.How To Create Post #

How To Create Post


 

Navigate to Dashboard >> Blog Posts >> Add New

 

You can call created posts on pages.

We have multiple shortcodes with the help of thos shortcodes you can show created posts on pages.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

3.How To Create Page #

How To Create Page


 

Navigate to Dashboard >> Pages >> Add New

 

When you click on the Visual builder then you will get an option to insert row or section and moto elements and many more shortcodes which helps you to create elegant layout.

 

After creating the page if you want the same section on the other page then you can create the template and call the template on the page or post where you want to display.

 

After this step you will get a popup when you click on the template icon, You need to enter the name over here.

 

Now you can call those created templates on other pages.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

4.Default Pages #

Default Pages


 

NOTE: After the installation of theme, you will get 10 pages by default. If you want to use your website as a multivendor then dont delete these pages. But, if you delete these pages then your website will work as a single user website.

Listed pages are:

  • Profile
  • Profile Setting
  • Upload
  • Video Edit
  • Playlist
  • Statistics
  • Subscription Plan
  • Subscriptions
  • Pricing
  • User Login

Admin can add all the pages for the users by navigating to Appearance >> Menus >> then here you will get “Profile Menu” header.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

4.1.Profile #

Profile


 

User can change his profile picture and profile cover, from here. And the user can see their uploaded videos.

 

How to change Profile picture


 

Step1You have to click on camera icon near profile picture. A Pop-up window appears

step2– User can upload his/her own picture

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

4.2.Profile Settings #

Profile Setting


 

In the profile settings, user can change their basic information. Like Name, Password, email, website and many more.

 

Social Settings


 

User can display their social links on the website from here.

 

Simultaneously Video Upload


 

If user want to upload the video simultaneously on other social sites, they have to select any site from list, and they have to put thier Client ID and Client Secret.

 

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

4.3.Default Pages - Upload #

Upload


 

User can upload thier videos. They can fill the information of video in given text, as shown in screenshot.

Just after description there is a dropdown list in which two social sites are listed you have to select one, from where you are taking the video

Prefer screenshot for more information.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

4.4.Default Pages - Video Edit #

Video Edit


 

Here, user can edit any video which is uploaded on his website.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

4.5.Default Pages - PlayList #

Playlist


 

User can make thier own playlist by adding subscribed videos

User can create and delete a playlist from here and also, he can delete a single video from the playlist. As you can prefer a Screenshot for more help

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

4.6.Default Pages - Statistics #

Statistics


 

User can check thier statistics for each and every video that was uploaded. They can check thier views, comments and likes on video.

 

Your Ranking


 

User can check their overall rank where user lies in the list of viewing videos. User’s rank will be from overall whoever uploaded thier video.

 

Top Ten Videos


 

User can his/her own top ten videos, in which views are increasing. This is not overall just for the user purpose.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

4.7.Subscription Plans #

Subscription Plans


 

User have to planned a subscription plan for thier viewers, it can be monthly, quaterly, half-yearly and yearly.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

4.8.Default Pages - Subscriptions #

Subscriptions


 

User can see whom they have subscribed.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

4.9.Default Pages - Pricing #

Pricing


 

User can update their pricing list from this page.

 

You will get this frontend view after fill out the subscription plan.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

4.10.User Login #

User Login


 

User can Login from this page

New viewers can signup from this page

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

4.11.Comments #

Comments


 

With the help of comments template, user can approve and read comments from frontend.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

4.12.Embed Video #

Embed Video


 

With the help of embed video template, iframe (embed code) will be generated for custom videos, viewer can copy that irame and use the irame anywhere.

Note: If you want to generate the embed code for custom video (For viewers),Then it is mandatory to enable the embed video option which is under the moto options (video single page).

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

5.How To Create Portfolio #

How To Create Portfolio


 

Navigate to Dashboard >> Portfolio >> Add New

 

How to show portfolio on pages or post

Navigate to Dashboard >> Pages >> Add New

You will get a shortcode name as “portfolio” under moto elements.

 

Below is the setting of portfolio shortcode

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

6.How To Create Shop Via WooCommerce #

How To Create Shop Via Woocommerce


 

1. How to add products

Navigate to Products >> Add Products

 

2. How to create cart and checkout pages

Navigate to Pages >> Add New Page

 

3. How to set shop page

Navigate to Woocommerce >> Settings

 

4. How to attach cart and checkout page with WooCommerce

Navigate to Woocommerce >> Settings

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

7.Options #

Moto Options


 

Navigate to Dashboard >> Moto Options

You can change all the theme options from moto options.

  1. General Settings
  2. Global Settings
  3. Theme Appearence
  4. Theme Color
  5. Social Links
  6. Social Login API
  7. Social Share Buttons
  8. Contact Form Widget
  9. Login/Registration Page
  10. Google Analytics/Adsense
  11. Video Single Page
  12. Single Page Website
  13. API
  14. Media
  15. Footer
Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

7.1.General Setting #

General Setting


 

Navigate to Dashboard >> Moto Options >> General Setting

    1. You can change logo, in which you can place png or svg image.
    2. You can change the favicon for theme.
    3. You can change the position of header, you can place it in right, left or in top.
    4. Also, there is an option for changing he layout of theme. You can select any one from two layouts, it can boxed or full-width.
    5. Also, You can change the body background image and even you can change background color for body
    6. You have an option for theme pattern, it can be white or dark.
    7. You can change the play style icon from this menu.
    8. You can enable or disable the upload icon which is displayed at the top of the header

As you can prefer Screenshot for more information

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

7.2.Global Setting #

Global Setting


 

Navigate to Dashboard >> Moto Options >> Global Setting

Global setting is provided you to change settings for all the pages exist in website.

Note : If you want to show this setiing on every page, so you have to disable theme overwrite option, which is availabel on every page.

  1. You can change the header style, we have given 16 different header style. You can select any one from there.
  2. You can enable or disable the custom header.
  3. If you enable the custom header, you can change th following options.
    • You can change Header Alignment by selecting given option left, right or center
    • You can enable or disable Narrow Header.
    • You can enable or disable Fixed Header
    • You can change Menu Color,menu hover color, dropdown background color, Dropdown Text Color, Dropdown Text Hover Color, and Dropdown Menu Background Hover Color by writing a color code or by color picker.
    • You can select a header background, either it could be image or a color.
    • You can change the paddings, menu size or dropdown menu size.
  4. You can enable or disable the Page Title. If you enable the page title, you have more option to change breadcrumbs, title background, background image and many more thing.
  5. You can select the sidebar positions
  6. You have an option for footer to show or hide.
  7. You can change the footer style, we have given you four different style for footer.
  8. You can select a columns for footer.

    Note : If you are selecting footer style 3 and 4, then you have to select four columns.

  9. You can enable or disable the the footer copyright for all the pages.
Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

7.3.Theme Appearance #

Theme Appearance


 

Navigate to Dashboard >> Moto Options >> Theme Appearance

  1. You can select a header background, either it could be image or a color.
  2. Now you have an option to change the font color, wieght, height, style, family, face.
Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

7.4.Theme Color #

Theme Color


 

Navigate to Dashboard >> Moto Options >> Theme Color

You can select a custom color or we have provided you predefined color.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

7.6.Social Login API #

Social Login API


 

Navigate to Dashboard >> Moto Options >> Social Login API

We have provided you three social logins, you can update your social login API from here.

By using this feature the user can login with there Facebook, Gmail, and Twitter accounts without filling up the Signup form. MOTO Theme will register users automatically by using their social data.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

7.7.Social Share Buttons #

Social Share Buttons


 

Navigate to Dashboard >> Moto Options >> Social Share Buttons

With the help this option the user can share post on below mentioned social sites, These social share button will be visible on post single page.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

7.8.Contact Form Widget #

Contact Form Widget


 

Navigate to Dashboard >> Moto Options >> Contact Form Widget

These options will affect to the Contact Form that is available in the Widget screen.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

7.9.Login/Registration Page #

Login/Registration Page


 

Navigate to Dashboard >> Moto Options >> Login/Registration Page

You can place a background image for login or registration page.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

7.10.Google Analytics Adsense #

Google Analytics Adsense


 

Navigate to Dashboard >> Moto Options >> Google Analytics/Adsense

We have provided you space for analytics scripts, adsense scripts, and google ad.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

7.11.Video Single Page #

Video Single Page


 

Navigate to Dashboard >> Moto Options >> Video Single Page

  1. Autoplay : Please be aware that autoplay will not work on most mobile devices.
  2. Loop : Please be aware that loop will not work on most mobile devices.
  3. Related Videos : It will ON or OFF related videos from Youtube and Vimeo.
    Enter Number : Enter the number of videos which you want to show in the related video section.
  4. Float Video : When you scroll down the Video Single page, the Video of the page will automatically show on bottom right corner in small window.
  5. Embed Code : You can Enable or Disable embed code from post single page.
Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

7.12.Single Page Website #

Single Page Website


 

Navigate to Dashboard >> Moto Options >> Single Page Website

Single page website with menu. After ON the switch please set the front page by navigating Settings >> Reading and select Single Page Website as a template on the front page.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

7.13.API #

API


 

Navigate to Dashboard >> Moto Options >> API

In this section you can update API keys for YouTube and Google Maps

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

7.14.Media #

Media


 

Navigate to Dashboard >> Moto Options >> Media

You can define the size of Video Cover Photo.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

8.Widgets #

Widgets


 

Moto theme includes several custom widgets. All widgets are accessed in the Widgets section of the WordPress admin. Widgets can be added to any sidebar, footer column.There are various fields and settings present to choose for each individual widget all are self explanatory. You can put as many widgets as you want inside of a sidebar or footer.

To Add Widgets, Follow The Steps Below :


 

Step 1– Navigate to Dashboard >> Appearance >> widgets to access the list of widgets and widget sections that they can be added to. The left hand side shows all the widgets you can use. The right hand side shows all the different sections you can add widgets to.

Step 2– Simply drag and drop the widget you want into the widget section you want on the right hand side.

Step 3– When finished, make sure to click Save in the widget editing box to save the widgets added to your sidebar.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

9.Subscribers #

Subscribers


 

Navigate to dashboard >> Subscribers

in this table you can check the subscribers

    • You can copy the row.
    • You can save subscriber list in converting to two different format we have given, they are CSV and Excel.
    • Also, you can print the list of your subsriber.
    • You can search any subscriber in the list from search bar.
Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

11.Admin Playlist #

Admin Playlist


 

Navigate to Settings >> Admin Playlist

With the help of this table, Admin can create list and add list accordingly.

  • Admin can create a list from here.
  • Admin have to select a playlist from dropdown to add some videos.
  • Admin have to select video from the list to add in playlist.
  • If Admin want to delete a playlist, admin can select a playlist from dropdown and can delete the playlist.
  • If Admin want to delete a particular video from any playlist you can select videos and can delete from the playlist.
Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

13.Affiliate Store Setting #

How To Link Your Site With Amazon And Ebay


Amazon Affiliate Setting: This section consist of Marketplace (The locale from where you have created your associate tag), Associate Tag (An alphanumeric token that uniquely identifies you as an Associate. To obtain an Associate Tag), Access Key ID (Your AWS Access Key ID which uniquely identifies you), Secret Access Key (A key that is used in conjunction with the Access Key ID to cryptographicallysign an API request. To retrieve your Access Key ID or Secret Access Key).

Ebay Affiliate Setting: This section consist of Marketplace (The locale from where you have created your associate tag), App ID, Tracking ID, Network ID.

Note: Settings are same for both the stores

Navigate to Dashboard >> Affiliate Store

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

13.1.How To Manage Bundle #

How To Manage Bundle


 

This section consist of Product Categery, Default Keyword, Sort, Number Of Products Per Page, Select Product Style. After entering all the details you have to click on show product button, it will show all the product related to your keywords and you have to turn on the button to show all products on your site.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

13.2.How To Manage Amazon Products #

How To Manage Amazon Products


 

Here Admin can create bundle and add products accordingly in the bundle.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

13.3.How To Customize The Buy Button #

How To Customize The Buy Button


 

Here you will have all the rigts to modify the button as per your need.

 

How To Set Amazon And Ebay Product On Pages Or Post


 

We have few shortcodes with the help of them, you can show products of both the stores.

Note: You can select the teplate as Affiliate store page but if you select the template then you can only show amazon products.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

14.M-3 or Moto API #

How To Fetch Videos From Another Website Which Is Based On Moto Themev3


 

Navigate to Settings >> Moto API

Moto API is a perfect plugin for fetching the videos from another website, which is based on motov3 theme. The plugin is very user-friendly and easy to install and set up. Moto API is a plugin which will fetch your videos from motov3 theme websites to any website you want to display. In this plugin, you have to enter the URL of the website from where you want to grab the videos. Then it will automatically show you the list of users presents on the website. Then, You will have users name list and all the categories of that website. You can select the user and category to display the videos. You will get the shortcode to, you can place the shortcode where you want to show the videos. Moto API is only limited by your imagination, there are an infinite number of ways this could be used to take your website visitors experience to the next level.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

15.1.Settings #

Settings


 

Click on the setting tab to get setting oprion.

 

How To Use Moto Lead Shortcode


 

To get the shortcode Navigate to Moto elements then you will get the shortcode name as “Moto Lead”

This shortcode will help you to design and set alignment of the form.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

16.How To Add Mega Menu #

How To Add Mega Menu


 

Navigate to dashboard >> Mega Menu

This is the link which can help you to create Mega Menu Mega Menu Documentation

 

How To Add Mega Menus In Header


 

Navigate to Appearance >> Menus

 

 

How To Find Mega Menu Settings


 

 

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

17.Shortcodes #

Moto Theme Shortcodes


 

When user click on the Visual Composer then they we get many elements like media element. moto element, content element and many more.

All elements have their own shortcodes.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

17.1.Layout Elements #

Layout Elements


 

Here you will get option to insert row or section, also can divide the row into columns.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

17.2.Content Elements #

Content Elements


Here are the list of shortcode which is listed inside the Content Element.

  • Calendar
  • Call To Action
  • Divider
  • Icon
  • Icon Box
  • Map
  • Notification
  • Table
  • Tabs
  • Text Block
  • Widget Area

1) Calendar

You can display a calendar on a page by using this shortcode

You can display the events on the calendar too.

2) Call To Action

You can display an info box with the help of this shortcode.

3) Divider

With this shortcode, you can provide a space or line in between two section.

4) Icon

You can display an icon with a title on the page. You have to select one icon from the list and give that icon a title.

5) Icon Box

It is similar to the Icon shortcode, but with the help of this shortcode you have the option to add content with the icon.

6) Map

You can set locations with the help of this map shortcode.

You can show multiple locations in a single map

7) Notification

With the help of this shortcode, you can display a message in four different types. it can be like Congratulation message, Information message, alert message or error message.

8) Table

This shortcode can be used to display any kind of table on the page.

You can set table row and column in your own way.

9) Tabs

In this shortcode, you can display multiple tabs on the page.

You can write a description of the tab by clicking on add button. On click, you will get a new window, in that window you can edit details for this section.

10) Text Block

You can write any textual content in the text field which will display on the page.

11) Widget Area

With the help of this shortcode, you can select widget area to display on the page.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

17.3.Media Element #

Media Element


 

Here are the list of shortcode which is listed inside the Media Element.

  • Image
  • Video

1) Image


 

This shortcode can be used for displaying any single image on the page.

You can set Height, width, alignment, border, overlay and link to this image.

Prefer screenshot for more information

2) Video


 

This shortcode can be used for displaying any single video on the page.

You have to provide a link for displaying this video, You can set height and width of this video.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

17.4.M-3 Video Sliders #

Moto Video Sliders


 

Here are the list of shortcode which is listed inside the Moto Video Slider Element.

  • Video Filter Slider
  • Video Slider 1
  • Video Slider 2
  • Video Slider 3
  • Video Slider 4
  • Video Slider 5
  • Video Slider 6
  • Video Slider 7
  • Videos Tab Slider

1) Video Filter Slider

With help of this shortcode, you can display videos in the slider. In this video slider, you can change the header style, header size, heading icon, number of videos to be displayed on the page. You can select multiple categories from the list.

 

2) Video Slider 1

With help of this shortcode, you can display videos in the slider in a different style. You can set the number of the videos displayed in on a page, you can change the orders of videos, even you can sort your videos by ascending or in descending order. You can select a category to display the video on the page only from the selected category. There is an option for autoplay for videos.

 

3) Video Slider 2

With help of this shortcode, you can display videos in the slider in a different style. You can set the number of the videos displayed in on a page, you can change the orders of videos, even you can sort your videos by ascending or in descending order. You can select a category to display the video on the page only from the selected category. You have multiple styles for changing the play icon. There is an option for autoplay for videos.

 

4) Video Slider 3

With help of this shortcode, you can display videos in the slider in a different style. You can set the number of the videos displayed in on a page, you can change the orders of videos, even you can sort your videos by ascending or in descending order. You can select a category to display the video on the page only from the selected category. You have multiple styles for changing the play icon. You can select a different style for the slider. “You can select seconds for delaying the slider.”

 

5) Video Slider 4

With help of this shortcode, you can display videos in the slider in a different style. You can set the number of the videos displayed in on a page, you can also set a content length for a video, you can change the orders of videos, even you can sort your videos by ascending or in descending order. You can select a category to display the video on the page only from the selected category. You have multiple styles for changing the play icon. You can set seconds to autoplay the slider.

 

6) Video Slider 5

With help of this shortcode, you can display videos in the slider in a different style. You can set the number of the videos displayed in on a page, you can change the orders of videos, even you can sort your videos by ascending or in descending order. You can add a background image for this slider. You can select a category to display the video on the page only from the selected category. You have multiple styles for changing the play icon. You can set seconds to autoplay the slider.

 

7) Video Slider 6

With help of this shortcode, you can display videos in the slider in a different style. You can set the number of the videos displayed in on a page, you can change the orders of videos, even you can sort your videos by ascending or in descending order. You can add a background image for this slider. You can select a different style for this slider. You can select a category to display the video on the page only from the selected category. You have multiple styles for changing the play icon. You can set seconds to autoplay the slider.

 

8) Video Slider 7

With help of this shortcode, you can display videos in the slider in a different style. You can set the number of the videos displayed in on a page, you can change the orders of videos, even you can sort your videos by ascending or in descending order. You can select a different style for this slider. You can select a category to display the video on the page only from the selected category. You have multiple styles for changing the play icon. You can set seconds to autoplay the slider.

 

9) Videos Tab Slider

With help of this shortcode, you can display videos in the tab slider in a different style. You can set the number of the videos displayed in on a page, you can also set a content length for a video, you can change the orders of videos, even you can sort your videos by ascending or in descending order. You can select a different style for this slider. You can select a category to display the video on the page only from the selected category. You have multiple styles for changing the play icon. You can set seconds to autoplay the slider.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

17.5.M-3 Elements #

Moto Elements


 

Here are the list of shortcode which is listed inside the Moto Element.

  • Accordian
  • Button
  • Clients
  • Contact form
  • Count Down Timer
  • Counters
  • List Style
  • Message Box
  • Moto Heading
  • Newest Uploaded
  • Pie Chart
  • Playlist
  • Pricing Tables
  • Progress Bar
  • Revolution Slider
  • Services
  • Social Icons
  • Team Members
  • Testimonials
  • Toggle
  • Top Five Videos
  • Video Authors
  • Video Boxed Layout
  • Video Zigzag
  • Video Blog
  • Video By Columns
  • Video By Grid
  • Video On Tabs
  • Video With Description
  • Blockquote
  • Portfolio

1) Accordian

This shortcode helps you to display an accordian on page. You can add multiple tabs by clicking on add button. On click, you will get a new window, in that window you can edit details for this section. You can set an icon, title on background and border for an accordian.

 

2) Button

You can display a button on the page.

In the shortcode, you can change settings for a button. the following things you can change:

Text which appears on the button.

You can provide a link to a button.

You can change the size and shape of the button.

You can change the color of button, text hover button color, hover text color.

You can set a border and an icon for the button

3) Clients

You can set an owl carousel for clients logo, Also can add multiple logos of clients and can show with a slider on the page.

You can change the style and you can select the column for displaying the logo.

4) Contact Form

With the help of this shortcode you can show different contact form with multiple design option.

5) Count Down Timer

You can select this shortcode for any countdown timer and change many things from the settings are :

You can set the timezone in GMT format.

You can select a predefined template.

You can show or hide and enter the label for hours, minutes, seconds, days.

6) Counters

You can add multiple counters for the page and change the speed of the counter.

7) Dividers

You can set a divider in between two sections.

You can choose any kind of divider from the list, it will be like solid, dashed, dotted and many more.

You can set the color, thickness, style, alignment and width of that divider.

8) List Style

You can add, remove and edit a list by clicking on add button.

On click, you will get a new window, in that window you can edit details for this section. You can change the style, font size, line height, icon and icon color.

9) Message Box

With the help of this shortcode, you can display the message. There are many settings that you can change are, you can select the message box presets, shape, icon, and message text.

10) Moto Heading

With the help of this shortcode, you select heading style for your layout.

11) Moto Lead

Please Navigate to Moto lead tab to know more about the shortcode.

 

12) Newest Uploaded

You can display the newest uploaded video on your website.

13) Pie Chart

This shortcode helps you to display pie chart on the page. You can edit the settings of the pie chart, you can change line color, fill color, line width, or you can show icon to the pie chart.

14) Playlist

With this shortcode, you can display your playlist on the page. You can select the order of video, you can sort it by ascending or descending order, a column for displaying the videos and style of play icon.

15) Pricing Tables

In this shortcode, you can display the pricing tables on the page. You can add pricing feature by clicking on add button. On click, you will get a new window, in that window you can edit details for this section.

You can set the title, currency unit, price, time, button text and button link.

16) Progress Bar

With this shortcode, you can set a progress bar.

You can change the settings like you can set percentage for the progress bar, change the style of the progress bar, change accent color, and background color of the progress bar.

 

17) Revolution Slider

This is the link which can help you to create sliders. Revolution Slider Documentation

 

18) Services

This shortcode helps you to setup the services. You can change the format of services, it can be image or icon.

 

19) Social Icons

This shortcode helps you to display the social links on the page. You can add social links to display on the page and leave it blank if you don’t have one.

 

20) Team Member

You can showcase your team members with the help of this shortcode.

You have to write their member’s name, image, job title. a short description and you can set social links also.

 

21) Testimonial

This shortcode helps you to display testimonials from your clients. You can display it on the page.

You can add multiple testimonials by clicking on add button. On click, you will get a new window, in that window you can edit details for this section. You can set many things in the testimonials like you can select the style, space between two slides, number of testimonials in one slide. You can also select slider option from their.

 

22) Toggle

You can add a toggle button to switching in between any two tabs. You can add multiple tabs by clicking on add button. On click, you will get a new window, in that window you can edit details for this section.

You can show an icon, title on background, and can set a border for this section.

 

23) Top Five Videos

With this shortcode, you can display your top five videos on the page.

In this shortcode, you can change Heading size, heading icon, Text transformation, the position of text, heading color, the order of videos, even you can sort your videos by ascending or in descending order. You can select the category for displaying the videos.

 

24) Video Authors

You can display the video author on the page, with the help of this shortcode.

In this shortcode, you can change the number of authors and number of words for description in the settings.

 

25) Video Boxed Layout

With the help of this shortcode, you can show the videos in box layout.

In this shortcode, you can change the number of videos in the column, the order of videos, even you can sort your videos by ascending or in descending order.

 

26) Video Zigzag

This shortcut helps you to display your videos in a zigzag form. You can select a number of videos, and the category for videos and you can edit the order of videos, even you can sort your videos by ascending or in descending order.

 

27) Video Blog

You can display videos in blog style with this shortcode. You can set a number of videos you want to display on the page, set the content limit, the orders of videos, even you can sort your videos by ascending or in descending order. You can change the number of videos in the column.

 

28) Video By Columns

This shortcode helps you to display the videos by columns. You can set the limit of the content, the orders of videos, even you can sort your videos by ascending or in descending order.

 

29) Video By Grid

This shortcode helps you to display the videos by a grid. You can set number of videos to be displayed on the page, the orders of videos, even you can sort your videos by ascending or in descending order.

 

30) Videos On Tabs

This shortcode helps you to setup your video in a tab. In this shortcode you can change the orders of videos, even you can sort your videos by ascending or in descending order.

 

31) Videos With Description

This shortcode helps you to setup your video with description. In this shortcode set number of videos to be displayed on the page, you can change the orders of videos, even you can sort your videos by ascending or in descending order.

 

32) Blockquote

You can display text in quoted format. We have design different style for this shortcode.You can use the style accordingly.

 

33) Portfolio

Explained the same thing under portfolio tab.

Please navigate to portfolio tab for more information.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful

17.6.WooCommerce Element #

WooCommerce Element


 

Here are the list of shortcode which is listed inside the Moto WooCommerce Element.

  • Cart
  • Checkout
  • Featured Products
  • My Account
  • Order Tracking
  • Product By Categories
  • Products
  • Product Type
  • Related Products
  • Top Rated Products

1) Cart

In this shortcode, you can add a custom css class for the cart.

 

2) Checkout

In this shortcode, you can add a custom css class for the Checking out.

 

3) Featured Products

This shortcode helps you to display the featured products. You can set the limit for products, products style, you can change the orders of products, even you can sort your products by ascending or in descending order.

 

4) My Account

In this shortcode, you can add a custom css class for my account.

 

5) Order Tracking

In this shortcode, you can add a custom css class for the Order Tracking.

 

6) Product By Category

This shortcode helps you to display the products by its category. You can set the limit for products, a number of the product displayed in a single column, products style, you can change the orders of products, even you can sort your products by ascending or in descending order. You can select the multiple categories from the list.

 

7) Products

This shortcode helps you to display the products. You can set the limit for products, a number of the product displayed in a single column, products style, you can change the orders of products, even you can sort your products by ascending or in descending order. You can select the multiple categories from the list. You can set the type of products that they are on sale, or best selling, or top rated.

 

8) Product Type

This shortcode helps you to display the products by its category. You can set the limit for products, a number of the product displayed in a single column, you can change the orders of products, even you can sort your products by ascending or in descending order. You can set the type of products that they are on sale, or best selling, or top rated. You can select the style of product that it will be in slider style or in column style.

 

9) Related Products

This shortcode helps you to display the Related products. You can set the limit for products, a number of the product displayed in a single column, you can change the orders of products, even you can sort your products by ascending or in descending order. And you can add custom css class for this section.

 

10) Top Rated Product

This shortcode helps you to display the top rated products. You can set the limit for products, a number of the product displayed in a single column, even you can sort your products by ascending or in descending order.

Yes No
Last updated on July 14, 2019
0 of 0 users found this section helpful
×
Close Panel