Fashion - Joomla Template Documentation
Fashion is a Joomla! E-commerce template designed for 2 most popular e-commerce extension VirtueMart and HikaShop. It will be joy to design your e-commerce website with Fashion template powered by Gantry 5 framework.
Note: HikaShop Wishlist, Compare and filters on left sidebar designed with HikaShop pro version which isn't included with this template.
- Installing Joomla Template: Read If you're installing the template on your existing Joomla website.
- Installing Joomla Quickstart Package: Read If you're creating new website with this template.
Atoms are Particles that do not appear visually on the front end, but do serve an important purpose. They can be assigned on a per-page basis, or as a default which automatically applies to all of the pages on the site.
Required Atoms:
- JavaScript Frameworks
- RcaTheme Elements
How to add and Configure Atoms
- Go to Gantry Admin
- Switch to Base Outline
- Click on Page Settings
- Scroll to bottom and you will see Atoms area.

Required Atoms Settings
-
JavaScript Frameworks
-
RcaTheme Elements
From the RcaTheme Elements Atom, you could enable/disable theme features such as: ToTop, Fixed Header, Cookie Consent, Extra Typography etc.
-
FontAwesome Icons
- Go to http://fontawesome.io/icons
-
Click on your desired icon and copy the code. For example -
<i class="fa fa-smile-o"></i>
for and paste on your Particle, Joomla article and module editor by switching Code editor (HTML).

-
Left menu and Usermenu
- Go to Gantry Admin
- Click on Layout tab
-
Scroll to the Top section and click (config icon) next to the Top Toolbar particle
- Now follow on-screen instructions and setup.
-
HikaShop Cart Module
- Go to Extensions > Modules
- Click on New button and select HikaShop Cart Module
- Module Position: top-cart
- Menu Assignment: On all pages
-
Now follow screenshots and setup-
-
VirtueMart Cart Module
Make sure you have installed mod_virtuemart_minicart_v.x.x.x.zip module provided with the template.
- Go to Extensions > Modules
- Click on New button and select VirtueMart Mini Shopping Cart
- Module Position: top-cart
- Menu Assignment: On all pages
- Now follow screenshots and setup-
-
Search HikaShop
- Download RCA HikaShop Search pkg from your download area of RcaTheme.com if already didn't
- Login to your Joomla! Administrator
- Install the package you have downloaded using Joomla!'s default extension installer.
- Go to Extensions > Modules
- Click on New to create new module and select RCA HikaShop Search
- Module Position: top-search
- Menu Assignment: On all pages
-
Now follow on screen instructions and setup.
-
Search VirtueMart
Make sure you have installed mod_virtuemart_category_search_v.x.x.x.zip provided with the template.
- Go to Extensions > Modules
- Click on New button to create new module and select VirtueMart Category Search
- Module Position: top-search
- Menu Assignment: On all pages
- Now follow screenshot and setup-

-
Adding/Changing Logo
- Go to Gantry Admin
- Click on Layout tab
-
Scroll to the Header section and click (config icon) next to the Fashion Logo particle
- Now follow on-screen instructions

-
Navigation (Main Menu)
- Go to Gantry Admin
- Click on Layout tab
-
Scroll to the Navigation section and click (config icon) next to the Menu particle
- Now follow on-screen instructions

- Go to Extensions > Modules
- Click on New button and select RCA Slideshow
- Follow on-screen instructions and add your images and contents for slideshow.
- Add position name: fullwidth-1
- Menu Assignment: Only on the pages selected; select your Home page only.

- Go to Extensions > Modules
- Click on New button and select Gantry 5 Particle
- Click on Pick a Particle and select "Quick Access Links" from popup list. Then follow on-screen instructions and setup.
- Add position name: intro-a
- Menu Assignment: Only on the pages selected; select your Home page only.

-
For VirtueMart
- Go to Extensions > Modules
- Click on New button to create new module and select VirtueMart Products
- Module Position: feature-a
- Menu Assignment: Only on the pages selected; select your Home page only.
-
Now see screenshot and other module options and setup as you need.
-
For HikaShop
- Go to Extensions > Modules
- Click on New button to create new module and select HikaShop Content Module
- Module Position: feature-a
- Menu Assignment: Only on the pages selected; select your Home page only.
-
Now see screenshot and other module options and setup as you need.

- Go to Extensions > Modules
- Click on New button and select Custom
- Now add your image and hyperlink as you need.
- Add position name: utility-a
- Menu Assignment: Only on the pages selected; select your Home page only.

-
For VirtueMart
Make sure you have installed RCA Product Carousel for VirtueMart module provided with the template.
- Go to Extensions > Modules
- Click on New button to create new module and select RCA Product Carousel for VirtueMart
- Module Position: info-a
- Menu Assignment: Only on the pages selected; select your Home page only.
-
Now setup STYLES as follows and others as you need.
-
For HikaShop
Make sure you have installed RCA Product Carousel for HikaShop module provided with the template.
- Go to Extensions > Modules
- Click on New button to create new module and select RCA Product Carousel for HikaShop
- Module Position: info-a
- Menu Assignment: Only on the pages selected; select your Home page only.
-
Now setup STYLES as follows and others as you need.

- Go to Extensions > Modules
- Click on New button and select Articles - Category
- Add position name: intro-2-a
-
Follow screenshots and other module options and setup as you need.
- Menu Assignment: Only on the pages selected; select your Home page only.

