Skip to content
This repository

A boilerplate 'blank slate' theme for Prestashop

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