+ All Categories
Home > Documents > Aventura WPcommerce 1.0

Aventura WPcommerce 1.0

Date post: 31-Aug-2014
Category:
Upload: jitendra-verma
View: 65 times
Download: 1 times
Share this document with a friend
Popular Tags:
132
Aventura for WordPress e-Commerce Theme Documentation Version 1.0 Last Updated: December 9, 2011 gothemeteam.com
Transcript
Page 1: Aventura WPcommerce 1.0

Aventurafor WordPress e-CommerceTheme Documentation

Version 1.0Last Updated:

December 9, 2011

gothemeteam.com

Page 2: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Table of Contents

Installation ...................................................4

Overview & Requirements...........................4

Activating the Theme ..................................5

The Homepage............................................6

Overview.....................................................6

jQuery Slider.............................................. 8

Featured Posts............................................9

Layout Options ........................................9

Featured Products Carousel................ 10

Last Posts..............................................11

Banner Ads...............................................12

Page Templates.........................................13

Available Templates...................................13

Applying a Page Template.........................15

Creating Subpages...................................16

Blog Listings: Adding Featured Images.....18

Blog Listings - Big Images.........................19

Blog Listings - Full Width Images ..............20

Blog Listings - Small Images.....................21

Custom Left Sidebar................................. 22

Custom Right Sidebar............................... 23

Full Width..................................................24

2

Portfolio Listings - 1 Column.....................25

Portfolio Listings - 2 Columns ...................26

Portfolio Listings - 3 Columns ...................27

Portfolio Listings - 4 Columns ...................28

Sitemap.................................................... 29

Testimonial Images................................... 30

Testimonial Text.........................................31

Custom Post Options ...............................32

Overview...................................................32

My Portfolio...............................................33

Testimonials..............................................40

Custom Theme Options ...........................43

Overview...................................................43

General Options Tab.................................44

Homepage Options Tab............................46

Footer Options Tab...................................53

Font Color Options Tab.............................55

Theme Team Tab ......................................59

Shopping Cart........................................... 60

WP e-Commerce Plugin............................60

Product Pages..........................................62

Sidebar Widgets........................................64

Available Custom Widgets ........................64

Available Custom Sidebars........................65

Adding the Widgets ..................................67

Contact Info Widget..................................70

Flickr Widget.............................................71

Recent Posts Widget................................72

Popular Posts Widget...............................73

Twitter Stream Widget...............................74

Banner Ads Widget...................................75

Contact Us Widget ...................................76

Subscribe Widget .....................................77

Menus ........................................................78

Overview...................................................78

Creating a Menu .......................................79

Shortcodes ................................................83

Available Shortcodes.................................83

Color Options............................................84

Boxes & Related Elements........................85

Buttons...................................................100

Columns................................................. 102

Page 3: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Table of Contents

Feature Lists...........................................112

Typography & Elements...........................116

Pricing Grids...........................................121

Gallery.....................................................130

Additional Help........................................132

3

Page 4: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Thank you for purchasing Aventura for WordPress e-Commerce!

This document provides instructions for installing and using the Aventura theme. Since the instructions are specific

to the theme, they do not cover every WordPress function. For help with using WordPress, please see the Further

Reading boxes (like the one at the bottom of this page) throughout the text for additional resources. We also recommend using the tutorials at codex.wordpress.org.

Before installing the theme, please make sure you are using WordPress 3.0. If you have an older version of WordPress, the option to upgrade will appear on the dashboard or you can visit wordpress.org/download to get the latest version. For WordPress host requirements, please visit wordpress.org/about/requirements/.

4

Installation Overview & Requirements

Further Reading: For more information on using themes in WordPress, please visit: • WordPress Codex: Using Themes

Page 5: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

After you have downloaded Aventura, you will need to activate the theme in WordPress.

To activate the theme:

1. Use an FTP client to access your host server and copy the downloaded aventura folder to wp-content/

themes.

2. Log on to the WordPress admin panel and go to Appearance > Themes (circled in Figure 1).

3. Under Available Themes, find Aventura. Click the Activate link.

4. The Aventura theme is now activated and should appear under Current Theme:

5

Installation Activating the Theme

Figure 1

Page 6: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The following images show the layout and features of the Aventura homepage. You can control these features by

using Aventura’s custom admin panel which is described in detail in the Custom Theme Options section. In this

section, we will simply review all the different options available for each feature.

Figure 2a shows the top half of the page, while Figure 2b on the next page shows the bottom half.

6

The Homepage Overview

Figure 2a

jQuery slider

Category blocks

Page 7: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation 7

The Homepage Overview

Figure 2b

Newsletter sign-up form

Featured posts area

Banner ads

Page 8: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

At the top of the homepage, there is a jQuery slider that can be activated by hovering over one of the category

blocks beneath it. Slider options can be found in the Aventura admin panel under the Homepage Options tab.

8

The Homepage jQuery Slider

Figure 3

Slider

Active category block

Page 9: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The featured posts area has four layout options:

• Featured Products Carousel

• Last Posts

• Custom Content (enter code for your own content)

• Display None (leave out this section)

The featured posts area’s options can be found in the Aventura admin panel under the Homepage Options tab.

9

The Homepage Featured Posts: Layout Options

Page 10: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The featured products carousel showcases products in a slider with two controllers:

10

The Homepage Featured Posts: Featured Products Carousel

Figure 4a

Page 11: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The Last Posts option displays your four most recent blog posts with a featured image, title and excerpt:

11

The Homepage Featured Posts: Last Posts

Figure 4b

Page 12: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Images for the banner ads at the bottom of the page are added by going to Aventura Options > Homepage

Options and entering their URLs in the appropriate fields. Images should be no larger than 325 x 195 pixels.

12

The Homepage Banner Ads

Figure 5

Page 13: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Page Templates Available Templates

