We have already reviewed Wegy – a multipurpose template for Joomla crafted by TemplateMonster. Earlier we were focusing on its capabilities as a business template for corporate websites and landing pages.
But since the last update Wegy is equipped with full-featured eCommerce functionality. It comes with a wide range of pre-designed pages for online sellers (Shop home page, Single product, Listing, Shipping & Delivery pages, and so on); it supports product image cloud zoom, multiple currencies, and many other eCommerce-oriented features. With VirtueMart as its eCommerce solution Wegy is simple, flexible and effective in terms of selling online.
Today we will help you with customizing your Wegy-based online store, so you could set up your eCommerce business in almost no time. Here is what’s on our list:
- How to install Wegy;
- How to implement your own logo;
- How to change the template’s color scheme;
- How to make VirtueMart your front page;
- How to customize static text blocks;
- How to work with menus;
- How to set up sliders.
Let’s start then.
Installation of Wegy Template
There are two ways of installing Wegy. You can either install everything at once, or just the template. In this guide we will use imply installation via uploading the content of fullpackage.zip.
- Unzip the fullpackage.zip, which contains Joomla, Wegy and all the extensions, and upload it to the root folder of your hosting account.
- Go to your website, and you will see the installation message.
If you use PHP older than 5.4, there is a high probability of Magic Quotes being enabled. It is a common issue, so even if you don’t know what Magic Quotes are, don’t hesitate to get in touch with your hosting provider, and ask to disable them. It is necessary to switch them off in order to install Joomla.
- Proceed through the standard Joomla installation process. ! Export sample data on the third step to get access to the premade pages, articles and VirtueMart products. It is way easier to modify them than to create everything from scratch !
- Don’t forget to delete the installation folder.
Congratulations, the installation is over! Now you can browse your website or login to the Joomla Control Panel to customize your template.
Let’s start with the basics. To personalize your Wegy store you will need to replace its logos, static text blocks such as contact data and “About us”, and, perhaps, change the website’s color scheme.
Implementing your own logo
Sign in to the Control Panel and go to Templates > theme3092 – Shop.
Go to the ‘Layout’ tab and find the ‘Logo settings’ item;
Upload your new logo image;
And save the changes.
Note that the file name should contain only alphanumeric characters – no spaces allowed.
Changing the meta information
Go to VirtueMart > Shop in your Control Panel;
Here you can change your shop name, vendor name, shop description, terms of service, legal information, and various meta information: keywords, description, and many more.
Setting up contact info
There are 2 positions that need to be customized in the first place – ‘sup-top’ (a narrow panel over the header) and ‘copyright’ (the footer). To browse and modify modules that belong to these positions do the next:
Go to Extensions > Modules;
Find ‘Select position’ on the sidebar. Select ‘sup-top’. Now you need to edit the modules ‘Location’ and ‘info’. Just click on them, replace the information with your own and click ‘Save’.
Same thing is with the footer.
In Extensions > Modules > Filter > Select position choose ‘copyright’;
Find all the modules with the ‘Custom HTML’ type, and edit them in the WYSIWYG editor. When editing the ‘About’ module replace the original Wegy logo with your own – and it will appear in the footer.
There are three blocks with your company features named ‘Free Shipping’, ‘Support’, and ‘Order Return’. If you are logged in as admin, you can change them right from the frontend. Just click the tiny icon above the module – and you will be redirected to the WYSIWYG editor.
Editing a color scheme
Go to Users > User Manager > Add New User and fill all the forms necessary to create a new user;
Assign it to the ‘Super users’ group in the second tab, and save;
Sign in as this newly created user in the pullout menu on the front-end;
You will see a Style Switcher panel on the left. Choose one of 4 styles and press ‘Save’.
Wegy utilizes LESS pre-processor to enhance its CSS code. Thanks to variables introduced in LESS you can change the color scheme of your entire website with one click. To edit these schemes you have to dig in the CSS files of the template, though.
It’s time to take care of your store’s navigation. Many elements of this template belong to menus - even social media buttons in the footer.
You can rearrange menu positions and their hierarchy in a simple drag-and-drop way.
Go to Control Panel > Menus > Main Menu > Add New Menu Item;
Give it a name and specify its type. As an example, let’s place a link to the Kunena Forum board here. Pick Kunena Forum > Category List.
Save the menu. It should appear on your homepage.
To manage your social media buttons open Control Panel > Menus > Social media;
Open any menu item and paste the URL of the respective social media account. Save the menu.
Now icons in the footer link to your social profiles.
The mega menu functionality of Wegy is powered by Ice Mega Menu plugin. When you edit or create any menu item, you can go to the ‘IceMegaMenu’ tab and set the number of columns. If it’s more than 1, it will turn into a mega menu. Yes, it’s that simple. All you need to do is to arrange columns properly, and define their widths in percentages. Properly. Like this:
Wegy’s sample data includes two readymade mega menus that you can practice on. In our example we added the ‘Accessories’ column, and changed the banner and its position.
Setting your store as homepage
If you want to build a store-first website, you will probably want to set the shop as your website’s homepage. Here is how it can be done:
- Go to Menus > Main Menu > Add New Menu Item in your Control Panel;
- Give it a unique name. Next to the Menu Item Type click the Select button. Click VirtueMart from the list, then click Front page;
Now go to Menus > Main Menu, find your new menu, and click the star next to it.
Now check the front page of your website (e.g. http://wegystore.com/). If you’ve done everything correctly, you will see your store’s homepage.
The slider under the header uses your articles as slides. For a better result you need to use large images with high resolution, which will still look good when stretched across the page.
- Go to Extensions > Modules in the Control panel;
- Find the Sequence Slider Shop module;
In the first tab choose an article category to be displayed or unpublish the module if you don’t need a slider.
There are many more ways to enhance your Joomla store with Wegy; we mentioned only the most important ones. For deep customization check the Documentation folder from your Wegy package.
Get Wegy here: