Since Version 3, J2Store comes with a sub-templating system that is very similar to the K2 content construction kit’s system.Sub-templates allows store owners to have finer control over their product layouts. They can move the pieces around and have a unique design for their store front.
IMPORTANT: Sub-templates work only with J2Store Product List Layout. They will not work with any other layouts.
Default sub-templates
The J2Store package by default comes with two sub-templates
- Default (supports Bootstrap 2)
- Bootstrap3 (supports Bootstrap 3)
The sub-templates are located in the following location: /components/com_j2store/templates
You can take one of these as your base to create your own sub-template. The best way is by copying an existing sub-template
Creating a sub-template
Let us create a sub-template called: foo
Step 1:
Using a FTP client or your hosting cpanel’s File manager, go to /components/com_j2store/templates
Copy the default folder (copy the entire folder)
to
/templates//html/com_j2store/templates/default
Step 2:
Now go to /templates//html/com_j2store/templates/ folder
You will see the folder: default.
Rename it as: foo
Step 3
Now go to /templates//html/com_j2store/templates/foo
You will a list of files
- files starting with default_* = controls the list view
- files starting with view_* = controls the detail product view
There are four master files (one for each product type)
- default_simple.php
- default_configurable.php
- default_variable.php
- default_downlodable.php
Similarly, you will find the files for detail single product view (view_simple.php, view_configurable.php, view_variable.php and view_downlodable.php)
You will have to edit these files and organize your layout. These master files in turn will call child templates as well (which are common for many product types)
Video Tutorial:
