This document covers the installation and use of this theme and reveals answers to common problems and issues - I encourage you to read this document thoroughly if you are experiencing any difficulties.
To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex - https://codex.wordpress.org/Installing_WordPress
Firstly, unzip the MayaShop_WordPress_Theme.zip file to a directory on your computer. It contains a folder named maya.zip file. Open this archive and upload the maya folder to your server via ftp to the /themes/ directory on your Wordpress installation. (wp-content > themes)
Go to your Wordpress admin, and in the Appearance-panel, choose Add New Themes. Click Add new. Upload the maya.zip. Not upload the MayaShop_Wordpress_theme.zip file, but only the maya.zip file, if you have a "missing stylesheet" issue you are uploading the wrong file!
Installing WordPress https://codex.wordpress.org/Installing_WordPress
Once you have uploaded the theme, activate your theme in Appearance > Themes.
Using Themes https://codex.wordpress.org/Using_Themes
You can install sample content by importing our live preview settings, that you can find in our support forum.
You can also import all images we used for our live preview (except the images taken by Fotolia with a regular license, we can't redistribuite them)
To start with MayaShop Theme you have to:
It's important that Wordpress is set up to display a static page as home page. You set this in Settings > Reading. Chose 'static page' and select the page you created for the home in the select menu.
The theme has a lot of slideshow-variants to choose from.
Now, in the "Slides" tab you can:
Now, in the "Slides" tab you can:
Now, in the "Slides" tab you can:
Now, in the "Slides" tab you can:
In slider settings you can chose the layout of the slider (in our demo we are using the "light" skin) and edit the settings of the slider.
I suggest you to watch this video to learn how to set the LayerSlider: http://www.youtube.com/watch?v=IqluV6LN4Iw
Also this video can be useful for you: http://www.yourinspirationweb.com/tf/support/sheeva/Set-Layer/Set-Layer.html
Here you can also see a live demo of the slideshow: http://codecanyon.net/item/layerslider-the-parallax-effect-slider/922100
In this theme you will have two Layers slideshow: one big (width 960pixel) and another small, called "Mini Layers", with text content in the right side, (see it in this page)
Create a new slider: In Appearance click on the "Layerslider" link. Set the size of the slider with a width of 608pixel and an height 0f 280pixel.
I suggest you to watch this video to learn how to set the LayerSlider: http://www.youtube.com/watch?v=IqluV6LN4Iw
Also this video can be useful for you: http://www.yourinspirationweb.com/tf/support/sheeva/Set-Layer/Set-Layer.html
Here you can also see a live demo of the slideshow: http://codecanyon.net/item/layerslider-the-parallax-effect-slider/922100
After this:
Now, in the "Slides" tab you can:
Now, in the "Slides" tab you can:
In this slideshow you can also add an extratooltip above your image.
Where you can find this coords?
Open the big image with Photoshop (or another software) and with a rule take the coords (in pixel) where you want to put the tooltip:
Now, in the "Slides" tab you can:
Size of the Flash slider images: Width 960px, height 317px
The slider: Mini Layer
Size of this slider: width 608pixel, height:270px;
Create a new Mini Layers slider: In Appearance click on the "Layerslider" link. Set the size of the slider with a width of 608pixel and an height 0f 280pixel.
Here you can see a live demo of the slideshow: http://codecanyon.net/item/layerslider-the-parallax-effect-slider/922100
After this:
The content of the page
In this home we are using a shortcode to display the recent products and also a products slider to display the best sellers products. You can have the same content adding this code in the editor of your page (be sure to using the HTML tab, not the "Visual" tab of the editor.):
<h2>NEW ARRIVALS ON MAYA'S SHOP</h2> [border] [recent_products per_page="4" columns="4"] <h2>BEST SELLERS OF THE MONTH</h2> [border] [product_slider category="" orderby="date" order="desc" featured="0" latest="0" best_sellers="1"]
In this home page we are using a sidebar with two widgets: a "testimonial widget" to display a slider with the "excerpt" of the testimonials, and an "icon text widget".
The slider
Here you can see a live demo of the slideshow: http://codecanyon.net/item/layerslider-the-parallax-effect-slider/922100
Page content
Under the editor of the page, we added a slogan title (MayaShop, a nice and fresh perspective to your e-commerce site) and a slogan subtitle (use your WordPress to set your great store online).
In the page of the home version 2 we put the shortcode to display the products. This is the code:
[items per_page="8" columns="4" orderby="date" order="desc"]
In the "Extra Content" textarea under the editor i added the shortcodes to display a nice call to action. This is the code:
[call_two label_button="SIGN IN NOW" href="#"] [size px="46"]<strong>35% </strong>[/size] [size px="36"]off everything![/size] Sign in before march 21 to enjoy our special sales! [/call_two]
Sidebar
We are using a left sidebar with the widget "Woo Commerce featured products" (we change the title with "MUST HAVE" and a "icon text widget"
The slider
Now, in the "Slides" tab you can:
In slider settings you can chose the layout of the slider (in our demo we are using the "light" skin) and edit the settings of the slider.
Page content
In this home page we are using 4 text columns with an image in each column and a product slider. This is the code of this page (copy and past in your editor, be sure to have the "html" tab and not the "visual" tab):
[one_fourth] <h3>MAN ACCESSORIES</h3> <img class="size-full wp-image-596 alignleft" title="man" src="http://yourinspirationweb.com/demo/maya/files/2012/04/man.jpg" alt="" width="220" height="165" /> Nunc felis urna, mattis non blandit vitae, porttitor ac enim. Nunc scelerisque sagittis sollicitudin nam gravida. <a href="#">Read more</a> [/one_fourth] [one_fourth] <h3>WOMAN ACCESSORIES<h3> <img class="aligncenter wp-image-598" title="woman2" src="http://yourinspirationweb.com/demo/maya/files/2012/04/woman2.jpg" alt="" width="220" height="165" /> Nunc felis urna, mattis non blandit vitae, porttitor ac enim. Nunc scelerisque sagittis sollicitudin nam gravida. <a href="#">Read more</a> [/one_fourth] [one_fourth] <h3>LOVE MAYA SHOP</h3> <img class="aligncenter size-full wp-image-600" title="skin" src="http://yourinspirationweb.com/demo/maya/files/2012/04/skin.jpg" alt="" width="220" height="165" /> Nunc felis urna, mattis non blandit vitae, porttitor ac enim. Nunc scelerisque sagittis sollicitudin nam gravida.<a href="#">Read more</a> [/one_fourth] [one_fourth_last] <h3>BUY IT NOW!</h3> <img class="aligncenter size-full wp-image-601" title="sport" src="http://yourinspirationweb.com/demo/maya/files/2012/04/sport.jpg" alt="" width="220" height="165" /> Nunc felis urna, mattis non blandit vitae, porttitor ac enim. Nunc scelerisque sagittis sollicitudin nam gravida.<a href="#">Read more</a> [/one_fourth_last] [space] <h3>FROM THE SHOP</h3> [product_slider orderby="date" order="desc" featured="0" latest="0" best_sellers="0"]
The slider
Now, in the "Slides" tab you can:
Page content - The "Features tab"
In this page we have a "features tab". Now i will explain how to use it:
[features_tab name="Maya Shop Features" open="1"]
)
To set the content of the features tab:
Sidebar
We are using a right sidebar with 4 "icon text widgets".
The slider
Now, in the "Slides" tab you can:
[special_font size="24"]prices from [size px="42"]$45[/size][/special_font]
. You can set the "special font" you want to use in Appearance > Theme Options > Typography.
Page content
In this page we are using two products sliders. The code you can copy and past in the editor of your page (be sure to have the tab "html" opened and not the "visual") is:
<h2>FEATURED PRODUCTS ON MAYA</h2> [border] [product_slider featured="0" latest="1" best_sellers="0"] <h2>BEST SELLERS OF THE MONTH</h2> [border] [product_slider featured="0" latest="0" best_sellers="1"]
The slider
Now, in the "Slides" tab you can:
Page content
In this page we use only a normal text content and two titles. In the left sidebar we are using the "Popular posts" widget to show the post from the blog.
The slider
Now, in the "Slides" tab you can:
In this slideshow you can also add an extratooltip above your image.
Where you can find this coords?
Open the big image with Photoshop (or another software) and with a rule take the coords (in pixel) where you want to put the tooltip:
Page content
In this page we use a product slider and 4 icon sections shortcodes. This is the code you can copy and past in the editor of the page (be sure to have the "html" tab and not the "visual" tab open):
<h2>FEATURED PRODUCTS ON MAYA</h2> [border] [product_slider featured="0" latest="1" best_sellers="0"] [border] [section icon="checkbox-checked" title="Your title" title_size="h4"]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/section] [section icon="phone-black" title="Your title" title_size="h4"]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/section] [section icon="card-black" title="Your title" title_size="h4"]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/section] [section icon="chart-bar" title="Your title" title_size="h4" last="1"]Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.[/section]
The slider
Now, in the "Slides" tab you can:
Page content
In this home page we use a shortcode to display the products and also a shortcode that display a slider with the testimonials. The code you can put in your editor (be sure to have the "html" tab open and not the "visual" tab) is:
[items per_page="10" columns="5" orderby="date" order="desc"] <h1 style="text-align: center;">OUR <span>CUSTOMERS</span> SAYS..</h1> [border] [testimonials_slider speed="500" timeout="7000"]
The slider
Now, in the "Slides" tab you can:
Page content
In this page we are using a shortcode to display the products. The code is:
<h2>NEW ARRIVAL - WINTER COLLECTION</h2> [product_slider style="traditional" category="" orderby="date" order="desc" featured="0" latest="1" best_sellers="0"]
In the Extra content textarea we added the icon sections shortcodes. This is the code we are using:
[section icon="cart" size="48" title="Shopping Cart"]Quisque mi tellus, semper vitae consequat at, volutpat sit amet odio. Cras condimentum rutrum mattis. [grey_cta href="#"]Read more[/grey_cta][/section] [section icon="gift" size="48" title="Gift Card"]Quisque mi tellus, semper vitae consequat at, volutpat sit amet odio. Cras condimentum rutrum mattis. [grey_cta href="#"]Read more[/grey_cta][/section] [section icon="mphone" size="48" title="Our news"]Quisque mi tellus, semper vitae consequat at, volutpat sit amet odio. Cras condimentum rutrum mattis. [grey_cta href="#"]Read more[/grey_cta][/section] [section icon="open" size="48" title="Open 24h" last="1" ]Quisque mi tellus, semper vitae consequat at, volutpat sit amet odio. Cras condimentum rutrum mattis. [grey_cta href="#"]Read more[/grey_cta][/section]
Note: The last icon section need to have the _last
attribute!
Sidebar
In the sidebar we are using the "Woo Commerce best sellers products" widget.
The slider
Now, in the "Slides" tab you can:
Page content
In this page we are using a shortcode to display the content. The code is:
[product_categories_slider ids="25, 26, 27, 22, 20" orderby="name" order="ASC" columns="5" hide_empty="0|1" style="traditional"] [space] [two_fourth] <h2>About Maya Shop</h2> Mayashop is a complete and versatile e-commerce theme for WordPress. You can work with unlimited features and options like sliders, colors, fonts, shortcodes, custom widget and so on to create unlimited different shop themes. Sed molestie commodo purus nec molestie. Donec vitae lorem enim, tincidunt molestie magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent sed tristique est. [/two_fourth] [two_fourth_last] <h2>Latest news</h2> [popularpost items="2"] [/two_fourth_last]
Sidebar
No sidebar in this page
In Appearance > Theme options > colors you can set the background of the body. In MayaShop there are 50+ background and patterns that you can use, and you can also use the background uploader if you want to upload your custom background.
You can set how many rows use for your footer and set the style for the footer layout.
Shortcode to display the social icons
[social type="facebook" href="#"] [social type="rss" href="#"] [social type="twitter" href="#"] [social type="youtube" href="#"] [social type="delicious" href="#"] [social type="vimeo" href="#"] [social type="flickr" href="#"] [social type="stumble" href="#"] [social type="linkedin" href="#"] [social type="skype" href="#"] [social type="lastfm" href="#"] [social type="myspace" href="#"] [social type="tumblr" href="#"] [social type="digg" href="#"] [social type="quora" href="#"] [social type="dribble" href="#"] [social type="forrst" href="#"] [social type="google" href="#"] [social type="ember" href="#"]
Shortcode to display the SMALL social icons
[social type="facebook" size="small" href="#"] [social type="rss" size="small" href="#"] [social type="twitter" size="small" href="#"] [social type="youtube" size="small" href="#"] [social type="delicious" size="small" href="#"] [social type="vimeo" size="small" href="#"] [social type="flickr" size="small" href="#"] [social type="stumble" size="small" href="#"] [social type="linkedin"size="small" href="#"] [social type="skype" size="small" href="#"] [social type="lastfm" size="small" href="#"] [social type="myspace" size="small" href="#"] [social type="tumblr" size="small" href="#"] [social type="digg" size="small" href="#"] [social type="quora" size="small" href="#"] [social type="dribble" size="small" href="#"] [social type="forrst" size="small" href="#"] [social type="google" size="small" href="#"] [social type="ember" size="small" href="#"]
Shortcode to display the SHARE icons in the product detail page
[share]
Shortcode to display the credit card icons
[credit cards="paypal,visa,mastercard,amex,cirrus"]
Shortcode to display the newsletter form
[newsletter_form label="Your email address" label_submit=">"]
In the home version V we use a footer with 4 widget areas. In this areas we used:
You do not need to enter any content on this page. This will be your blog index page, and will list your blog posts in chronological order.
You can customize the layout and appearance of the blog page in Appearance > Theme options > General > Blog Settings:
NOTE: In Appearance > Widget you can find the preset sidebar for the blog page. Drag and drop the widgets in the Blog sidebar to customize the sidebar of your blog.
Faq page is made by custom post types and is very easy to set.
[faq]
in the editor of the page;Follow the same procedure for all your faqs.
In our live preview, in the Faq page we have the faqs and a shortcode with a call to action for the customer support. The code is:
[faq] [border] [call title="Not found the <span>answer?</span>" incipit="feel free to contact our customer service for free support" phone="800.034.881"]
Have different pages with different FAQS
[Faq]
shortcode, use the shortcode [faq category=""]
and inside the "" enter the slug of the category you want to chose (example: [faq category="shipping-questions"]
).
In this way you can create unlimited faqs page to display different faq categories. You can also use more categories in the shortcode, using the "comma": [faq category="shipping,discount"]
Additional attributes
[testimonials]
to display all testimonials;
In this theme you can create unlimited contact form.You can create a default contact form, like the form in our live preview, or a custom form.
Create a custom contact form
%field%
in the body of the e-mail (Contact Form Configuration). For example, if you add a field phone, in the body you have to add %phone%
.Create a default contact form
NOTE: If you'd like to use left floated input fields you could add the class [code]full[/code] to each field: click to "Edit" and add [code]Full[/code] in the Class form, as shown in the pictures below.
Portfolio-posts are custom post types, and can be categorized.
To create your portfolio page:
Then, change the settings of the preset portfolio:
NOTE: In Appearance > Widget you can find the preset sidebar for the portfolio page. Drag and drop the widgets in the Portfolio sidebar to customize the sidebar of your portfolio page. You have to use the "More Projects" widget if you want to use the full description portfolio or another type of portfolio.
In this theme you can create unlimited portfolio.
Gallery page is made by custom post types and is very easy to set.
NOTE: In Appearance > Widget you can find the preset sidebar for the gallery page. Drag and drop the widgets in the Gallery sidebar to customize the sidebar of your gallery pages. If you use the filterable gallery, you have to use the "Gallery categories" widget!
Then you can create your gallery:In theme options > sections > gallery you can find the other settings for the gallery. You can turn on/off the horizontal filterable effect, turn on/off the gallery in the home page and so on.
This theme is based on the powerful Woo Commerce plugin. Search it in the plugins area, install and active it.
In our support forum there are a complete videoscreencast that can help you to set your store: how to create product's categories, how to add products and change the style of your product page (and the style of the products thumbnails) and so on.
When you login in your admin area, a message in the top suggest you to install the plugin YITH Magnifier.
Once you installed the plugin you just need to activate it.
Now you can config the plugin in WooCommerce > Settings > Magnifier
This is a list of some shortcodes of this theme. Insert this code in your page. To view all shortcodes availables, take a look to this page.
Border (use it to separate the content with a border)
[border]
Space (use it to add some space between the elements)
[space]
Clear (use it after columns and icon boxes)
[clear]
Call to action
[call title="Not found the answer?" incipit="feel free to contact our customer service for support" phone="800.034.881"]
Call to action "Subscribe"
[call_two label_button="SIGN IN NOW" href="#"][size px="52"]35% [/size] [size px="48"]off everything [/size] Sign in to our list before march 21![/call_two]
Dropcap
[dropcap]your text[/dropcap]
Quote text
[quote]your text[/quote]
Highlight text
[highlight]your text[/highlight]
Set the size of the text
[size px="32"]this text is 32px [/size]
Enter a text using the "special font" (you can set it in the typography panel)
This is my [special_font size="18" unit="px"]special font![/special_font]
Enter a text using the font used for the logo (you can set it in the typography panel)
[logo size="25px"]Maya Shop[/logo]
Styled lists
[list type="star"] <li>item</li> <li>item</li> <li>item</li> [/list]
Symbols: Star / arrow / check / add / info
Success box
[success]your text[/success]
Arrow box
[arrow]your text[/arrow]
Alert box
[alert]your text[/alert]
Error box
[error]your text[/error]
Notice box
[notice]your text[/notice]
Info box
[info]your text[/info]
Custom buttons
[button_icon icon="arrow|arrow-left|calc|gift|offer|remove"]your text[/button_icon]
Custom buttons with left icons
[button_icon icon="arrow|arrow-left|calc|gift|offer|remove" sense="rtl"]your text[/button_icon]
Big colorful buttons
[button color="green|blue|magenta|red|orange|yellow" width="large" href="#"]your text[/button]
Small colorful buttons
[button color="green|blue|magenta|red|orange|yellow" width="small" href="#"]your text[/button]
Icon boxes
[section icon="bag" title="your title"] your text [/section]
Icons: Tick / bag / pictures / letter / box / bubble / bulb / calendar / cart / chart / clipboard / coffee / diagram / doodles / gear / info / globe / gift / label / moleskine / monitor / mphone / news / open / pc / pencil / phone / postit / qmark / refresh / shopbag / statistics / testimonial
Icon boxes (black style)
[section icon="card-black" title="Your Title" title_size="h4"] your text [/section]
Icons: card-black / brush-black / monitor-black / chart-bar / box / case / chart-line / bookmark / checkbox-checked / phone-black / contact / info /
Tabs
[tabs tab1="Tab 1" tab2="Tab 2" tab3="Tab 3"]
[tab id="tab1"]This is tab1[/tab]
[tab id="tab2"]This is tab2[/tab]
[tab id="tab3"]This is tab3[/tab]
[/tabs]
Toggle
[toggle title="This is title"]Your Content...[/toggle]
Price box
[price title="Standard Plan" price="45.0 $" href="#" buttontext="More info" color="white"] <li>Morbi est elit, imperdiet sit amet</li> <li>Lorem ipsum seget, egestas in leo.</li> <li>Morbi est elit, imperdiet sit amet</li> <li>Lorem ipsum seget, egestas in leo.</li> [/price]
Table
[table color="white"] <table style="width: 100%;" cellspacing="0" cellpadding="0"> <thead> <tr> <th style="width:20%"></th> <th style="width:20%">Free</th> <th style="width:20%">Mini</th> <th style="width:20%">Standard</th> <th style="width:20%">Premium</th> </tr> </thead> <tbody> <tr> <th class="features">Features 1</th> <td>1</td> <td>unlimited</td> <td>[x]</td> <td>-</td> </tr> </tbody> </table> [/table]
Youtube video
[youtube width="640" height="385" video_id="wSBIcNmCAX0"]
Vimeo video
[vimeo width="640" height="360" video_id="3109777"]
Dailymotion video
[dailymotion width="640" height="360" video_id="xgis0k"]
Dailymotion video
[dailymotion width="640" height="360" video_id="xgis0k"]
Nivo slideshow
[slider effect="random" width="640" height="380"]
wp-content/themes/bolder/images/nivo-slider/001.jpg
wp-content/themes/bolder/images/nivo-slider/002.jpg
wp-content/themes/bolder/images/nivo-slider/003.jpg
wp-content/themes/bolder/images/nivo-slider/004.jpg
wp-content/themes/bolder/images/nivo-slider/005.jpg
[/slider]
Effects: sliceDown / sliceDownLeft / sliceUp / sliceUpLeft / sliceUpDown / sliceUpDownLeft / fold / fade / random / slideInRight / slideInLeft / boxRandom / boxRain / boxRainReverse / boxRainGrow / boxRainGrowReverse
To stylize your images, add lightbox effect and so on:
[image size="small" lightbox="true"]http://url.to/image.jpg[/image]
Recent posts
[recentpost items="3"]
Popular posts
[popularpost items="3"]
Google map
[googlemap src="" width="300" height="280"]
Social icons
[social type="facebook|rss|twitter|youtube|yahoo|vimeo|flickr|blogger" href="" title=""]
Shortcode to display the SMALL social icons
[social type="facebook" size="small" href="#"] [social type="rss" size="small" href="#"] [social type="twitter" size="small" href="#"] [social type="youtube" size="small" href="#"] [social type="delicious" size="small" href="#"] [social type="vimeo" size="small" href="#"] [social type="flickr" size="small" href="#"] [social type="stumble" size="small" href="#"] [social type="linkedin"size="small" href="#"] [social type="skype" size="small" href="#"] [social type="lastfm" size="small" href="#"] [social type="myspace" size="small" href="#"] [social type="tumblr" size="small" href="#"] [social type="digg" size="small" href="#"] [social type="quora" size="small" href="#"] [social type="dribble" size="small" href="#"] [social type="forrst" size="small" href="#"] [social type="google" size="small" href="#"] [social type="ember" size="small" href="#"]
Shortcode to display the SHARE icons in the product detail page
[share]
Testimonial slider
[testimonials_slider speed="500" timeout="7000"]
Newsletter form
[newsletter_form action=""
method="GET|POST"
name="fullname"
email="email"
name_label="your name"
email_label="your name"
submit="Subscribe"]
Display products in the page
[items per_page="5" columns="5" orderby="date" order="desc" category=""]
Display featured products in the page
[featured_products columns="5" orderby="date" order="desc"]
Display recent products in the page
[recent_products per_page="5" columns="5" orderby="date" order="desc"]
Display best sellers products in the page
[best_sellers per_page="5" columns="5"]
Display a product slider in the page
[product_slider category="" orderby="date" order="desc" featured="0|1" latest="0|1" best_sellers="0|1" style="ribbon|traditional"]
Display the product categories in the page
[product_categories ids="2,3,4" number="4" orderby="name" order="ASC" columns="4" hide_empty="0|1"]
To display the categories in the shortcode you have to:
Shortcode to display the credit card icons
[credit cards="paypal,visa,mastercard,amex,cirrus"]
In this theme you find 6 preset sidebar:
The default sidebar is the preset sidebar that you can find in your pages when you set a page with "sidebar right or left" layout without to select a sidebar to assign.Put a widget in the default sidebar to display it in your page instead of the static wordpress sidebar with blogroll,search and so on.
You can also create unlimited sidebar:
7 custom widgets are provided with the theme. These are:
You can insert a custom text in the header are. Go to Theme Options > General > Header > Text Header and insert your text.
In Text Header position you can set the default position of the text (Left or Right), or you can set a Custom position with the attributes Top, Left, Right and Bottom.
For example, you can insert this text "My personal text in header" on left
This theme is ready for localization via .po/.mo files, and works with the WPML plugin.
If you are not familiar with translating Wordpress themes, I recommend reading this article: https://codex.wordpress.org/Translating_WordPress
If you translated Maya in your language, please, send us the .po files so we can add a translation for the theme. We will add you in a special "thanks list" in our themeforest profile :)
Please send the translated file to: [email protected] Thanks!
This theme uses wp-nav-menu for building menus. You find this in Appearance > Menus.
For more info on how to setup your menu in wp 3.0, see https://codex.wordpress.org/Appearance_Menus_SubPanel
When you added all pages to your menu, you can drag/drop and order pages.
Before you have to add the pages to your menu. After this, if you want to assign the megamenu style to the page, you have to use the CSS CLASSES
megamenu
. (To have it open the Screen Options tab on the top right and tick Css Classes):
To set the number of columns you want to create in your megamenu, you have to add columns-N
(N is the number of columns) after the megamenu
class.
By default the megamenu have 3 columns. You can use min 1 column and max 5 columns.
megamenu columns-5
In our forum you can find a video that can help you to set the megamenu exactly our demo.
In the left side of the top bar you can enter a static text or display a twitter slider with your latest news. You can set this in Theme Options > General > Header.
In the right side of the top bar, near to the cart ribbon, you can add a custom menu. How? Go in Appearance > Menu, create a new menu and in the "Theme Localization" panel chose this menu for the "Navigation in the top bar". The "Login/register" links are by default in the top bar, if you want to turn off this links you can do it in Theme Options > General > Header.
Note!
not__logged_in
.