Prestashop : quote module (devis)

ScreenshotPrestashopDevis

The quote feature  is  an implementation of a shopping cart within prestashop framework, without the price : we have designed this feature for specific groups, for which we deactivate the price display on the shop.

  • Deactivating price display for specific user group (below : group 2) is a long task that involves 2 different steps
    • in init.php : set the smarty variable around line 116
      1. $priceDisplayConfig = intval(Configuration::get(‘PS_PRICE_DISPLAY’));
      2. if($tmpCust->isMemberOfGroup(2)) $priceDisplayConfig = 3;

      And around line 155

      1. ‘priceDisplay’ => $priceDisplayConfig
    • use the smarty $priceDisplay variable in the templates to hide prices and change the “cart’ (panier in french) to “quote” (devis), example from homefeature.tpl
      1. {if $priceDisplay<3}{l s=‘Add to cart’ mod=‘homefeatured’}{else} Ajouter au devis {/if}
  • Quote / Devis module and status :
    • Download and install the “devis” module Module Devis pour prestashop (601)
    • create the mails/devis.html and mail/devis.txt and change texts according to your business
    • create the order status “devis en cours” in BackOffice >> Orders >> statuses, check the created id (12 here) and add the following line to config.inc.php :
      1. define(‘_PS_OS_DEVIS_EN_COURS’, 12);
    • You can optionnally deactivate the order confirmation email in classes/PaymentModule.php, line 288-290, replace the send email to customer test by adding a new condition :
      1.         // Send an e-mail to customer
      2. if ($id_order_state != _PS_OS_ERROR_ AND $id_order_state != _PS_OS_CANCELED_ AND $customer->id
      3. AND $id_order_state != _PS_OS_DEVIS_EN_COURS)

10 eshops built with prestashop

In spite of its remarquable popularity, Prestashop still suffers from a complex layout design that makes it quite hard to customize, especially when one  compares with the flexibility of zend framework layouts as they are implemented in Magento. This is why a shop built with prestashop often bears a strong resemblance with the default design, and designers find it hard to get away from the usual 3 column layout with rounded corners block that’s presented by default. Below you’ll find 10 shop sthat display a good work on prestashop, customized  to a level where  one wonders if this is still Prsetashop behind : yes  is it possible to do opensource ecommerce at a fraction the cost of setting up a Magento shop, and do it well too. It’ s intersting to notice that most of these  shops share the common love for the top horizontal drop down menu.


Prestashop : How to setup thumbnail / combination link

The ability to make mulitple products out on one for size, color or other speicifications, is a great feature of Prestashop, but on small display trick is missing. Prestashop’s default template (v1.1) includes the automatic resizing of multiple images for a product. It also allows the administrator / editor to specify one of the product images for each combination. As a result, the front end display of the product will let the combination select box interact with the mbig image display : here we explain how to modify the product template to let the thumbnail click act onthe combination choice.

Read the rest of this entry »

Wysiwyg image mapping with Prestashop

Prestashop is an amazing example of very specific features that benefit large audiences : the new version 1.1 is still in beta stage but the image mapping feature is really impressive.  The objective  described in the products section of prestashop admin manager,  allows the administrator to select portions of a category image, link areas to a specific product,  all this stuff is linked to the products database, in a process that saves thousands of repetitive work  : “When a customer hovers over the image with the mouse, a pop-up appears displaying a brief description of the product. The customer can then click to open the product’s full product page. To achieve this, please define the ‘mapping zone’ that, when hovered over, will display the pop-up. Left-click with your mouse to draw the four-sided mapping zone, then release. Then, begin typing the name of the associated product. A list of products appears. Click the appropriate product, then click OK. Repeat these steps for each mapping zone you wish to create. When you have finished mapping zones, click Save Image Map.” The interface uses the jquery imgareaslect plugin and the result below proves that Rich Application Interface is not any more for the rich only.