Product page can be considered as one of the key templates. This page displays all item characteristics together with product images. Visually, this page template can be divided into four parts: Left hand product column, Right hand product column, Product pre-footer, Product footer: Read more
Let’s take a look at the file category.tpl. This is the main page of a category template or a product catalog.
Bread-crumbs and error messages are connected at the very top. They are also located in separate templates. Bread-crumbs are connected in the main column of the website but quite frequently, depending on the design, it is required to make it over all site columns. To do this, it is necessary to put them in the template header.tpl and specify in which cases to output them. Read more
Creation of a new template is quite labor-intensive. There’s good news, however: this process appears to be a piece of cake if you know the structure of a default theme in Prestashop – the one you see on your fresh website right after installing the store. We’ll guide you through it. You’ll find out where to find the files of the main theme and how to create a basic structure of the website. Read more
In the era of modern technologies screens with high pixel density are becoming more and more widespread. Such products as Retinа Macbook Pro and iPhone 5 are equipped with retina displays, and this is gradually becoming an actual concern for developers as well. Currently there are available several techniques used to optimize images for Retina displays and all of them have their pluses and minuses. Let me describe some of them which to my opinion are most appropriate and useful. Read more
Today, we will talk about Prestashop Static Blocks module and discover the opportunities it can provide. If you are familiar with JavaScript and CSS HTML, this module gives you more options to diversify and variegate your store. In your template, you can create static blocks which later can be managed directly through the website admin panel without editing the block encoding. In the example below I am going to demonstrate how to create a flying static block – a banner on a website homepage. The banner will fly from the left across the screen and hide at the right side, leaving just a margin visible for the visitors. Read more
Give the mobile version of your store a fresh striking look with Prestashop Rainbow Mobile Theme. It provides the site with full functionality on all modern mobile and tablet platforms. Pick the style from 8 juicy colors and install it instantly. Play with the spectrum to choose the one reflecting the spirit of your store perfectly. Upload images to be displayed in a lovely adaptive slider.
Highlight features:
- Adaptive mobile slider
- HTML5 markup
- jQuery Mobile
- Device rotation support
- Product images slider
- 8 Rainbow color styles
General features:
- Android/iPhone/iPad/Windows Phone/Kindle fire compatibility
- Opera mobile compatability
- Smart browsing
- User-friendly interface
- Simple catalog navigation
- Multipage support
- Large fonts and buttons on product pages for better touchscreen experience
Let’s check them out. Read more
Re-usable pieces of markup repeat multiple times throughout the document: from <!DOCTYPE html> to </html> at the end. Lots of tricks can be used to make the work easier, including snippets and other editor possibilities, that allow putting all the closing </div> tags with two clicks instead of six. It saves our time. Read more
Responsive Default Theme allows your Prestashop 1.5 website to transform itself smoothly across multiple screen resolutions, monitor sizes and platforms, desktop, tablet or mobile devices. Depending on viewing area, different layouts for your content are displayed. Provide your visitors with an optimal viewing experience – easy reading and navigation with a minimum of resizing, panning and scrolling.
Highlight features:
- Adaptive default Prestashop theme
- HTML 5 markup of a template structure
- The capability-based polyfill-loading JS library Webshims
- Adaptive slider instead of the default Prestashop one
This article may not be only helpful for designers but for clients as well. Full of ideas of a future project, they look forward to choosing the developer and entering World Wide Web not as users but as serious businessmen. So here I go. Read more
Daily routine includes rushing to workplaces. To get to work most people use public transport and thereby become potential customers. They kill time browsing through favorite social networking services via smartphones and tablets and with the help of shared materials or advertisement links end up on your store.
Mobile templates developers should take into consideration that people usually use mobile devices on the go, with environment all moving and shaky. It’s hard to enjoy intricate website design like that; links readability and navigation usability should be emphasized. The user should hit Add to Cart and Add Wishlist buttons quickly and easily. That’s why it’s essential to display important information only, taking into account your store specificity. For instance, if your site is for a restaurant, it would be reasonable to highlight the Contacts link and the guest will not visit your competitor after some mistake in the door. Read more