Aventura provides 13 different templates (in addition to WordPress’ default template) that you can use to build the pages of your website. In this section, you will learn how to apply templates to your pages and learn about the

layout and features of each custom template.

Here is a list of available page templates:

• Blog Listings - Big Images

• Blog Listings - Full Width Images

• Blog Listings - Small Images

• Custom Left Sidebar

• Custom Right Sidebar

• Full Width

• Portfolio Listings - 1 Column

• Portfolio Listings - 2 Columns

13

Page 14: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Page Templates Available Templates

• Portfolio Listings - 3 Columns

• Portfolio Listings - 4 Columns

• Sitemap

• Testimonial Images

• Testimonial Text

14

Page 15: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Page Templates Applying a Page Template

Templates can be applied to existing pages or as you create new pages. The Default Template option is a standard page layout provided by WordPress and all the other templates are provided by the Aventura theme.

To apply a page template:

1. Under the main navigation menu, go to Pages. If you are adding a new page, go to Add New. If you are applying the template to an existing page, choose the page from the list of published pages.

2. If you are adding a new page, enter a title.

3. On the right side of the work area is a Page Attributes box. Select a template in the Template drop-down

menu. Click the Update button to save the settings.

15

Figure 6

Page 16: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Page Templates Creating Subpages

As you add more content to your website, you may need to organize the information into a hierarchy of pages and subpages (also known as parent and child pages).

To create a subpage:

1. Under the main navigation menu, go to Pages. If you are adding a new page, go to Add New. If you would like to make an existing page a subpage, select the page from the list of published pages.

2. If you are adding a new page, enter a title.

3. In the Page Attributes box, go to the Parent drop-down menu. Select the parent page under which you would

like to place the current page.

16

Figure 7

Page 17: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Page Templates Creating Subpages

4. Click the Update button. The page is now a child page of the selected parent page.

17

Further Reading: For more information on parent and child pages, please visit: • WordPress Codex: Pages

Page 18: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Page Templates Blog Listings: Adding Featured Images

The first three templates discussed in this section are used to list blog articles. To write and post a blog article, go

to Posts > Add New under the navigation menu. The descriptions for these three templates mention a blog listing’s

featured image. Please follow the instructions below to add featured images to your blog posts.

To add a featured image to a post:

1. Under the navigation menu, select Posts and select the post to which you would like to add an image.

2. On the right side of the work area, find the Featured Image box. Click the Set featured image link.

3. Select an image from the Set featured image box and close the box when you are done.

4. Click the Publish button. The image will appear at the top of the post. If you decide to make the post into a

sticky post, the image will automatically resize to fit at the top of the sticky post.

18

Further Reading: For more information on writing and adding posts, please visit: • WordPress Codex: Writing Posts

Page 19: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Page Templates Blog Listings - Big Images

This template is a two-column layout with blog listings in the main column and a custom sidebar in the left column. The blog listings have large featured images that span the width of the main column. For details on the custom

sidebar (called Blog Sidebar) and widgets that can be placed in the sidebar, please see Sidebar Widgets.

19

Figure 8

Blog Sidebar

Main column

Page 20: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Page Templates Blog Listings - Full Width Images

This blog listings template is a one-column layout with featured images and blog descriptions that span the width of the page. This layout does not have a sidebar.

20

Figure 9

Page 21: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

This template is a two-column layout with a sidebar in the left column. The blog listings in the main column have

small featured images beside the blog titles and descriptions. The sidebar is the custom sidebar, Blog Sidebar (see

the Sidebar Widgets section for more information).

Page Templates Blog Listings - Small Images

21

Figure 10

Blog Sidebar

Small featured image

Page 22: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The Custom Left Sidebar template has general content in the main column and a sidebar in the left column. The

sidebar is a custom sidebar called Custom Left Sidebar (see Sidebar Widgets).

Page Templates Custom Left Sidebar

22

Figure 11

Custom Left Sidebar

Main column

Page 23: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The Custom Right Sidebar template is the same layout as the previous layout, but with a sidebar on the right side.

Page Templates Custom Right Sidebar

23

Figure 12

Custom Right SidebarMain column

Page 24: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

This template has a main or general content area that spans the width of the page.

Page Templates Full Width

24

Figure 13

Page 25: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The Portfolio Listings templates can be used to create a work or product portfolio. The templates list portfolio items in 1, 2, 3 or 4 columns, with an image, title, description and link for each item. Images or videos in these templates

open up in lightboxes when the user clicks on them. Individual portfolio items are added by using Aventura’s

custom post panel, which is explained in the Custom Post Options section.

Figure 14 shows a Portfolio Listings template with 1 column and a lightbox:

Page Templates Portfolio Listings - 1 Column

25

Figure 14

Lightbox w/video

Page 26: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Figure 15 shows the Portfolio Listings template with two columns.

Page Templates Portfolio Listings - 2 Columns

26

Figure 15

Page 27: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Figure 16 shows the Portfolio Listings template with three columns.

Page Templates Portfolio Listings - 3 Columns

27

Figure 16

Page 28: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Finally, the Portfolio Listings template with four columns is shown in Figure 17.

Page Templates Portfolio Listings - 4 Columns

28

Figure 17

Page 29: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

There is a page template you can use to create a sitemap:

Page Templates Sitemap

29

Figure 18

Page 30: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Page Templates Testimonial Images

30

There are two versions of the Testimonial template: one with images and one without images. Testimonials are

added using the Testimonials custom post panel, which is explained in the Custom Post Options section. Images

are added as featured images for each testimonial post in the same way that featured images are added to blog posts and portfolio items.

Figure 19

Featured image

Testimonial

Page 31: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Page Templates Testimonial Text

31

This Testimonials template doesn’t display featured images, even if they have been added. Only text is displayed.

Figure 20

Page 32: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

When the Aventura theme is activated, two custom post panels appear in the navigation menu: My Portfolio and

Testimonials (circled in Figure 21 below). Custom posts are just like regular WordPress posts, but they have special

design and layout options.

32

Custom Post Options Overview

Figure 21

Page 33: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The My Portfolio panel allows you to easily add portfolio items (as posts) which are also listed on pages using one of the Portfolio Listings templates. Adding portfolio items is similar to adding blog posts.

To add a portfolio item:

1. Click My Portfolio in the WordPress admin panel and select Add New.

2. Enter a title for the item in the top field and a text description in the content field:

33

Custom Post Options My Portfolio

Figure 22a

Enter a title

Enter a description

Select “Add New”

Page 34: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

3. If you want to include a video with your portfolio item, scroll down to the box labeled Theme Team Custom

Portfolio Options and enter its URL in the Video URL field:

34

Custom Post Options My Portfolio

Figure 22b

Page 35: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

4. On the right side of the work area is a custom box called Skills. This box lists categories your portfolio item can

be listed under. But before you can list your portfolio item under a skill or skills, you must add skill categories.

35

Custom Post Options My Portfolio

Figure 22c

Page 36: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

5. Click the Update button before navigating from the portfolio item’s page. In the WordPress navigation menu,

click Skills under My Portfolio. Enter the category’s details in each field and click the Add New Category

button.

36

Custom Post Options My Portfolio

Figure 22d

Enter category details in each field

Click this button to add the category to

your list of skills

Click “Skills”

Page 37: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

6. Now, go back to the portfolio item you added and select the skill or skills you would like the item listed under.

There is also an Add New Category link in the Skills box that will let you quickly add new categories (you can

go back and change the details in My Portfolio > Skills later).

On the page where all the portfolio items are listed, you will see the different skill categories you created at the top of the page:

These options are used as a filter for your portfolio items. Clicking on one of the options will display only the portfolio items in that category.

37

Custom Post Options My Portfolio

Figure 22e

Page 38: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

7. To add an image to the portfolio item, click the Set featured image link in the Featured Image box. Follow the

instructions in the pop-up box to select a file. If you add a video, you must still set a featured image to display on the page that lists all the portfolio items. The video can only be played on the individual item’s page.

38

Custom Post Options My Portfolio

Figure 22f

Figure 22g

Click to add a featured image

Featured image has been added

Page 39: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

An individual portfolio page is shown in Figure 22h below. Featured images on individual portfolio pages open up in lightboxes when they are clicked.

39

Custom Post Options My Portfolio

Figure 22h

Page 40: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The Testimonials custom post panel can be found just below the My Portfolio panel in the navigation menu. The

testimonials entered in this panel appear on pages using one of the Testimonials templates.

To add a testimonial:

1. Select Testimonials from the navigation menu and either select Add New from the menu or click the Add New button at the top of the work area.

2. Enter a title for the testimonial in the top field and the testimonial text in the content field:

40

Custom Post Options Testimonials

Figure 23a

Title

Testimonial text

Page 41: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

3. Scroll down to a box called Theme Team Custom Testimonial Options. The information entered in these fields

will automatically appear in the post’s custom layout. If you leave any of the fields blank, that particular area of the page will just be empty.

41

Custom Post Options Testimonials

Figure 23b

Page 42: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

4. To add an image to the testimonial, click the Set featured image link in the Featured Image box. Follow the

instructions in the pop-up box to select a file. This image will appear on pages with the Testimonials With Images template.

5. Click the Update button to save the testimonial.

42

Custom Post Options Testimonials

Page 43: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

When the Aventura theme is activated in WordPress, a custom admin panel called Aventura Options appears in the

navigation menu (circled in Figure 24). The panel contains custom theme options that are organized under five tabs: General Options, Homepage Options, Footer Options, Font Color Options, and Cufon Options. There is also a special Theme Team tab with a link to the theme’s documentation and Theme Team’s portfolio on ThemeForest.

43

Custom Theme Options Overview

Figure 24

Tabs

Page 44: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The General Options tab controls certain elements that affect the whole site: parts of the header, header and footer color, Google Analytics, and the email that will receive all of the site’s messages. Each of these options is described

in this section.

Custom Logo: Upload a logo to the host server and enter the file’s URL (i.e. the file’s location on the host server) in

this field or click Upload Image and select an image.

The logo will appear at the top of the page:

44

Custom Theme Options General Options Tab

Figure 25a

Figure 25b

Page 45: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation 45

Custom Theme Options General Options Tab

The next and last section under the General Options tab is called Other Options.

Google Analytics: Google Analytics is a program that helps website publishers see how visitors find and navigate

their site. Publishers use this information to make decisions on site design and advertising. To set up a tracking code, sign up for Google Analytics at www.google.com/analytics/ and follow the instructions. Then, enter the tracking code in this field.

Contact Email: The email address entered in this field will receive any messages submitted through the contact

form on Contact Us template.

Click the Save Changes button after making any changes to the General Options tab.

Page 46: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation 46

Custom Theme Options Homepage Options Tab

The Homepage Options tab is broken down into three sections of the homepage: slider, featured posts area and banner ads. Each of these sections is described in the next few pages.

The top section controls the homepage slider.

Figure 26a

Page 47: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation 47

Custom Theme Options Homepage Options Tab

Select Pages: Select a page that will link to each of your slides by clicking a page’s button. As you click each

button, the pages’ ID numbers will automatically appear in the Featured Slider Pages field. WordPress creates an

