Thanks for having purchased HomeShop - Responsive Multipurpose VirtueMart Template, now it's time to get your fingers a little dirty and start configurate your theme. If you have any questions that are beyond the scope of this help file, please feel free to contact us via our Support Ticket. Thanks so much!
A quickstart is basically a brand new installation of Joomla with custom options. When you install this package you'll get a site that looks exactly like the demo and has all extensions already installed and configured. Installing Quickstart package is like install normal joomla!.
VirtueMart comes with some sample data. One of the best ways to get a quick start on using VirtueMart is to set up a development site with the sample data, and start modifying it. In the process of making changes you will learn how to maneuver through the admin, and set up shop. In addition to installation, we'll cover:
VirtueMart is full of details and options. This will give you a good foundation of skills you need. Since VM 3.0 is so new, there are still many features that need to be developed, and will be available in the coming months. If you learn these basics you'll be able to take advantage of the full power of VM 3.0 as it's released.
To find this version from http://virtuemart.net go to Downloads > other downloads or go directly to this URL http://dev.virtuemart.net/projects/virtuemart/files.
Be sure to download the newest version which is at the bottom of the list. They are alphabetical so the order is determined by the last letter in the version name. If there is a newer version when you read this, it will be there. If 2.0 is officially released you will be able to download it from the main URL http://virtuemart.net.
You can find extensions on the the Virtuemart site http://virtuemart.net/news/virtuemart-extensions
Notice in the name of the VirtueMart download that it says _extract_first - after you download it you will need to uncompress the file on your local computer or your server. You will see two more zipped directories.
After you uncompress the original file, upload and install com_virtuemart.1.9.8k.zip.
Repeat the procedure for com_virtuemart_ext_aio,1.9.8k.zip
The first one is the Virtuemart shopping cart itself, the second is a bundle of extensions and modules to enhance it. The aio in the name stands for All In One Installer (AIO).
Go to Extensions > Extension Manager > Browse for the file > Click Upload & Install
When you get to the confirmation page, it will ask if you want to install Sample Data. Install the Sample Data.
Repeat the process and upload the AIO
You will see these modules automatically installed and enabled in your Modules Manager.
These plug-ins will be automatically installed and enabled. You don't have to go to the Module Manager unless you want to change the position of a module, configure it or disable it. You don't need to visit the plug-in manager unless you need to disable it. There are no configurable parameters for any of the plug-ins.
Go to Menus > Main Menu > Add New Menu Item.
Your front page will show you a warning that you must create a menu item before the cart will be accessible. So do this first.
Under Virtue Mart click VirtueMart Default Layout.
You could pick Categories Layout or Category Layout if it suits you or you are creating a specific link. The default layout will create a "Store Front".
To View the store go to your home page and click the menu link you just created.
You will notice that all the modules that were installed now show on the site. You can modify and configure these in the Module Manager.
The page divisions show products and create sections on the store front.
Go to Components > Virtuemart
Click on Shop - You can use the shop icon or click Shop from the menu. Both will work.
Change the shop name and company name to yours.
Set the default currency and modify the list of accepted currencies.
The default will be set to Euros. To change the default currency, select a different one from the drop down menu.
Use the dropdown to change the base currency.
I've changed the default currency to United States dollar, now all the prices will show with a dollar sign in the cart.
One of the modules you uploaded was a currency chooser. The user, while viewing the store, can use it to switch to any other currency you've approved. If you want to add or delete any other currencies use the List of accepted currencies field.
Place the cursor in the field and a selection menu will appear. You can click the x next to the ones that were added by default to delete them, or add one by clicking on the list selection.
For the currency selector to work, you will need to add the base currency to the list of accepted currencies. If you don't the currency selector on the front end won't show the option for the customer.
If you only are going to use one type, you can leave the List of accepted currencies field blank, and just set the main currency.
I found I had to repeat this step to generate and replace the thumbnail.
The fields indicated with an asterisk and a blue background must be filled in or you will not be able to save your changes. If you were starting the store from scratch instead of using sample data, all these fields would be empty and you would need to make this the first task on your list before you could change anything on the other tabs.
On the VirtuMart Menu go to Shop > Payment Methods.
When you get there you will see a mostly blank page.
Click New.
REPEAT: If you are going to use PayPal in addition to VM - Payment, Standard, repeat this step and choose Paypal this time.
At this time there are only two payment methods available for VM2.0 We expect to see many more in the near future. You can get some plug-ins now from the JED for specific gateways, and several are on the road map for the VirtueMart development project, but no set release times. Eventually there will be many choices for you here.
Now that they are enabled you will see them on the Payment Method List.
Choose the Configuration tab.
Edit the Parameters.
Be sure to save.
If you are going to use Payment Method logos, you will need to create folder using the Media Manager, or FTP, in this location
/img/stories/virtuemart/payment
You will see another blank page similar to the one for payment methods. The procedure for adding shipping is similar to adding payment methods.
There is only one shipping method at this time More are in the works.
If you are going to use a logo, you will first need to create the folder for the img at:
/img/stories/virtuemart/shipper
The next item you could configure at this stage would be taxes.That's a big topic and deserves its own tutorial. There are sample tax structures set up now which we can use for the rest of the tutorial. We've adjusted and enabled all the basics, now let's get on to what most people want to do first. Change the way things look.
When you look at the short listing on the shopfront, you notice right away that there is an incredibly confusing array of prices. We need to fix that. So let's go to Pricing tab in the Configuration section.
Click Pricing and you will see check boxes for showing or not showing the prices. Un check the ones you don't want to show. The Show Column controls the actual numbers. The Show Label column controls the label like "Salesprice without tax".
Here are the same products with the both columns checked next to "Final salesprice" and everything else unchecked.
Some templates may contain the custom HTML modules that should be installed manually.
Please, enter Joomla! administration panel, and go to the Site → Global Configuration. Find the option "Default Editor" and select "No Editor". Default Joomla! WYSIWYG editors may modify the custom HTML module's code and cause you some issues.
IMPORTANT!!! Please do not update the template, components, modules and plugins by yourself. There is no bugs in this product. Nevertheless, I recommend you to wait when we update it. Moreover, we will describe in details what exactly is changed, what is better and how to change it. If you really want to update without our assistance, then make the components backup obligatory com_akeeba-3.7.4-core or with other tools.
In this store the multilanguage is installed (incl. German, French and Italian). However, the template uses a default English language. Nevertheless, you have an opportunity to choose your own language and redefine the modules, articles and themes on your language. As you know, the demo version supports several languages. If you install another language which is not included in the list then it will not be displayed. You will need to resave the demo products, categories and delivery methods on that language on which you have installed. In addition, you need to understand that it mostly concerns the Shopping Cart module. If you install it and then adjust the new language, add this language to the Shopping Cart module, rename all the constants, then it is needed to be reinstalled in order to make them work and display properly on your website. This concerns other components and modules.
Template Customization. In the template you will find less, css, retina fonts. The less files are intended only for the less code. If you are not familiar with the less code then I recommend you to code in the css files. All the needed styles for the customization are placed in the custom.css and custom-responsive.css files. Also, you can input some settings via the Template Manager admin panel: Styles\t3_bs3_blank - Default\thememagic (see the screenshots below). But you need to save your own settings before you create a new theme. Our template uses a default theme. In future we are planning to add new theme skins. After you save the theme, you need to indicate in the appearence style this theme. If you read the Framework documentation then everything will be understandable for you. This framework is very flexible and allows to make much.
Here is a short course on how to customize the template. Important things:
How to use shortcodes for the accordion creation in the RokCandy component
Use Editor - CodeMirror in order to insert these shortcodes. If you use a standard editor, then unnecessary gaps appear. The Shortcodes are created with HTML. You just need to place them in the proper order and add the content. By clicking the "RockCandy Macros" button, for example, in K2. See the screenshot below:
The shortcode structure is the following: for accordion there are 12 sections are created.
[panel-group][/panel-group] - it opens a container for accordion. HTML: <div class="panel-group" id="Faqsaccordion">
[panel-heading][/panel-heading] - it opens a section for the first accordion title which includes the title and content. HTML: <div class="panel panel-default"><div class="panel-heading">
[panel-title-1]{text}[/panel-title-1] - this is an accordion title. Instead of {text} type your text. HTML: <h4 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#Faqsaccordion" href="#collapseOne"> {text}<span class="VmArrowdown"><i class="plus">+</i><i class="minus">-</i></span> </a> </h4>
[panel-collapse-1]{text}[/panel-collapse-1] - this is the content of the accordion. Instead of {text} insert your content. HTML: <div id="collapseOne" class="panel-collapse collapse in"> <div class="panel-body"> {text} </div> </div>
Note! If 12 sections are not ehought, then you can add extra sections but keep in mind that IDs should coincide with each other: href="#collapseOne" = id="collapseOne"
[panel-heading-end][/panel-heading-end] - close the section of the first title. HTML: </div></div>
[panel-group-end][/panel-group-end] - close the container of accordion. HTML: </div>
In the nearest future we're planning to integrate more suitable shortcode system.
If you have any questions concerning the customizations or you find a bug or you just think that something should be better, then please contact us via the Support Ticket. It will be easier and quicker to help you. Thank you!
I collected many-many custom solutions and custom code for our VM items
Take around here:
https://velikorodnov.ticksy.com/articles/3855/
https://velikorodnov.ticksy.com/articles/5732/
There are many language packages available for Joomla but the template has some custom strings of text. Don't worry though, translation is really simple. All language strings are stored in the language/xx-XX folder, where x is the language key (e.g. en-GB for english and es-ES for spanish). You need to copy en-GB.tpl_t3_bs3_blank.ini to your language folder and change the language code in the name. Then open it with any text editor and translate the few phrases/words in the "frontend strings" section.
You can find the well-organized PSD files in the PSD folder. Make sure you save the images in the correct format. They are either pngs or jpgs.
I've used the following scripts:
Fonts:
Roboto
Version 1.1
-------------------------
1.Update Joomla_3.4.5
2.Update com_virtuemart.3.0.11.2_extract_first
3.Fixed SEF link for quickview, compare and wishlist
4.Added Genius Search mod_genius_vm_ajax_search_vm3
5.Fixed link Add to cart on popup
6.Update plg_system_t3.v2.5.1
7.Added mod_isotopemart_v1.0.0
8.Fixed quickview
What should you do to update
1.Install
updates\update1.1\Joomla_3.4.4_to_3.4.5-Stable-Patch_Package.zip
2.Install
updates\update1.1\com_virtuemart.3.0.11.2_extract_first\com_virtuemart.3.0.11.2.zip,
updates\update1.1\com_virtuemart.3.0.11.2_extract_first\com_virtuemart.3.0.11.2_ext_aio.zip
3.Replace
VM3_Homeshop_theme_Joomla3\joomla\fullpackage.zip\templates\t3_bs3_blank\js\linescript.js
4.Install
updates\update1.1\mod_genius_vm_ajax_search_vm3.zip and adjust it as module. Choose position VM Search
5.Replace
VM3_Homeshop_theme_Joomla3\fullpackage.zip\templates\t3_bs3_blank\html\com_virtuemart\cart\padded.php
6.Install
updates\update1.1\plg_system_t3.v2.5.1.zip
7.Install
updates\update1.1\mod_isotopemart_v1.0.0.zip and adjust it
8.Replace
VM3_Homeshop_theme_Joomla3\joomla\fullpackage.zip\plugins\system\quick\quick.php
VM3_Homeshop_theme_Joomla3\joomla\fullpackage.zip\plugins\system\quick\quick\more_custom.css
VM3_Homeshop_theme_Joomla3\joomla\fullpackage.zip\plugins\system\quick\quick\custom.js
It was fixed some styles and added edits.less
custom.css - here you can add your custom styles.
edits.css - here we will add our new updated stylesт
Now you have to reupload
VM3_Homeshop_theme_Joomla3\fullpackage.zip\templates\t3_bs3_blank\css\edits.less
VM3_Homeshop_theme_Joomla3\fullpackage.zip\templates\t3_bs3_blank\css\style.less
Version 1.2
-------------------------
1.Update com_virtuemart.3.0.12_extract_first
2.Fixed Acymailing script
What should you do to update
1.Reinstall \updates\update1.2\com_virtuemart.3.0.12_extract_first\
2.Replace \VM3_Homeshop_theme_Joomla3\fullpackage.zip\templates\t3_bs3_blank\html\mod_acymailing\default.php
Version 1.3
-------------------------
Updated fullpackage.zip
What should you do to update
If you already use the template you can skip this update
Version 1.4
-------------------------
1..Fixed Acymailing script
What should you do to update
1.Install updates\update1.4\com_acymailing_starter_v5.1.0_2016-01-27_21-05-35.zip
2.Replace \VM3_Homeshop_theme_Joomla3\fullpackage.zip\templates\t3_bs3_blank\html\mod_acymailing\
3. Adjust it again
Version 1.5
-------------------------
1. Update VM 3.0.14
2. Update Joomla 3.5
3. Update JMS Multiuploader
4. Update param filter plugin
5. Update acymailing
6. Update Facebbok module
7. Update theme for Rupostel OPC
8. Added options for switch on/off and color's preloader
What should you do to update
1. Install
\updates\update1.5\com_virtuemart.3.0.14_extract_first
\updates\update1.5\com_virtuemart.3.0.14_ext_aio.zip
2. Update Joomla via admin panel or \updates\update1.5\Joomla_3.5.0-Stable-Update_Package.zip
3. Install \updates\update1.5\com_jmsmultiupload.zip plg_jmsmultiupload.zip
4. Install \updates\update1.5\mod_virtuemart_param_filter_v3.0.zip
5. Install \updates\update1.5\com_acymailing_starter_v5.2.0_2016-03-09_21-27-12.zip
6. Install \updates\update1.5\mod_itpfacebooklikebox_v1.11.zip
7. Replace files from \updates\update1.5\components\
8. Replace
\VM3_Homeshop_theme_Joomla3\fullpackage.zip\templates\t3_bs3_blank\templateDetails.xml
\VM3_Homeshop_theme_Joomla3\fullpackage.zip\templates\t3_bs3_blank\tpls\blocks\head.php
\VM3_Homeshop_theme_Joomla3\fullpackage.zip\templates\t3_bs3_blank\js\linescript.js
Version 1.6
-------------------------
1.Update VM 3.0.19.1
2.Update Joomla 3.6.5
3.Update Acymailing
4.Added new google map plugin_googlemaps-J25_J3x.v3.3.zip
5.Fixed recaptcha
6.Changed login form on Checkout
7.Fixed vendor
What should you do to update
1. Install
\updates\update1.6\com_virtuemart.3.0.19_extract_first\
2. Update Joomla using admin panel or \updates\update1.6\Joomla_3.6.x_to_3.6.5-Stable-Patch_Package.zip
3. Update Acymailing using admin panel
4. Install new plugin \updates\update1.6\map plugin_googlemaps-J25_J3x.v3.3.zip output it at old map position. Add to old map module tag {mosmap}
5.Reupload
\VM3_Homeshop_theme_Joomla3\fullpackage.zip\templates\t3_blank\html\com_virtuemart\user\edit.php
\VM3_Homeshop_theme_Joomla3\fullpackage.zip\templates\t3_blank\html\com_virtuemart\user\edit_address.php
\VM3_Homeshop_theme_Joomla3\fullpackage.zip\templates\t3_bs3_blank\html\com_virtuemart\askquestion\form.php
6.Reupload
\VM3_Homeshop_theme_Joomla3\fullpackage.zip\templates\t3_bs3_blank\html\com_virtuemart\sublayouts\login.php
7.Reupload
\VM3_Homeshop_theme_Joomla3\fullpackage.zip\plugins\system\vmvendor\vmvendor.php
When you create menu button with VM category you have to choose product-horizont and Save it
http://clip2net.com/s/3GSFd4S
Version 1.7
-------------------------
1. Update VM 3.2.3
2. Update Joomla 3.7.2
3. Fixed cookies module
4. Fixed Ask a question popup
5. Added One Page Checkout
6. Changed Cart module for OPC
7. Fixed category page
8. Update Т3 framework plg_system_t3.v2.6.5.zip
9. Output category modules to MegaMenu
10. Update acymailing 5.7 , K2_v2.7.1 , unite_slider4.8.1
What should you do to update
1.Install
\updates\update1.7\com_virtuemart.3.2.3.9587_extract_first\
2.Update Joomla using admin panel or install
\updates\update1.7\Joomla_3.7.2-Stable-Update_Package.zip
3.Reupload
\updates\update1.7\re-upload\\modules\mod_js_cookie_alert\
4.Reupload
\updates\update1.7\re-upload\templates\t3_bs3_blank\html\com_virtuemart\askquestion\
5.Install
\updates\update1.7\vmonepage-2.2.29.zip
and switch on plugin
6.Reupload
\updates\update1.7\re-upload\modules\mod_virtuemart_cart_tf\
\updates\update1.7\re-upload\plugins\system\vm2_cart\
\updates\update1.7\re-upload\language\en-GB\
\updates\update1.7\re-upload\templates\t3_bs3_blank\js\
7. Reupload
\updates\update1.7\re-upload\components\com_virtuemart\assets\js\vmprices.js
After open plugin System - JS CSS Control and remove excerption /components/com_virtuemart/assets/js/vmprices.js
In the end you have to see only string jquery.fancybox-1.3.4.pack.js
8.Reupload
\updates\update1.7\re-upload\templates\t3_bs3_blank\html\com_virtuemart\category\
\updates\update1.7\re-upload\templates\t3_bs3_blank\html\com_virtuemart\sublayouts\
9.Install
\updates\update1.7\mod_virtuemart_category_tf.zip
Small image of output
10.Install all extensions from \updates\update1.7
Version 1.8
-------------------------
1. Update OPC virtuemart-onepage-checkout-2-2-34
2. Fixed Products module
3. Update Joomla 3.8
4. Update VM 3.2.4
5. Update Revslider 5.0.8
6. Update com_acymailing starter_v5.8.0
7. Update jms_multiupload_vm3_v1.4
8. Fixed Cart module
9. Fixed Continue Shopping button
10. Added Optimization plugin
11. Fixed Quick view plugin
NOTICE! After fullpackage installation switch on plugins System - JCH Optimize and System - Page Cache
What should you do to update
1. Update all from \updates\update1.8\
2. Re-upload
VM3_Homeshop_theme_Joomla3\fullpackage.zip\modules\mod_virtuemart_product\tmpl\mod_virtuemart_product.php
6. Re-upload
VM3_Homeshop_theme_Joomla3\fullpackage.zip\modules\mod_acymailing\mod_acymailing.php
8. Re-upload
VM3_Homeshop_theme_Joomla3\fullpackage.zip\modules\mod_virtuemart_cart\assets\js\update_cart.js
9. Re-upload
VM3_Homeshop_theme_Joomla3\fullpackage.zip\templates\t3_bs3_blank\js\linescript.js
11. Re-upload
VM3_Homeshop_theme_Joomla3\fullpackage.zip\plugins\system\quick\quick.php
NOTICE! After fullpackage installation switch on plugins System - JCH Optimize and System - Page Cache
Version 1.8.1
-------------------------
1. Fixed ThemeMagic
2. Update T3 framework
What should you do to update
1. Reupload files from
\updates\update1.8.1\re-upload\
2. Install
\updates\update1.8.1\plg_system_t3.v2.7.0.zip
Version 1.9
-------------------------
1. Fixed search for php7
2. Update VM 3.2.12
3. update Joomla 3.8.3
4. Update OPC plugin 2.2.47
5. Update acymailing 5.8.1
6. Fixed error in mod_acymailing.php (acymailing_loadMootools())
7. Fixed plugin and cart module for multi-languages
8. Fixed tabs module and random products
What should you do to update
1. Reupload files from
\updates\update1.9\re-upload\
2. Install everything from
\updates\update1.9\
3. Update joomla using admin panel
Version 2.0
-------------------------
1. Update VM 3.2.14
2. Update 3.8.8
3. Update One Page Checkout 2.2.53
4. Update AcyMayling 5.10.1
5. Update unite_slider5.0.14
What should you do to update
1. Reupload files from
\updates\update2.0\re-upload\
2. Install everything from
\updates\update2.0\
3. Update joomla using admin panel
Version 2.1
-------------------------
1. Update VM 3.2.14
2. Update 3.8.8
3. Update One Page Checkout 2.2.53
4. Update AcyMayling 5.10.1
5. Update unite_slider5.0.14
6. Fixed ajax script for multivariants
What should you do to update
1. Install everything from
\updates\update2.3\
2. Update joomla using admin panel
4. New useful information about new VM https://virtuemart.net/news/490-virtuemart-3-4-prepare-for-the-future
Version 2.2
-------------------------
1. Update VM 3.4.3.10020
2. Update Joomla 3.9.3
3. Update plg_jch_optimize_5.4.1
4. Update plg_system_jqueryeasy_v222
5. Update plg_system_t3.v2.7.4
6. Update unite_slider5.0.16
What should you do to update
1. Install everything from
\updates\update2.2\
3. Update joomla using admin panel
4. New useful information about new VM https://virtuemart.net/news/490-virtuemart-3-4-prepare-for-the-future
Version 2.3
-------------------------
1. Updated joomla 3.9.8
2. Updated com_virtuemart.3.4.5
3. Updated plg_jch_optimize_5.4.2
4. Updated plg_system_jqueryeasy
5. Updated plg_system_t3.v2.7.4
6. Updated com_sppagebuilder_pro_v3.5.0
7. Some responsive issues
What should you do to update
1. Install everything from
\updates\update2.3\
3. Update joomla using admin panel
3. Reupload file from VM3_Homeshop_theme_Joomla3\fullpackage.zip\templates\t3_blank\css\edit.css and off-canvas.css