Knowledge Base

Welcome to the SmarterCommerce documentation portal

What can we help you find?

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, for: [client-name]-theme.css and [client-name]-custom-theme.css, which we explain below.

Base CSS [client-name]-theme.css, is a 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.

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 by the following sections like image to the left, which will behave in a responsive way in mobile as shown in 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” created for the demo, and work on it.

The “SmarterTek” and “SmarterBasic” templates contains an 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

Bring It All Together

We bring together digital commerce, retail and call center channels with a united approach that leverages the power of onmi-channel while prioritizing JD Edwards connectivity.

CONNECT WITH AN EXPERT