Skip to content
A boilerplate 'blank slate' theme for Prestashop
PHP JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
cache
css
img
js
lang
modules
404.tpl
README.markdown
address.tpl
addresses.tpl
authentication.tpl
best-sales.tpl
breadcrumb.tpl
category-cms-tree-branch.tpl
category-count.tpl
category-tree-branch.tpl
category.tpl
cms.tpl
config.xml
contact-form.tpl
discount.tpl
errors.tpl
guest-tracking.tpl
history.tpl
identity.tpl
index.php Theme Reset. New files/syntax included in Prestashop 1.5 RC1 'default… Jun 17, 2012
index.tpl
layout.tpl
maintenance.tpl
manufacturer-list.tpl
manufacturer.tpl
my-account.tpl
nbr-product-page.tpl
new-products.tpl
order-address-multishipping-products.tpl
order-address-multishipping.tpl
order-address-product-line.tpl
order-address.tpl
order-carrier.tpl
order-confirmation.tpl
order-detail.tpl
order-follow.tpl
order-opc-new-account.tpl
order-opc.tpl
order-payment.tpl
order-return.tpl
order-slip.tpl
order-steps.tpl
pagination.tpl
password.tpl
preview.jpg
prices-drop.tpl
product-compare.tpl
product-list.tpl
product-sort.tpl
product.tpl
products-comparison.tpl
restricted-country.tpl
scenes.tpl
search.tpl
shopping-cart-product-line.tpl
shopping-cart.tpl
sitemap.tpl
store_infos.tpl
stores.tpl
supplier-list.tpl
supplier.tpl

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.