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 (559)
  • 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)

• Shops with free template by djcraft
  • http://www.photos-art-decoration.com/
  • http://grainmagique.free.fr/ipnotik/
  • http://photosalgerie.free.fr/wallcraft/
  • http://kamel.kelkoul.free.fr/prestashop/
  • http://ipno.tik.free.fr/blackwhite/
• Professionnal work of djcraft
  • http://www.biquinimodapraia.com.br/
• Professionnal work by Other designers
  • http://dedikate.com/eshop/
  • http://www.dieet-afvallen-lijnen.nl/
• Professionnal work by me (PoleOuest)
  • http://groupetournon.com/vpc/
  • http://prayandcomfort.co.uk/
• Nice try (find the bug on product category page)

• • http://www.sayann.com/

For jquery experts only !

the first hing to know with prestashop front end is that the nice functions your customer experiences each times he pays a visit to your shop are all implmented via jquery calls. Jquery is a nice and very efficient library  but it is  a little difficult to understand when looked over by someone who has not been involved in the development. Everything here happens in your theme javascript folder, in the product.js file.

First thing to do is deactivate the link on the thumbnail : this cannot be done by removing the url because it used for hover effect that displays the big image. We only want to stop the popup from popping and replace the click action by an option change : just remove the THICKBOX class attribute (line 209 of a 1.1 product template page). the trick then is to add a javascript handler on the click event :

onclick=”setCombination{$image.id_image}();return false;”

we declare here on function per image id. A cleaner way to do this would be to builld an array instead of multiple functions. Please go ahead and send us the code.

Very specific functions !

the code below does the job of changing the selcet value when the thumbnail is clicked. Please note this is done with static variables names and WILL NOT WORK on your prestashop theme and product combinations : modify the group_4 reference (check the gnerated product page for select box identifyer)

DEMO : on prayandcomfort religious product shop (created by… the usual suspect).

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.