Customizing Your Template

Overview

LearningCart enables you to control every aspect of your site's template - from basic settings, all the way to editing you your site's HTML & CSS. In this document we will get into the details, starting from the basics and working into the more complete

Customizing your Default Template

Customizing your default LearningCart template is easy for the non-technical user by utilizing our built in tools. You can control basic settings such as your logo, navigation, footer, and the colors your site uses.

Customizing your Logo
Customizing your site to include your logo is quick and easy. In the admin navigate to Website > Page & Navigation. You will then see a content tree that represents all the pages and content on your site. Under "Page Fragments" click on "Logo" and you will then be presented with an editor. Double click on the current logo image to load the image upload tool. You can then click the "Browse Server" button to upload your logo or browse existing files that have been uploaded.  Once your file is uploaded or you have selected a file, click "OK" to return to the editor and then save your changes. 

Customizing your Footer
The page footer is another common area that customers want to update. Similar as above to customize this navigate to Website > Page & Navigation. You will then see a content tree that represents all the pages and content on your site. Under "Page Fragments" click on "Footer" and you will then be presented with an editor.   You can then make any of your desired changes and then click "Save".

Changing Template Colors
Updating your site to match your desired colors is quick and easy. Navigate to Website  > Templates and then click "Customize Template" next to the Default template.  You will then be able to specify the colors you want to use for key portions of your site. For a visual aid of which colors corespond to which portions of the page, click the link at the top of the page labeled "Click here to view more information on which areas these color varaibles control." 

As you click your mouse into a color field a color selection tool will automatically be displayed.  Select your desired colors and then click the "Save" button at the bottom of the page. 

Editing your Template's Code

LearningCart gives you complete control of the underlying code that is used to generate your template. This allows you to add things like live chat widgets, tracking code, or completely redesign how your template looks. To edit one of your existing templates navigate to Website > Templates. We recommend before you make any changes you click "Download" to download a copy of your desired template before you begin making changes. This way if there are any issues you can easily roll back your changes. Once you have saved a copy, click "Edit Template". On the template details screen, click "Show HTML" to view your site's code.

The LearningCart template system uses standard HTML/CSS/JavaScript. The unique thing about your LearningCart templates is they contain placeholders where our system will automatically insert content generated by our system. For example in your template you will see [content] which  designates where our system will insert the content of that page or [navingation] where the site's navigation menu will automatically be inserted. For more information see manage page templates

Powered by LearningCart.
Privacy Policy | Terms