Skip to content
A boilerplate 'blank slate' theme for Prestashop
PHP JavaScript
Failed to load latest commit information.
cache Theme Reset. New files/syntax included in Prestashop 1.5 RC1 'default… Jun 17, 2012
css Use primary colours for blocktopmenu Nov 26, 2012
img Transparent drop down arrow to be used by various modules. Sep 20, 2012
js Override blocktopmenu with HTML5 markup and LESS styles. Sep 21, 2012
lang Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
modules Add to cart, and then view. Sep 21, 2012
404.tpl Update 404 template with neater syntax. Sep 21, 2012
README.markdown New README. Sep 21, 2012
address.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
addresses.tpl Add short description of each .tpl file's usage. Closes #1. Jun 24, 2012
authentication.tpl Missing hook HOOK_CREATE_ACCOUNT_FORM within guest checkout - prevent… Nov 23, 2012
best-sales.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
breadcrumb.tpl Restyle breadcrumb Nov 26, 2012
category-cms-tree-branch.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
category-count.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
category-tree-branch.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
category.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
cms.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
config.xml Upgrade theme to Prestashop 1.5 Jun 24, 2012
contact-form.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
discount.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
errors.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
guest-tracking.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
history.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
identity.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
index.php Theme Reset. New files/syntax included in Prestashop 1.5 RC1 'default… Jun 17, 2012
index.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
layout.tpl Restructure template - Include header/footer templates into layout.tpl Sep 20, 2012
maintenance.tpl Include IE9.js and HTML5Shiv in maintenance page. Jun 25, 2012
manufacturer-list.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
manufacturer.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
my-account.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
nbr-product-page.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
new-products.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
order-address-multishipping-products.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
order-address-multishipping.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
order-address-product-line.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
order-address.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
order-carrier.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
order-confirmation.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
order-detail.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
order-follow.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
order-opc-new-account.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
order-opc.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
order-payment.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
order-return.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
order-slip.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
order-steps.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
pagination.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
password.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
preview.jpg Theme Reset. New files/syntax included in Prestashop 1.5 RC1 'default… Jun 17, 2012
prices-drop.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
product-compare.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
product-list.tpl Missing closing dbl quote on href Nov 23, 2012
product-sort.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
product.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
products-comparison.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
restricted-country.tpl Rewrite restricted country template to include HTML5 <head> tags. Clo… Jun 25, 2012
scenes.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
search.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
shopping-cart-product-line.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
shopping-cart.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
sitemap.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
store_infos.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
stores.tpl Page .tpl and .js files updated for 1.5 release. Sep 20, 2012
supplier-list.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012
supplier.tpl Add short description of each .tpl file's usage. Closes #1. Jun 23, 2012

README.markdown

Prestashop Theme Boilerplate

Prestashop Theme Boilerplate is a 'blank canvas' theme built for developers to use as a foundation when starting a new Prestashop theme or project.

This project is UNFINISHED and not ready for general use. There is still a lot of work to be done.

How does it help?

When starting a new theme, you'd usually take another and strip back all it's design, structure and functionality, creating a starting point, while carefully attempting to retain Prestashop's features.

This took a lot of time, every time.

Based upon the new default Prestashop theme, the Prestashop Theme Boilerplate will be a more suitable starting point.

Initial ideas & features

  • HTML5 Valid & semantic markup, following techniques from HTML5 Boilerplate.
  • Optimised for page speed Focus on speed and performance e.g. order scripts correctly, keep requests to a minimum etc.
  • White canvas design Usable as a theme, but very minimal giving structure ready to be built upon.
  • Commented code Briefly describe templates, sections and techniques (using Smarty comments).
  • Full feature compatibility The theme will work with every setting in the back office, from colour pickers to multi-shipping.
  • Works with all default modules. This means the theme is much more likely to be compatible with 3rd party modules, too.
  • Simplify templates Some templates contain a lot of ‘logic’ and need to be re-written. For example: The checkout pages could be seperated to individual One Page Checkout and 5-step checkout template sections, as they are currently very confusing.
  • Remove the bloat
    • Unneccessary CSS / JavaScript not required by core.
    • Default theme’s images replaced with CSS3 alternatives (buttons, backgrounds etc).
    • Unneccessary IDs, classes and tags in HTML.
  • Documentation Provide documentation including best practices and techniques when creating a theme using the Boilerplate.

Features being considered

These are some points I’ve considered, but would like feedback on whether they should be included or if they’d be better left for the individual developer to include themselves.

I’m keen to keep the theme as simple and ‘bloat free’ as possible. If something is not absolutely neccessary then its not included, otherwise the Boilerplate loses all its purpose.

  • Responsive / Adapative / Mobile First Optimised design and layout that adapts to multiple screen sizes (mobile optimised)
  • LESS Framework (http://lesscss.org/) LESS is a popular CSS pre-processor that allows you to do much more with CSS. Checkout the website for details.

I’ve personally started using LESS in all my projects for the last 6 months and would highly recommend it.

Frameworks such as Twitter Bootstrap use LESS, but would Prestashop developers like it included?

Your feedback / ideas.

I’d really appreciate any feedback or ideas you may have regarding the above.

Get your hands dirty, fork the code, submit an issue etc.

I really think this could be something useful to the Prestashop community, and the more people who get involved and bring ideas forward, the better it will become.

Other articles / information
Something went wrong with that request. Please try again.