Joomla Templates Club 406,261 posts

[Hung Dinh Friend Hung DinhJoin date: September 2014Posts: 4408Downloads:11Uploads:189 Thanks: 309 Thanked: 3310 times in 3 posts]

#133133

JA Shopping II – Userguide for Joomla! 1.0.x

JA Shopping II is the best combination of Joomla! and VirtueMart – the great Shopping Cart component for Joomla!.

I. TEMPLATE

1.1 Template Installation

After downloading JA Shopping II package and extract it, you will find template package named: ja_shopping II_template_v…_j1.0.x.zip

Proceed installation of JA Shopping II as other normal Joomla! templates. If you don’t know how to do installation or set a template as default, please check the How to install Joomla! template guide.

After installing and setting JA Shopping II as default template, your site should look like this:

To see position located in site, in Navigation toolbar input string “?tp=1” at the end of site link

1.2 Template Configuration

To configure JA Shopping II template, check How to configure Joomla! template guide!

You can change all JA Shopping II parameters as you wish.

Notes: There are some screen resolution configuration as below:

• Option 1: Template width is optimized for 800×600 screen resolution. No “Resolutions Option”.

• $width = “1”;
• $tool = “0”;

• Option 2: Template width is optimized for 800×600 screen resolution. “Resolutions Option”.
1. $width = “1”;
2. $tool = “1”;

• Option 3: Template width is optimized for 1024×768 screen resolution. No “Resolutions Option”.

• $width = “0”;
• $tool = “0”;

• Option 4 [NEW!!]: Template width is optimized for 1024×768 screen resolution. “Resolutions Option”. This mean you can also hack into this “Resolutions Option” to make template width ‘WideScreen’ in the first load and still can use the resizer later. Once the page is loaded, the resizer cookie will be written and the browser can remember this setting. To do this, go to the 56th and the 66th lines of ja_script.js and change them:

[FROM]
var title = cookie ? cookie : getPreferredStyleSheet();

var title = (cookie != null) ? cookie : ‘WideScreen’;
Remember to close the page, clear the cache & cookies then reopen, you’ll see the change.
JA Shopping II module positions are available here. You just need to configure your modules to be loaded on those positions to match JA Shopping II style.

If you don’t know how to create module position in Joomla!, please follow this guide

1.3. VirtueMart Integration

We use 4 VirtueMart addon modules/mambot. They are:

• mod_virtuemart_featureprod
• mod_virtuemart_latestprod
• mod_virtuemart_cart
• virtuemart.searchbot

To make them run smoothly in JA Shopping II, you may need to configure your site as following:

• Place the mod_virtuemart_featureprod module to position: user5
• Place the mod_virtuemart_latestprod module to position: user6
• Place the mod_virtuemart_cart module to position: user7

1.4. Other notices

• If you want to change or remove something in the footer, just open the “ja_altair/footer.php” then modify it to suite your needs.

• The .psd files and fonts can be found in the source_files.zip file in case you need to modify some text

II. FREQUENTLY ASKED QUESTION

Q: I want to add a template position in to my Joomla!
A: Go to your Administration Panel, Site -> Template Manager -> Module Positions. Add your template positions and hit the Save button.

Q: Where can I change my footer?
A: If you want to change or remove something in the footer, just open the “ja_justicia/footer.php” then modify it to suite your needs.

Q: My images take a lot of white space and do not look good?
A: The {mosimage} may show some extra padding and margin. To solve this problem, go to your Joomla! Administrator -> Mambots -> Site Mambots and change the margin and padding parameters of MOS Image mambot to 0.
Q: Images without caption are stuck with text?
A: It is because Joomla! generates the code different when {mosimage} has and doesn’t have its caption. So when you decide that the image will not having a caption, put it between the div tag like this <div class=”mosimage” style=”float: left;”>{mosimage}</div>

Q: What’s a module style? And module class suffix?
A: Almost modules offer you a parameter called Module Class Suffix. Set a value for this parameter and you will have your module’s appearance differs from the others. JA templates often provide you some module styles which can be found in Module Styles area of the guide.

[Author]

Posts