All the Revindex Storefront module controls use the native DNN container skins so you have a consistent look across your Web site that you can modify from your normal Admin > Skins page. The user interface design and CSS styles follow the DNN UX Guide best practices closely so that it can be modified easily in a consistent manner across your site. In addition, the content and internal look-and-feel of public facing module controls can be customized per portal.
You must first enable the Display templates feature under Configuration > General. Once enabled, you can create display templates from the Configuration > Display templates menu. For example, you can customize the Product Detail module to change the layout, color, font, CSS style, add text and images.
For example, if you created a new custom template for the Product Detail module, you can change the default template portal-wide under Display template in the Configuration > Product detail menu. Please note you must first enable the Product detail feature under Configuration > General to access this functionality. You could also change the default template module-wide under the module’s Settings. Alternatively, you can configure your individual product to use this new custom template in place of any of the portal or module default template.
As the software evolves, new features introduced in base display templates carry a different version number (e.g. “Standard1”, “Standard2”, “Standard3”) providing an upgrade path for users who are not ready to upgrade their custom template. Base display templates older than 1 or 2 years become obsolete and will be removed from future versions eventually. Custom display templates based on these removed templates will no longer function. You are, therefore, encouraged to continuously upgrade any custom templates to use the latest base display templates as they become available to avoid disruption to your site.
Always start by making small incremental changes, save and view your changes you just made. Once you get comfortable, go back, repeat and make more changes. It’s also a good practice to write HTML comments next to your line edits so you remember what changed.
<!-- This is a comment ignored by the browser... Changed layout to show a darker color -->
If you want syntax highlighting, you may prefer to copy the code into a local file and edit it using the free Microsoft Visual Web Developer Express or Visual Studio.
Powered by Revindex Wiki