Skip to content

HTTPS clone URL

Subversion checkout URL

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

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.