-
For VirtueMart
- Go to Extensions > Modules
- Click on New button to create new module and select VirtueMart Manufacturers
- Module Position: feature-2-a
- Menu Assignment: Only on the pages selected; select your Home page only.
-
Now see screenshot and other module options and setup as you need.
-
For HikaShop
- Go to Extensions > Modules
- Click on New button to create new module and select HikaShop Content Module
- Module Position: feature-2-a
- Menu Assignment: Only on the pages selected; select your Home page only.
-
Now see screenshot and other module options and setup as you need.
- Module Class Suffix: r-hikashop-brands

-
Contact Us
- Go to Extensions > Modules
- Click on New button and select Gantry 5
- Click on Pick a Particle and select "Get Support" from popup list. Then follow on-screen instructions and setup.
- Module Position: bottom-a
- Menu Assignment: On all pages
-
Customer Care
- Go to Extensions > Modules
- Click on New button and select Gantry 5
- Click on Pick a Particle and select "Bottom Menu" from popup list. Then follow on-screen instructions and setup.
- Module Position: bottom-b
- Menu Assignment: On all pages
-
Information
- Follow above steps and create necessary Links
- Module Positions: bottom-c
-
Sign up for newsletter
- Go to Extensions > Modules
- Click on New button and select Gantry 5
- Click on Pick a Particle and select "Ajax MailChimp" from popup list. Then follow on-screen instructions and setup.
- Module Position: bottom-d
- Menu Assignment: On all pages

-
Copyright Info
- Go to Extensions > Modules
- Click on New button and select Gantry 5
- Click on Pick a Particle and select "Copyright" from popup list. Then follow on-screen instructions and setup.
- Module Position: copyright-a
- Menu Assignment: On all pages
-
Payment Icons
- Go to Extensions > Modules
- Click on New button and select Gantry 5
- Click on Pick a Particle and select "Logo / Image" from popup list. Then select an image with payment icons and follow on-screen instructions for other options.
- Module Position: copyright-a
- Menu Assignment: On all pages





-
Creating HikaShop Filter
- Login to your Joomla! Administrator
- Go to Components > HikaShop > Configuration
-
Click on Display > Filters
- Click on New button to create a filter
-
Follow screenshot below and setup-
-
Creating Filter Module
- Go to Extensions > Modules
- Click on New button and select HikaShop Filter Module
-
Follow screenshot below and setup-
- Module Class Suffix: hikashop-sidebar-filter
- Module Position: sidebar

-
Creating HikaShop Filter
- Login to your Joomla! Administrator
- Go to Components > HikaShop > Configuration
-
Click on Display > Filters
- Click on New button to create a filter
-
Follow screenshot below and setup-
-
Creating Filter Module
- Go to Extensions > Modules
- Click on New button and select HikaShop Filter Module
-
Follow screenshot below and setup-
- Module Class Suffix: hikashop-sidebar-filter
- Module Position: sidebar

Note: If you have created products characteristics then you can create this types of filter.
-
Creating HikaShop Filter
- Login to your Joomla! Administrator
- Go to Components > HikaShop > Configuration
-
Click on Display > Filters
- Click on New button to create a filter
-
Follow screenshot below and setup-
-
Creating Filter Module
- Go to Extensions > Modules
- Click on New button and select HikaShop Filter Module
-
Follow screenshot below and setup-
- Module Class Suffix: hikashop-sidebar-filter
- Module Position: sidebar
- First, Read Setup Blog in Joomla and setup your blog.
-
Search module:
- Go to Extensions -> Modules
- Click on New button to create new module
- Select a Module Type: Search
- Show Title: Show
- Position: aside
- Menu Assignment: [blog menu item]
-
Login form:
- Go to Extensions -> Modules
- Click on New button to create new module
- Select a Module Type: Login
- Show Title: Show
- Position: aside
- Menu Assignment: [blog menu item]
-
Tags:
- Go to Extensions -> Modules
- Click on New button to create new module
- Select a Module Type: Tags - Popular
- Show Title: Show
- Position: aside
- Menu Assignment: [blog menu item]
-
Subscribe:
- Go to Extensions -> Modules
- Click on New button to create new module
- Select a Module Type: Gantry 5 Particle
- Pick a Particle: Ajax MailChimp; then follow on screen instructions in the particle.
- Show Title: Show
- Position: aside
- Menu Assignment: [blog menu item]
-
Creating Contact Form
- Go to Menus -> Main Menu -> Add New Menu Item
-
Select Menu Item Type* -> Contacts -> Single Contact
-
Click on Create button to create new contact form or select your existing form
-
Form Settings
-
Adding Contact Details
- Go to Extensions > Modules
- Click on New button to create new module
- Select a Module Type : Gantry 5 Particle
- Pick a Particle : Contact Details; and then follow on-screen instructions
- Show Title : Show
- Position : aside
- Menu Assignment : Only on the pages selected > Contact page
404 error page will get configurations from Base outline, however you could add more information or customize 404 page by following -
- Go to Gantry Admin
-
Switch to Error
- Click on Layout tab and customize as you need.
- Go to Gantry Admin
-
Switch to Offline
- Click on Layout tab and customize as you need.
All other particles are documented inside. If you need help, please post your questions on Support Forum
After done configuration and customization,
- Read What is responsible for my Joomla! website performance?
- activate Production mode, check above Development and Production Modes
- Recompile CSS from Styles tab
If you have any questions, got a bug or need help configuring the template, please post your questions on our Support Forum. If you need more customization, check out Custom Services and get your job done by professionals who developed this Template and Particles.