ID number for each page, and the number can be found in the page’s URL. (For example, the page ID number in the following URL is 2: http://grounded.gothemeteam.com/?page_id=2.) To deselect a page, click on its button again.

The page’s ID number will automatically remove itself from the Featured Slider Pages field.

Featured Slider Pages: In this field, enter the ID number for each page in the order you want them placed in the

slider, separated by commas. If you use the buttons in the Select Pages field, the page IDs will appear here

automatically, but you can use this field to change the slide order.

Now that you have set up the slider, you will need to add the slide and corresponding category block’s different components (i.e. an image and text). These are custom fields that must be added to each slide’s page. Click the

Save Changes button before navigating away from the Homepage Options tab.

Page 48: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation 48

Custom Theme Options Homepage Options Tab

To add the slide’s components:

1. Under the main navigation menu, go to Pages. Select the slide’s page from the list of published pages.

2. In the work area, you will see a box labeled ThemeTeam Custom Page Options. Each field in this box corresponds to a part of the slide:

Figure 26b

Page 49: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation 49

Custom Theme Options Homepage Options Tab

Custom Link: If you want to direct the slide’s link to a page other than the current WordPress page, enter the

desired web address here.

Custom Slider Title: This title will appear at the top of the slide’s category block.

Custom Slider Text: Enter the text that will appear in the category block.

Slider Image: Enter the slide image’s URL or upload an image for the slide in this field. The image that appears

in the category block is the page’s featured image.

3. Click the Update button to save your changes.

Figure 26c

Custom Slider Title

Featured Image

Custom Slider Text

Page 50: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The next section under the Homepage Options tab is Featured Posts Area.

Featured Posts Layout: Select one of four different featured posts layouts in this section. Descriptions and

screenshots of each layout can be found in the section titled The Homepage. The last option, Custom Content,

allows you to enter anything you want in this area, and it does not have to be a blog post. Enter code for the

content at the very bottom of the Homepage Options tab in the Custom Content area.

50

Custom Theme Options Homepage Options Tab

Figure 26d

Page 51: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

If you select the Featured Products Carousel layout, you will need to enter the ID numbers of the products you’d like to feature in the slider. The ID numbers are entered in the next section:

51

Custom Theme Options Homepage Options Tab

Figure 26e

Page 52: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Finally, the last section of the Homepage Options tab is Ads.

The image URLs entered in these fields show up as banners at the bottom of the homepage.

52

Custom Theme Options Homepage Options Tab

Figure 26f

Page 53: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The social links and copyright information at the bottom of each page are controlled by the Footer Options tab. There is also an area for custom content.

53

Custom Theme Options Footer Options Tab

Figure 27a

Page 54: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Facebook Link: Enter your Facebook URL.

Twitter Link: Enter your Twitter URL.

YouTube Link: Enter your YouTube URL.

Custom Content Title: Enter a title for your custom content area.

Custom Content Data: Enter code to create your own custom content.

Copyright: Type your copyright date and copyright holder name here.

Figure 27b below shows how this information will appear in the footer:

54

Custom Theme Options Footer Options Tab

Figure 27b

Facebook, Twitter and YouTube links

Custom Content Title

Custom Content Data

Copyright

Page 55: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The Font Color Options tab allows you to change the color of text and background colors on various parts of the site.

The first section, labeled Background Colors, controls the site’s background color in three sections: the main body,

header and footer.

Body Background (in hot pink):

55

Custom Theme Options Font Color Options Tab

Figure 28a

Page 56: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Top Background:

Footer Background:

56

Custom Theme Options Font Color Options Tab

Figure 28b

Figure 28c

Page 57: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The next section is Top Menu which controls the colors in the navigation menu.

Menu Background (in hot pink):

Menu Text Color: The color of the navigation menu text.

57

Custom Theme Options Font Color Options Tab

Figure 28d

Page 58: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The Homepage Slider section controls certain elements of the category blocks.

Slider Menu Background: Slider Menu Hover Background: Slider Menu Title Color (changes on hover):

Finally, the General Text section controls the colors of h1 and h2 headers and regular text throughout the site.

58

Custom Theme Options Font Color Options Tab

Figure 28e Figure 28fFigure 28g

Page 59: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation 59

Custom Theme Options Theme Team Tab

The Theme Team tab gives you quick access to the theme’s most recent documentation, the theme’s details and Theme Team’s portfolio on ThemeForest.

Figure 29

Page 60: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shopping Cart WP e-Commerce Plugin

60

Aventura supports WP e-Commerce, a free shopping cart plugin you can use to set up an online store. If you haven’t already installed the plugin, please follow the steps below:

To install the WP e-Commerce Plugin:

1. Check the plugin’s server requirements at GetShopped.org: Server Requirements.

2. Go to Plugins > Add New on your admin panel.

3. Under Search, select Term from the drop-down menu (should be selected by default) and type WP e-

Commerce.

4. Find WP e-Commerce in the list of plugins and click Install Now.

5. Go Plugins > Installed Plugins and find the plugin. Click Activate. The plugin is now active.

Further Reading: For more information on the WP e-Commerce plugin and its features, please visit: • WordPress Plugin Directory: WP e-Commerce • Plugin Site: GetShopped.org

Page 61: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Please read the Documentation section of the plugin’s website for instructions on using the theme: http://docs.getshopped.org.

Installing the plugin will add some additional options to your admin panel and sales stats to your Dashboard:

Shopping Cart WP e-Commerce Plugin

61

Figure 30

Products Panel

Sales Stats

Page 62: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shopping Cart Product Pages

62

When you set up a shop with the Aventura theme, your individual product pages will look like Figure 31a below.

Figure 31a

Page 63: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shopping Cart Product Pages

63

A randomly-selected product is featured on the right side of the category pages:

Figure 31b

Featured product

Page 64: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation 64

Aventura has eight custom sidebar widgets:

• Contact Info

• Flickr

• Recent Posts

• Popular Posts

• Twitter Stream

• Banner Ads

• Contact Us

• Subscribe

The widgets can be displayed in a regular sidebar or in one of Aventura’s custom sidebars.

Sidebar Widgets Available Custom Widgets

Page 65: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Sidebar Widgets Available Custom Sidebars

65

Aventura has seven custom sidebars. The Blog Sidebar appears when use the Blog Listings - Big Images or Blog

Listings - Small Images page template (see the Page Templates section).

Figure 32a

Blog Sidebar

Page 66: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Sidebar Widgets Available Custom Sidebars

66

The Custom Left Sidebar and the Custom Right Sidebar appear when you use the page template of the same

name. The Footer Column 1, 2, 3 and 4 sidebars appear in the footer:

Figure 32b

Footer Column 1 Footer Column 2 Footer Column 3 Footer Column 4

Page 67: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Sidebar Widgets Adding the Widgets

67

To add Aventur’a custom widgets to a sidebar:

1. Go to Appearance > Widgets in the navigation menu. You will see a box of available widgets. Layover’s custom

widgets have Theme Team in front of their names:

Figure 33a

Page 68: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Sidebar Widgets Adding the Widgets

68

2. On the right side of the work area are the different sidebars that you can add widgets to:

Figure 33b

Page 69: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Sidebar Widgets Adding the Widgets

69

Sidebar is the standard WordPress sidebar that you’ll find on the right side of a webpage. Drag the desired widgets

from Available Widgets to these sidebars.

Figure 33c

Page 70: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The Contact Info widget displays your contact information and can also include a Google map to your location.

Sidebar Widgets Contact Info Widget

70

Figure 34

Contact Info widget settings

Page 71: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Sidebar Widgets Flickr Widget

71

The Flickr widget can display up to 10 photos from your Flickr account. In the widget’s settings, enter your Flickr ID

in the first field. Click the idGettr link if you need help finding your ID number. In the Number field, select the

number of photos you want to display in the sidebar. Under Type, select User if you have an individual user account

or Group if you have a group account. Under Sorting, select whether you want your latest Flickr photos displayed

or if you want random photos displayed. Select the size in which you want your photos displayed in the Size drop-

down menu.

Figure 35

Flickr widget settings

Page 72: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The Recent Posts widget lists your latest blog posts. In the widget’s settings, enter a title for the widget in the Title

field and the number of posts you want listed at one time in the second field.

Sidebar Widgets Recent Posts Widget

72

Figure 36

Recent Posts widget settings

Page 73: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The Popular Posts widget displays posts with the most comments. In the widget’s settings, enter a header for the widget and the number of posts you want to display.

Sidebar Widgets Popular Posts Widget

73

Figure 37

Popular Posts widget settings

Page 74: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Sidebar Widgets Twitter Stream Widget

74

The Twitter Stream widget displays your latest tweets in the sidebar. In the widget’s settings, enter a header for the

section in the Title field. Enter your Twitter account username in the Username field. Enter the maximum number of

recent tweets you want to display in the Limit box. We recommend that you display no more than 10 tweets at a time.

Figure 38

Twitter Stream widget settings

Page 75: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Sidebar Widgets Banner Ads Widget

75

The Banner Ads widget can hold up to 6 banner ads in the sidebar. There are two fields for each ad in the widget’s settings: one for its link and a second for the ad image’s URL. If you leave any fields blank, there will simply be a

blank space.

Figure 39

Banner Ads widget settings

Page 76: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

The Contact Us widget generates a simple contact form in the sidebar. The email address entered in the widget’s

settings is the recipient email address of all messages sent via the form. Get in Touch is automatically added as the

widget’s header.

Sidebar Widgets Contact Us Widget

76

Figure 40

Contact Us widget settings

Page 77: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Sidebar Widgets Subscribe Widget

77

The Subscribe widget provides a one-line form where site visitors can enter their email address to sign up for a newsletter. Enter a title for this section in the widget’s settings.

Figure 41

Subscribe widget settings

Page 78: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Menus Overview

Aventura supports two navigation menus. One is the Top Menu and is located at the very top of each webpage:

The second menu is Main Nav and is the main navigation menu at the top of the page:

78

Figure 42a

Figure 42b

Page 79: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Menus Creating a Menu

To create a menu:

1. Under the navigation menu, go to Appearance > Menus.

2. On the right side of the work area is a menu tab. Enter a name for the menu in the Menu Name field and click

the Create Menu button.

79

Figure 43a

Page 80: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Menus Creating a Menu

3. Menu options are added to the menu’s tab by selecting them in the Pages box on the left side of the work area.

Select the page(s) and click the Add to Menu button. The page(s) will appear under the menu tab:

4. Click the Save Menu button. To create another menu, click the plus sign to the right of the first menu’s tab

(circled in Figure 41b) and repeat steps 2 and 3.

80

Figure 43b

Menu options

Page 81: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Menus Creating a Menu

5. To create a submenu, click and drag the menu option underneath the desired parent menu, then click and drag the submenu option slightly to the right.

Submenus will appear as fly-out menus on the actual website.

81

Figure 43c

Page 82: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Menus Creating a Menu

6. On the left side of the work area is a box called Theme Locations. Choose which menu will be the Main Nav

menu and which menu will be the Widget Footer Links menu. Click the Save button.

82

Further Reading: For more information on creating and configuring menus, please visit: • WordPress Codex: Appearance > Menus_SubPanel

Figure 43d

Page 83: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Aventura provides shortcodes for the following features:

• Boxes & Related Elements

• Buttons

• Columns

• Feature Lists

• Typography & Elements

• Pricing Grids

• Gallery

The following sections include screenshots of each feature in its different styles and colors, the basic shortcode, and an explanation of the shortcode and its options.

Shortcodes Available Shortcodes

83

Page 84: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Aventura’s color options are shown below with their classes and can be used with some of the shortcodes provided in this text.

Shortcodes Color Options

84

Figure 44

slateblue

skyblue

lightblue

blue

coffee

camel

ochre

lightgreen

green

darkgreen

yellow

darkyellow

purple

darkpurple

gray

greymetal

red

darkred

Page 85: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Aventura provides shortcodes for different box styles, drop caps, quotes, a note box, links, alerts and highlighted text.

Box Style 1

The first box type has four variations:

Shortcodes Boxes & Related Elements

85

Figure 45a

Variation 1 Variation 2 Variation 3 Variation 4

Page 86: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode:

[boxes size="quarter" style="type of variation (see options)" title="box header/title"] <p>content</p> [/boxes]

Shortcode Options:

• Style (see Figure 45a on the previous page for each variation): box-v1, box-v2, box-v3, box-v4

Shortcodes Boxes & Related Elements

86

Page 87: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Box Style 2

The second box type runs horizontally and has four variations:

Shortcodes Boxes & Related Elements

87

Figure 45b

Variation 1

Variation 2

Variation 3

Variation 4

Page 88: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode:

[boxes size="full" style="type of variation (see options)" title="box header/title"] <p>content</p> [/boxes]

Shortcode Options:

• Style (see Figure 45b on the previous page for each variation): box-v1, box-v2, box-v3, box-v4

Shortcodes Boxes & Related Elements

88

Page 89: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Drop Caps

There are shortcodes for three styles of drop caps that can be added to the beginning of a paragraph:

Shortcode:

[drop_caps style="drop cap style (see options)" title="paragraph title"] <p>content</p> [/drop_caps]

Shortcode Options:

• Style (see Figure 45c above for each style): dropcap-v1, dropcap-v2, dropcap-v3

Shortcodes Boxes & Related Elements

89

Figure 45c

Style 1 Style 2 Style 3

Page 90: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Quotes - Mid-Paragraph Box

There are two ways in which you can offset a quote. The first way displays the quote in a box within the paragraph,

where the paragraph’s regular content wraps around the quote box:

Shortcodes Boxes & Related Elements

90

Figure 45d

Pulled quote

Page 91: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode:

Enter the pulled quote in the pullquote shortcode.

[pullquote_wrapper size="quote box size (see options)" title="paragraph title"] <p>regular content</p> [pullquote] pulled quote[/pullquote] <p>regular content</p> [/pullquote_wrapper]

Shortcode Options:

• Size: grid_8, grid_12, grid_6

Shortcodes Boxes & Related Elements

91

Page 92: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Quotes - Stand-Alone

The second way to offset a quote is to display it by itself. There are two variations of a stand-alone quote:

Shortcodes Boxes & Related Elements

92

Figure 45e

Variation 1

Variation 2

Page 93: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode:

Enter the pulled quote in the quote shortcode.

[pullquote_wrapper size="quote block size (see options)" title="quote title"] [quote style="quote block style (see options)"] pulled quote [/quote] [/pullquote_wrapper]

Shortcode Options:

• Size: grid_8, grid_12, grid_6

• Style (see Figure 45e for each style): blqv2 (variation 1) or blqv3 (variation 2)

Shortcodes Boxes & Related Elements

93

Page 94: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Note Box

If you would like to add notes within your paragraphs, you can create the following yellow note box with shortcode:

Shortcodes Boxes & Related Elements

94

Figure 45f

Note box

Page 95: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode:

Enter the note box text in the mid_note_box shortcode.

[mid_note_box_wrapper title="paragraph title"] <p>regular content</p> [mid_note_box title="note box title"] note box text [/mid_note_box] <p>regular content</p> [/mid_note_box_wrapper]

Shortcodes Boxes & Related Elements

95

Page 96: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Fancy Links

Aventura provides shortcodes for fancy links, which can generate 3 different icons.

Shortcode:

[fancy_link title="text that will appear with the icon" style="link style (see options)" link="link URL"]

Shortcode Options:

• Style (see Figure 45g above for the different styles): link-download, link-mailto, fancy-link

Shortcodes Boxes & Related Elements

96

Figure 45g

link-download link-mailto fancy-link

Page 97: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Alert Boxes

There are four types of alert boxes that Aventura provides shortcodes for:

Shortcodes Boxes & Related Elements

97

Figure 45h

Style 1

Style 2

Style 3

Style 4

Page 98: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode:

[alert_boxes title="box title" style="box style (see options)"] box content [/alert_boxes]

Shortcode Options:

• Style (see Figure 45h on the previous page for the different styles): notice-box (style 1), note-box (style 2),

success-box (style 3), error-box (style 4)

Shortcodes Boxes & Related Elements

98

Page 99: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Highlighted Text

You can highlight text in the theme’s 18 different colors.

Shortcode:

Place the shortcode around the text that you want highlighted.

paragraph text [mark color="highlight color (see options)"]Highlighted text.[/mark] paragraph text

Shortcode Options:

• Color: slateblue, skyblue, lightblue, blue, coffee, camel, ochre, lightgreen, green, darkgreen,

yellow, darkyellow, purple, darkpurple, gray, greymetal, red, darkred

Shortcodes Boxes & Related Elements

99

Figure 45i

Page 100: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Aventura provides shortcodes for buttons in three different sizes and 18 different colors:

Shortcodes Buttons

100

Figure 46

Small

Large

Medium

Page 101: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode:

[button link="link URL" color="button color (see options)" size="button size (see options)" title="button text"]

Shortcode Options:

• Color (see Figure 46 on the previous page to view the different color choices): slateblue, skyblue,

lightblue, blue, coffee, camel, ochre, lightgreen, green, darkgreen, yellow, darkyellow,

purple, darkpurple, gray, greymetal, red, darkred

• Size: small, medium, large

Shortcodes Buttons

101

Page 102: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Aventura provides shortcodes for eight different column layouts. For the layouts with multiple columns, please

notice that the last column in each row has the word last in its shortcode.

One (or Full-Width) Column

Shortcode:

[column_full] <h2>column header/title</h2> <p>content</p>[/column_full]

Shortcodes Columns

102

Figure 47a

Page 103: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Half Columns

Shortcode:

[column_half] <h2>left column header/title</h2> <p>content</p>[/column_half][column_half_last] <h2>right column header/title</h2> <p>content</p>[/column_half_last]

Shortcodes Columns

103

Figure 47b

Page 104: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

One-Third Columns

Shortcodes Columns

104

Figure 47c

Page 105: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode:

[column_third] <h2>left column header/title</h2> <p>content</p>[/column_third][column_third] <h2>middle column header/title</h2> <p>content</p>[/column_third][column_third_last] <h2>right column header/title</h2> <p>content</p>[/column_third_last]

Shortcodes Columns

105

Page 106: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Quarter Columns

Shortcodes Columns

106

Figure 47d

Page 107: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode:

[column_quarter] <h4>first column header/title</h4> <p>content</p>[/column_quarter][column_quarter] <h4>second column header/title</h4> <p>content</p>[/column_quarter][column_quarter] <h4>third column header/title</h4> <p>content</p>[/column_quarter][column_quarter_last] <h4>last column header/title</h4> <p>content</p>[/column_quarter_last]

Shortcodes Columns

107

Page 108: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

One-Third & Two-Thirds Column Combinations

Shortcodes Columns

108

Figure 47e

Page 109: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode:

This shortcode has a one-third/two-thirds column combination on one line followed by the reverse combination--

two-thirds/one-third column--on the next line (as shown in Figure 50e on the previous page).

[column_third] <h4>first column header/title</h4> <p>content</p>[/column_third][column_two_thirds_last] <h4>last column header/title</h4> <p>content</p>[/column_two_thirds_last][column_two_thirds] <h4>next row, first column header/title</h4> <p>content</p>[/column_two_thirds][column_third_last] <h4>last column header/title</h4> <p>content</p>[/column_third_last]

Shortcodes Columns

109

Page 110: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Quarter & Three-Quarters Column Combinations

Shortcodes Columns

110

Figure 47f

Page 111: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode:

This shortcode has a quarter/three-quarters column combination on one line followed by the reverse combination--

three-quarters/quarter column--on the next line (as shown in Figure 50f on the previous page).

[column_quarter] <h4>first column header/title</h4> <p>content</p>[/column_quarter][column_three_quarter_last] <h4>last column header/title</h4> <p>content</p>[/column_three_quarter_last][column_three_quarter] <h4>next row, first column header/title</h4> <p>content</p>[/column_three_quarter][column_quarter_last] <h4>last column header/title</h4> <p>content</p>[/column_quarter_last]

Shortcodes Columns

111

Page 112: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Aventura’s feature lists display an icon, header, and description for each feature (or any other type of information you want displayed). The sections are organized into a grid of 2, 3 or 4 columns. Note that the last column of each

row in the different types of feature grids have class last (circled in the code on the next page).

Aventura uses the following icon set by Some Random Dude: http://somerandomdude.com/projects/iconic/. Only the black version has been uploaded here, but you can add other icons to the directory and use them in the shortcodes.

Shortcodes Feature Lists

112

Page 113: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

2-Column Feature Grid

Shortcode:

[feature_list_half icon="Icon URL" title="Feature title"]Feature description[/feature_list_half][feature_list_half_last icon="Icon URL" title="Feature title"]Feature description[/feature_list_half_last][feature_list_half icon="Icon URL" title="Feature title"]Feature description[/feature_list_half][feature_list_half_last icon="Icon URL" title="Feature title"] Feature description[/feature_list_half_last]

Shortcodes Feature Lists

113

Figure 48a

Page 114: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

3-Column Feature Grid

Shortcode:

[feature_list_third icon="Icon URL" title="Feature title"]Feature description[/feature_list_third][feature_list_third icon="Icon URL" title="Feature title"]Feature description[/feature_list_third][feature_list_third_last icon="Icon URL" title="Feature title"]Feature description[/feature_list_third_last][feature_list_third icon="Icon URL" title="Feature title"]Feature description[/feature_list_third][feature_list_third icon="Icon URL" title="section header"]Feature description[/feature_list_third][feature_list_third_last icon="Icon URL" title="Feature title"]Feature description[/feature_list_third_last]

Shortcodes Feature Lists

114

Figure 48b

Page 115: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

4-Column Feature Grid

Shortcode:

[feature_list_quarter icon="Icon URL" title="Feature title"]Feature description[/feature_list_quarter][feature_list_quarter icon="Icon URL" title="Feature title"]Feature description[/feature_list_quarter][feature_list_quarter icon="Icon URL" title="Feature title"]Feature description[/feature_list_quarter][feature_list_quarter_last icon="Icon URL" title="Feature title"]Feature description[/feature_list_quarter_last][feature_list_quarter icon="Icon URL" title="Feature title"]Feature description[/feature_list_quarter][feature_list_quarter icon="Icon URL" title="Feature title"]Feature description[/feature_list_quarter][feature_list_quarter icon="Icon URL" title="Feature title"]Feature description[/feature_list_quarter][feature_list_quarter_last icon="Icon URL" title="Feature title"] Feature description[/feature_list_quarter_last]

Shortcodes Feature Lists

115

Figure 48c

Page 116: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Aventura’s typography and elements shortcodes consist of header styles and bullets. The free icon sets are provided by http://www.iconfinder.com/search/?q=iconset%3AsplashyIcons.

Headers

There are five different header styles. Any of the theme’s 18 color options can be applied to these headers.

Shortcodes Typography & Elements

116

Style 1

Style 2

Style 3

Style 4

Style 5

Figure 49a

Page 117: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode:

[headers type="header style (see options)" color="text color (see options)"]header text[/headers]

Shortcode Options:

• Type (see Figure 49a on the previous page for the different styles): h1 (style 1), h2 (style 2), h3 (style 3), h4 (style

4), h5 (style 5)

• Color: slateblue, skyblue, lightblue, blue, coffee, camel, ochre, lightgreen, green, darkgreen,

yellow, darkyellow, purple, darkpurple, gray, greymetal, red, darkred

Shortcodes Typography & Elements

117

Page 118: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Bullets

There are shortcodes for three sizes of bulleted text and 21 bullet styles.

Shortcodes Typography & Elements

118

Size 1 Size 2 Size 3

bullet_add bullet_arrow_large bullet_arrow_dark bullet_arrow_light bullet_arrow_line bullet_arrow

bullet_comment_alert bullet_comment bullet_error_alert

Figure 49b

Page 119: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcodes Typography & Elements

119

bullet_error_small

bullet_group bullet_info bullet_marker_light bullet_arrow_line bullet_new

bullet_pencil bullet_play_dark bullet_sprocket_dark bullet_zoom

bullet_error

bullet_marker_dark

bullet_sprocket_light

Figure 49b

Page 120: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode:

[bullet_list style="bullet style (see options)" grid_length="bulleted text size (see options)"]<li>text</li><li>text</li>[/bullet_list]

Shortcode Options:

• Style (see Figure 49b on the previous pages for the different styles):

bullet_add,bullet_arrow_large,bullet_arrow_dark,bullet_arrow_light,bullet_arrow_line,bullet_arrow,bullet_comment_alert,bullet_comment,bullet_error_alert,bullet_error_small,

bullet_error,bullet_group,bullet_info,bullet_marker_light,bullet_marker_dark,bullet_new,bullet_pencil,bullet_play_dark,bullet_sprocket_dark,bullet_sprocket_light,bullet_zoo

m

• Grid length (see Figure 49b for the different sizes): grid_2 (size 1), grid_4 (size 2), grid_6 (size 3)

Shortcodes Typography & Elements

120

Page 121: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Pricing grids can be used to display products, packages or plans with their pricing information. Layover provides shortcodes that create pricing grids with 3, 4, 5 or 6 columns and in 18 different colors.

Pricing Grid - 3 Columns

Shortcodes Pricing Grids

121

Figure 50a

List of plan details

Grid header

Plan selection button

Price

Time period or payment frequency

Page 122: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode:

[grid_wrapper size="three-columns"] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] <ul> <li>list item</li> <li>list item</li> ... </ul> [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] <ul> <li>list item</li> ... </ul> [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] <ul> <li>list item</li> ... </ul> [/pricing_grid] [/grid_wrapper]

Shortcode Options:

• Color: slateblue, skyblue, lightblue, blue, coffee, camel, ochre, lightgreen, green, darkgreen,

yellow, darkyellow, purple, darkpurple, gray, greymetal, red, darkred

Shortcodes Pricing Grids

122

Page 123: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Pricing Grid - 4 Columns

Shortcodes Pricing Grids

123

Figure 50b

Page 124: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode:

[grid_wrapper size="four-columns"] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] <ul> <li>list item</li> <li>list item</li> ... </ul> [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid][/grid_wrapper]

Shortcode Options:

• Color: slateblue, skyblue, lightblue, blue, coffee, camel, ochre, lightgreen, green, darkgreen,

yellow, darkyellow, purple, darkpurple, gray, greymetal, red, darkred

Shortcodes Pricing Grids

124

Page 125: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Pricing Grid - 5 Columns

Shortcodes Pricing Grids

125

Figure 50c

Page 126: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode:

[grid_wrapper size="five-columns"] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] <ul> <li>list item</li> <li>list item</li> ... </ul> [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid][/grid_wrapper]

• Color: slateblue, skyblue, lightblue, blue, coffee, camel, ochre, lightgreen, green, darkgreen,

yellow, darkyellow, purple, darkpurple, gray, greymetal, red, darkred

