Get Free Audit
Product Page Template In Prestashop
Jul 16, 20131119Alex Zaymund

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

Product Page Template In Prestashop
Catalog Products in Prestashop
Jun 4, 2013499Alex Zaymund

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

Catalog Products in Prestashop
Structure of a Default Theme in Prestashop
May 7, 2013847Alex Zaymund

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

Structure of a Default Theme in Prestashop
Techniques Used To Optimize Images for Retina Displays
Feb 12, 2013648Alex Zaymund

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

Techniques Used To Optimize Images for Retina Displays
Using Static Blocks To Facilitate Website Management In Prestashop
Jan 31, 20131123Alex Zaymund

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

Using Static Blocks To Facilitate Website Management In Prestashop
Big Day Release: Prestashop Rainbow Mobile Theme
Jan 28, 2013380Alex Zaymund

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

Big Day Release: Prestashop Rainbow Mobile Theme
Creating a Responsive Default Prestashop Theme
Jan 9, 2013777Alex Zaymund

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

Creating a Responsive Default Prestashop Theme
Big Day Release: Prestashop Responsive Default Theme
Dec 13, 2012530Alex Zaymund

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

Read more

Big Day Release: Prestashop Responsive Default Theme
7 Steps To Master eCommerce Web Design
Nov 30, 2012447Alex Zaymund

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

7 Steps To Master eCommerce Web Design
Go Mobile With PrestaShop
Nov 19, 2012774Alex Zaymund

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

Go Mobile With PrestaShop

Uncover the Unknown with BelVG Magento & PrestaShop Ecommerce Blog

Push the boundaries with the BelVG ecommerce blog full of Magento and PrestaShop innovative and comprehensible guides, PrestaShop and Magento news, online marketing solutions. Find out more about web development and web design trends. Ecommerce is booming and emerging - keeping up with the latest strategies and tools is not easy. That’s why the BelVG team has decided to create this CMS blog where our certified professional Magento & PrestaShop developers, creative designers and experienced marketers can share their knowledge, tips, case studies and ready-to-use ecommerce solutions. The members of our team have been working with the most in-demand ecommerce platforms such as Magento and Prestashop for more than 7 years. We have created over 100 websites, took part in more than 600 project and we want to invest our knowledge and experience in making ecommerce better. Become a regular reader of our web design and web development blog and you will improve your skills. Most of the development articles are specifically helpful for those who prepare for Magento certifications. Let’s explore the challenging but exciting ecommerce world together.