Wego is a powerful and ultra-responsive theme which can perfectly serve any type of business, freelance or interactive creative sphere. For theme support that cannot be found in this documentation, please visit our support forum.
There are several ways Wego can be installed. For existing sites that already have content, the first method will only involve the installation and activation of the theme. The second option includes a full Drupal 7 installation with the same SQL database file used to create the theme demo. Please choose which installation method works best for you and follow the instructions. We do highly recommend you perform the full installation, especially if you plan on using the Commerce functionality.
Download Drupal: https://drupal.org/project/drupal to install default Drupal.
Video: Installing Drupal 7Option 1:
The following steps are designed for people that have experience manually installing Drupal and importing databases. If you do not feel comfortable performing these steps yourself, contact your server administrator for help. NOTE this option is for a completely new Drupal install. Do not import the provided SQL file into an existing Drupal database or you will lose all of your data!
You can find all of the modules used in the demo in the modules.zip archive in the root of the folder you downloaded from ThemeForest. Not all modules are required to use the theme, but below is a list of modules you will need to utilize various elements of the theme
Copy all folders under "/Theme Package/modules/*" to your existing drupal site "/sites/all/modules/*"
Copy all folder under "/Theme Package/libraries/*" to your existing drupal site "/sites/all/libraries/*", if you dont have "/sites/all/libraries" on your existing site, you need to create one.
Visit yourdomain.com/admin/modules to activate all modules need installing (select the following checkboxes to ENABLE those modules and click Save configuration).
Activate modules in Drupal core: Blog, Contact and PHP filter.
Set permissions for module Contact (Visit yourdomain.com/admin/people/permissions#module-contact and select all checkboxes of "Use the site-wide contact form").
Set permissions for module Search (Visit yourdomain.com/admin/people/permissions#module-search and select all checkboxes of "Use search").
Remove tag <br> auto insert in Block static: Visit yourdomain.com/admin/config/content/formats/full_html and uncheck Convert line breaks into HTML (i.e. <br> and <p>)
Visit yourdomain.com/admin/appearance/settings/Wego to configure your theme's settings. You can select Page layout, Header layout, Footer layout, Add your own custom CSS, Add your own custom logo, etc.
Visit yourdomain.com/admin/config/system/site-information select Tab Design You can select settings theme layout for Wego.
You can change Logo by a logo image or use site name text and site slogan.
Visit yourdomain.com/admin/config/system/site-information to configure your Site Name and Site Slogan.
Wego has a total of 9 Vocabulary Taxonomies: Blog Categories, Blog Layout, Portfolio Categories, Portfolio Layout, Product Layout, Product Type, Tags, Tags Shop, Team Skills
Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Blog Categories.
Visit yourdomain.com/admin/structure/taxonomy/blog_categories/add to Add term for Blog Categories.
Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Blog Layout.
Visit yourdomain.com/admin/structure/taxonomy/blog_layout/add to Add term for Layout.
Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Project Category.
Visit yourdomain.com/admin/structure/taxonomy/portfolio_categories/add to Add term for Portfolio Categories.
Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Portfolio Layout.
Visit yourdomain.com/admin/structure/taxonomy/portfolio_layout/add to Add term for Portfolio Layout.
Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Product Layout.
Visit yourdomain.com/admin/structure/taxonomy/product_layout/add to Add term for Product Layout.
Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Product Type.
Visit yourdomain.com/admin/structure/taxonomy/product_type/add to Add term for Product Type.
Visit yourdomain.com/admin/structure/taxonomy/tags/add to Add term for tags.
Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Tags Shop.
Visit yourdomain.com/admin/structure/taxonomy/tags_shop/add to Add term for Tags Shop.
Visit yourdomain.com/admin/structure/taxonomy/add to add taxonomy Team Skills.
Visit yourdomain.com/admin/structure/taxonomy/team_skills/add to Add term for Team Skills.
Visit yourdomain.com/admin/structure/types/manage/art-portfolio/fields to add fields for content type Art Portfolio (check Add existing field)
Visit yourdomain.com/admin/structure/types/manage/blog/fields to add fields for content type Blog entry (check Add existing field)
Create a content type named Client (check Add existing field)
Create a content type named Gallery (check Add existing field)
Create a content type named Product Display (check Add existing field)
Create a content type named Services (check Add existing field)
Create a content type named Skills (check Add existing field)
Create a content type named Teams (check Add existing field)
Create a content type named Testimonials (check Add existing field)
Visit yourdomain.com/admin/config/search/path/patterns to configure URL aliases of Portfolio and Blog.
Visit yourdomain.com/node/add/blog to create a node blog.
Visit yourdomain.com/node/add/art-portfolio to create a node art portfolio.
Visit yourdomain.com/node/add/services to create a node for Services.
Visit yourdomain.com/node/add/teams to create a node for Teams.
Visit yourdomain.com/node/add/clients to create a node for Clients.
Visit yourdomain.com/node/add/product-display to create a node for Product Display.
Visit yourdomain.com/node/add/testimonials to create a node for Testimonials.
Wego features 16 View Blocks and View Pages created from the content types. You can create the View by importing code in the folder "files_export_views".
Visit yourdomain.com/admin/structure/views/import to create a view by importing code from (/files_export_views/blog_block.txt).
The front page seen on the Wego demo consists of various block regions. Some are generated by Views, and some are custom blocks with special markup. You can find all of the markup used on the demo front page inside the html_block and content_page_demo folder in the root of the theme folder.
Visit yourdomain.com/admin/structure/block to disable all Blocks in Region Help default (return "No blocks in this region") and click button Save blocks
Wego features 21 block regions where you can add your own custom content. Visit yourdomain.com/admin/structure/block to add your own content to the defined block regions. Press "Add Block" to create a new custom block, or select an existing block from the Disabled list below the defined block regions.
All HTML files to create Block Static in folder html_block
Wego features 2 header regions: Top Bar, Menu You can use the "demonstrate block regions" link on yourdomain.com/admin/structure/block to see exactly where these are located, but the names are fairly self explanatory. If you would like to mimic the social icon region seen above the menu on the demo you can use the following markup in a block:
Wego has a total of 12 content block regions: Top Content, Content, Blog Sidebar, Blog Bottom, Team Bottom, Portfolio Sidebar, Portfolio Bottom, Bottom Content, After Content, After Content No Wrap, Left Sidebar and Right Sidebar. Like the Header regions described above these regions are fairly self explanatory. One thing to note is that the before and after content regions are called outside of the main content wrap so you can use completely full width content (like the Image Slider) or use your own custom wrappers. Those regions are there to do whatever you like with and are not restricted by any additional markup.
Finally there are 7 footer block regions: Footer Top, Footer Box 1, Footer Box 2, Footer Box 3, Footer Box 4, Footer Box 5 and Footer Bottom.
Visit yourdomain.com/admin/structure/block/manage/system/main-menu/configure select Region Setting of Wego to be Menu Region to show menu.
Wego has a block region called Menu which can be used to add any menu block you like. The demo simply uses the default Main Menu block but you can create a custom menu block if you like.
Note: make sure to check the "show as expanded" box on all parent items with children to ensure the dropdown menu works correctly.
Wego support Revolution Slider in module. You need install, active for module "art_revolution".
Visit yourdomain.com/admin/art_revolution to set up global settings for Revolution Slider.
Visit yourdomain.com/admin/art_revolution/1/globalsettings to adjust the Global settings for the Revolution Slider.
Wego supports 6 types of Home Page display:
Example: Home Page Default
Visit yourdomain.com/admin/structure/pages/import to create a panel page by importing code from (/files_export_panels/home.txt).
You can drag and drop Blocks in Layout designer to change position of Blocks.
You can apply the same steps to other Home Versions
Configure it the same as Home Page Demo
Wego supports 14 types of Projects display.
Portfolio Page - Example: http://arrowtheme.com/wego/portfolio-clean-2cols
This is the standard Portfolio style which utilizes the "Portfolio Masonry Style Page" View. If you are not using the full demo or did not use the Custom Content module you can use the code in /files_export_views/portfolios.txt to import this View. Then simply place the "View Page" width path is yourdomain.com/portfolio-clean-2cols .
Add Menu: Visit yourdomain.com/admin/structure/menu/manage/main-menu/add to add a Menu named 2 Columns under parent menu Projects Masonry.
Wego supports 2 types of Content.
Wego supports 6 types of Blog display.
Blog Page - Example: http://arrowtheme.com/wego/blog_grid_v2
This is the standard Blog style which utilizes the "Blog Style Page" View. If you are not using the full demo or did not use the Custom Content module you can use the code in /files_export_views/blog.txt to import this View. Then simply place the "View Page" width path is yourdomain.com/blog_grid_v2.
Add Menu: Visit yourdomain.com/admin/structure/menu/manage/main-menu/add to add a Menu named Grid V2 under parent menu Blog Masonry.
Wego supports 2 types of Content.
Wego supports Drupal Commerce.
Wego supports the Drupal Commerce module, a powerful eCommerce framework for building online stores. Drupal Commerce has a complete set of documentation which we highly recommend reading if you have never used DC before. We will go over some of the basics and highlight the aspects of the theme that enhance DC and how you can use them on your site. If you do plan on using Drupal Commerce with your install of Wego we also highly recommend you install the full demo content as it will provide you a completely functional configuration of Drupal Commerce to begin working with.
- You need to download and install Drupal Commerce module. Click here to follow this article. - Active module Commerce: Visit http://yoursite.com/admin/modules and active Commerce.
Create the taxonomy of Product Content Type: Product Layout, Product Type, Tags Shop. Follow this article http://arrowtheme.com/userguide/Wego/#toc8
Create the fields of Product Content Type. Follow this article http://arrowtheme.com/userguide/Wego/#toc9
When the Commerce module is activated you can visit /admin/commerce to begin configuring Drupal Commerce. We will not be going over every options page, but we will outline the creation of Product Types and explain how that relates to the "Product Display" content type. Visit /admin/commerce/products/types to begin creating your own Product Types. Below is an example of what the fields look like on a Wego demo product type:
Product Types have some default fields like Product SKU which are required for Commerce products to function correctly, but you can create as many additional fields as you need for your products.
Important: Any product fields that are intended to function as attribute selection fields on Add to Cart forms need to be configured to do so. When editing that field, scroll down to the ATTRIBUTE FIELD SETTINGS option and enable the option. For example, if you have several variations of a "Hat" product (red, blue, green) and you want the customer to be able to select the color they want when adding the item to the cart, the Color field would need to be configured in this way.
As described earlier in the Content Types section of the documentation, Wego uses a content type called Product Display which acts as a bridge between Drupal and Commerce products. The "Product Reference" field allows you to create your product(s) at the same time of the node creation. Below is a step by step guide for using this content type to create a Drupal Commerce product node in Wego:
The key to making everything tie together is the View page which uses the search index to display the products. This is done by creating a View like you would any other View, but by selecting your search index from the "Show" select menu during the initial view creation. This View is an unformatted list of the rendered entity, and no other special configurations are needed. The following template files are associated with Wego's demo shop page:Configure it the same as Home Page Demo
Shop Page link: http://arrowtheme.com/wego/shop
Wego supports 6 types of List Shop display.
Wego supports 2 types to display content.
To make use of the Wishlist functionality that can be seen on the Wego demo you will need to install the Flag module. Once you do visit /admin/structure/flags/import to import the following code:
$flags = array(); // Exported flag: "Shop Wishlist". $flags['shop'] = array( 'content_type' => 'node', 'title' => 'Shop Wishlist', 'global' => '0', 'types' => array( 0 => 'product_display', ), 'flag_short' => 'Add to Wishlist', 'flag_long' => '', 'flag_message' => '', 'unflag_short' => 'Remove from Wishlist', 'unflag_long' => '', 'unflag_message' => '', 'unflag_denied_text' => '', 'link_type' => 'toggle', 'roles' => array( 'flag' => array( 0 => '1', 1 => '2', ), 'unflag' => array( 0 => '1', 1 => '2', ), ), 'weight' => 0, 'show_on_form' => 0, 'access_author' => '', 'show_on_page' => 0, 'show_on_teaser' => 0, 'show_contextual_link' => 0, 'i18n' => 0, 'api_version' => 2, ); return $flags;
Then if you don't already have it you can use the code in /files_export_views/wishlist-block.txt to create a View to display a block of the Wishlist items.
Visit yourdomain.com/node/add/page to create a node basic page. You can use the code demo content in /content_page_demo/Access-denied.html
Configure it the same as Access Denied
Configure it the same as Home Page Demo
Thank you very much for purchasing the Wego Responsive Drupal 7 theme. Once again if you have any issues or feedback please connect via the ThemeForest author page. Enjoy using Wego!
© 2014 Arrowtheme.