This section explains how to modify template files. For more detailed information on how templates work and the code contained in them, see the Templates - Overview topic in this section.
 |
Important Note: You should never, under any circumstances, modify any of the template files located in the master theme folder, which is located here: squirrelcart/themes/squirrelcart. Doing so can make upgrading in the future very difficult! |
Template files contain HTML. Modifying template files requires knowledge of HTML. Knowledge of CSS is also recommended.
- Create a custom theme
If you do not have a custom theme created, you will need to create one in order to modify template files. Follow the instructions in the Customizing > Themes > Creating a Custom Theme topic as a guide. If you already have a custom theme created, you can skip this step.
- Switch to your custom theme
In order to see the changes that you are going to make to the template, you will need to be using your custom theme. You can check to see which theme you are using in the storefront, by viewing the theme drop down field in the Account Options nav block (you must be logged in). You can also check your theme in the control panel by clicking Settings > Themes and viewing the value of the Your Theme field.
If you are not already using your custom theme, switch to it using the Customizing > Themes > Switching Themes topic.
- Determine which template file you need to modify
Determine which template file you will be modifying, using the Template Guide topic in this section as a reference. Alternatively, another good way to determine which template you need to alter is to view the source of your storefront page in your browser. Locate the area containing the HTML you wish to alter, and then look above it for a comment showing the name of the template file controlling that content:
<!-- Template file: product_detail -->
- Copy template to custom theme folder
Find the template file you wish to modify in the master theme folder - squirrelcart/themes/squirrelcart. Copy this file to your custom theme folder. Do not edit the file inside the master theme, and do not copy all the master theme files into your custom theme folder.
- Modify template
Make the changes you wish to the template file within your custom theme folder, and test your changes.
© 2001-2017 Lighthouse Development. All Rights Reserved.