Creating a New Sitefinity Custom Template
To create a new template, go to the folder "\ResourcePackages\Bootstrap4\MVC\Views\Layouts" and create a copy of "SmarterTek.cshtml" and replace the name with the name of the site.
Inside the template files, you must change the references: smarter-tek-theme.css and smarter-custom-theme.css, to: [client-name]-theme.css and [client-name]-custom-theme.css, which is explained below.
Base CSS [client-name]-theme.css, is the first layer of styles for theming your website. It contains bootstrap and SmarterCommerce Widgets variables and styles for displaying the interface with client branding style. To generate these files, review the section Theming Bootstrap or ask our design team for these files.
Custom CSS [client-name]-custom-theme.css, is a style sheet that allows any branding customization rule at first level.
In Sitefinity, you will be able to visualize the template, which will be divided into the following sections like the image to the left below, which will behave responsively in mobile as shown in the image to the right.
On the backend under the page templates, reference the
Ecommerce template from Smartertek to the new physical template with “Client
Name”.
The “SmarterTek” and “SmarterBasic” templates contain empty meta tags content in the head section of the html, for SEO reasons, the
content of the meta tags should not be empty, so it is recommended to add the
respective information in each content.
This Section Also Contains
- ECommerce CMS MVC with Bootstrap 4
- How to Share Template in Multisite Instance
- How to Customize a Site with Resource Packages
- Theming Bootstrap
- How to Configure the Not Available Images for Configured Products
- Page Long Cache Considerations and Configuration
- Replace Not Available Images
- Mappings Module
- Personalization Integrated with JDEdwards
- How to Add New Widget Template
- How to Include Local Web Font
- How to Use External Plugins Locally
- Sitefinity Images
- Sitefinity Authentication Expiration
- Sitefinity Health Check Service Configuration and SmarterCommerce Health Checks
- Internal Plugins Configuration in Update 6
- Internal Plugins Configuration in Update 7
- How to Setup Pickup Instructions Page
- How to Setup Terms and Conditions Page
- Sitefinity Multisite Resource Override
- Content Search Configuration
- Product Assignments (Filter by Attribute)
- Google Analytics Configuration
- Configure Azure Redis Cache (ASP.Net State Server Provider)
- Task Manager Email Notifications
- Configure Google Maps
- Catalog and Product Content Metatags (SEO)
- Cookies Configuration
- Reset Password Configuration
- Recycle Bin
- Login Page Configuration
- Error Page Configuration
- Configure SmarterCommerce Menu Backend
- Sitefinity User Group
- Copy Settings and Mapping on Multisite
- New Site – Activate Modules
- Shared Products Module
- Configure Image Optimization
- Management Console Email Templates
- How to Enable Canonical URL
- EIPP Modules
- Sitefinity File Manager
- PunchOut Configuration
- Troubleshooting