You are here:  » New Template - Standalone Responsive HTML5/CSS3


New Template - Standalone Responsive HTML5/CSS3

Submitted by support on Mon, 2017-01-16 12:39 in

Hi everyone,

New template "Classic" is now available to download.

The objective was to create a standalone, responsive template that does not rely on any 3rd party library, which will make it much easier to merge Price Tapestry with an existing website, or into any 3rd party generic template.

- Fully namespaced, with all class definitions beginning pt_ and contained with a single <div>, of class "pt".

- Separated into two style sheets:

html/layout.css

html/style.css

An integration project would potentially begin by including layout.css only, initially letting font, sizes, form elements etc. inherit their style from the parent theme. Where required, styling can then be overridden as required with a customised style.css. To this end, also included is a "blank" version of style.css - style_blank.css.

Each .css file is clearly commented and further namespaced with pt_<section>_ prefixes, where <section> exactly matches the filenames of each HTML module contained in the html/ folder. For example, to edit the layout or style of the price comparison table on the product pages, look for the comment;

/* prices */

Included is a simple responsive menu (html/menu.php, displayed horizontally on larger displays and vertically with toggle functionality for mobile), however for most integration purposes the menu system would be integrated into the existing website or template's header HTML.

Cheers,
David
--
PriceTapestry.com