Shortcodes Pricing Grids

126

Page 127: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Pricing Grid - 6 Columns

Shortcodes Pricing Grids

127

Figure 50d

Page 128: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode:

[grid_wrapper size="five-columns"] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] <ul> <li>list item</li> <li>list item</li> ... </ul> [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid] [pricing_grid color="grid color (see options)" header_text="grid title/header" price="price/cost" duration="time period/ payment frequency" plan_link="URL with plan details" plan_text="button text"] ... [/pricing_grid][/grid_wrapper]

Shortcodes Pricing Grids

128

Page 129: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode Options:

• Color: slateblue, skyblue, lightblue, blue, coffee, camel, ochre, lightgreen, green, darkgreen,

yellow, darkyellow, purple, darkpurple, gray, greymetal, red, darkred

Shortcodes Pricing Grids

129

Page 130: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Aventura provides shortcode for an image slider. The code can be modified to change the slider’s height, width, and controller style. You can also set the gallery to either run automatically or manually.

Shortcodes Gallery

130

Figure 51

Controller

Page 131: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Shortcode:

[mini_slider height="slider height in pixels" width="slider width in pixels" autoplay="run automatically or no (see options)" type="controller style (see options)"] Image URL Image URL (list image URLs on separate lines) ...[/mini_slider]

Shortcode Options:

• Autoplay: true (turns autoplay on), false

• Type: classic, dots

Shortcodes Gallery

131

Page 132: Aventura WPcommerce 1.0

gothemeteam.com Aventura for WordPress e-Commerce | Theme Documentation

Additional Help

For further assistance, please contact the Theme Team by filling out a contact form at themeforest.net/user/goThemeTeam.

For more information on using WordPress, please visit codex.wordpress.org.

Thank you for purchasing Aventura for WordPress e-Commerce!

132


Recommended