Search the Community

create "add to cart" and "quantity" field in PrestaShop 1.7.x product list I wrote easy in use guide that creates "quantity" field and "add to cart" button on each products listing in PrestaShop 1.7.x like category pages, search results, manufacturers, homepage modules with products etc. goals of the tutorial: - quantity field on list of products - add to cart button on list of products - function that will handle "add to cart" process in background ("ajax" add to cart process - without page reload) - nice animated "loading" button while "add to cart" process - modification of theme css styles to support new features result of tutorial: video with workflow example: https://drive.google.com/file/d/0B7fGO53dEJzbNkM5aUZXRldlWDA/view link to tutorial: create "add to cart" and "quantity" field in PrestaShop 1.7.x product list

Contact form on product page - with this tutorial you can build 'contact us' form on product pages (like contact form that i attached below - see screenshot) This contact form will send message like "question about this product" to selected customer's service email. Whole guide is based on extra tabs module, but you can follow steps provided in the guide for other modules, also free ones like content box / html box Guide is based on pure html, so it does not change any controller / class etc - this means that it is super safe to your shop (especially when your'e not a developer and you are worried that you can crash website)

Uma vez que estou sempre a aconselhar a todos os utilizadores desta plantaforma que devem ter uma loja online de testes, vou mostrar como o devem fazer... Se conseguir seguir este tutorial com sucesso para criar uma loja onlinbe de testes, facilmente conseguirá utilza-lo para quando pretende mudar a sua loja do servidor local para o servidor online ou para mudar do servidor online A para o servidor online B, embora nestes casos existam passos diferentes e/ou adicionais. O Tutorial pressupõe que: esteja a utilizar uma versão do Prestashop1.5.x . tenha uma conta de alojamento em que o painel de controlo utilizado seja o Cpanel, que é o mais utilizado pelos serviços de alojamento. saiba utilizar minimamente o Cpanel, especialmente o : File Manager PhpMyadmin Mysql Wizard Nota: se estiver com uma versão inferior a 1.5.x pode tentar utilizar o tutorial tendo em conta que algumas indicações para os Menus no back-office da sua loja online serão diferentes e não precisa de editar a tabela ps_shop_url pois ela não existe nas versões mais antigas. Como proceder: utilizando o File Manager crie uma cópia da pasta actual da sua loja online, mas com um nome diferente. se a sua loja online actual estiver na raiz do public_html copie a pasta /public_html/ para a pasta /public_html/prestashop_clone/ . se a sua loja online actual estiver numa pasta do public_html copie a pasta /public_html/prestashop/ para a pasta /public_html/prestashop_clone/ . [*]entre no back-office da sua actual loja online Prestashop e desactive a mesma, ficando em modo de manutenção em Preferences > Maintenance. [*]no Cpanel, procure pela aplicação PhpMyadmin e seleccione a mesma. Agora que já se encontra dentro da aplicação, efectue um backup da base de dados da loja que quer copiar, seleccionando primeiro a base de dados a copiar na coluna do lado esquerdo e depois utilizando o export do PhpMyadmin. [*]ainda no Cpanel procure pelo Mysql Wizard e crie uma base de dados para nova loja de testes. [*]utilizando o File Manager edite o ficheiro settings.inc.php da nova loja que pode encontrar na pasta prestashop_clone/config/settings.inc.php e substitua os valores abaixo indicados pelos que acabou de criar com o Mysql Wizard. define('_DB_NAME_', 'nome-da-base-dados'); define('_DB_USER_', 'nome-do-utilizador'); define('_DB_PASSWD_', 'password'); define('_PS_DIRECTORY_', '/prestashop_clone/'); [*]importe a base de dados que exportou anteriormente, utilizando o import do PhpMyadmin. [*]ainda no PhpMyadmin edite a tabela ps_configuration e procure por volta do id_configuration 180 encontra PS_SHOP_DOMAIN e PS_SHOP_DOMAIN_SSL onde deve colocar em ambos o nome do seu dominio www.oseudominio.com . [*]Mais abaixo na mesma tabela procure por __PS_BASE_URI__ e coloque o nome da pasta/folder da sua loja /prestashop_clone/ ,não se esqueçendo das barras no inicio e fim. [*]Agora procure pela tabela ps_shop_url e edite a mesma substituindo domain e domain_ssl pelo seu dominio www.oseudominio.com e physical_uri pelo nome da pasta da sua loja /prestashop_clone/ . [*]Agora já pode aceder ao back-office da sua loja www.oseudominio.com/prestashop_clone/admin123 e deve ir á tab Preferences > Seo & Url's e na secção Set Shop Url deve confirmar se o dominio e a pasta da sua loja estão correctos e clicar em Save se estiverem correctos para obrigar o Prestashop a gerar um novo ficheiro .htaccess. [*]Para que o Google e os outros motores não indexem a sua loja online de testes e criem assim conteudo duplicado que irá prejudicar o seu ranking no SEO, proceda da seguinte forma: na raiz da pasta /public_html/prestashop_clone/ procure pelo ficheiro robots.txt ou crie o mesmo se ainda não existir, utilizando o File Manager edite-o e deixe-o apenas com o seguinte conteúdo: # By Exadra37 # Diz aos motores de busca que não deve indexar nenhuma pasta ou ficheiro User-agent: * Disallow: / edite também o ficheiro header.tpl que pode encontrar em /public_html/prestashop_clone/themes/nome-do-tema/header.tpl e por volta da linha 40 encontre: <meta name="robots" content="{if isset($nobots)}no{/if}index,{if isset($nofollow) && $nofollow}no{/if}follow" /> e substitua por <meta name="robots" content="noindex,nofollow" /> [*]Já pode aceder ao seu front-office em www.oseudominio.com/prestashop_clone Espero não me ter esquecido de nenhum passo, mas estejam á vontade para sugerir alterações ou passos adicionais Agora que já tem uma loja online para testes nunca altere nada na loja online de produção sem primeiro experimentar na loja online de testes.

Hello Friends, Greetings of the day. I have created some video tutorials regarding how to do the below tasks in PrestaShop versions 1.5, 1.6 and 1.7 These video tutorials help to understand, complete tasks, and easily work with PrestaShop. [1]. Prestashop how to set a 10% discount for a customer group [2]. Prestashop how to make product description in full width on version 1.7 [3]. Prestashop how to add custom google fonts [4]. Prestashop how to manage cart rules and catalog price rules [5]. Prestashop how to add a product, categories, and sub-categories. [6]. Prestashop how to configure and use Memcached [7]. Prestashop blog modules configuration and use. smartblog and xpertblog [8]. Prestashop how to get Zoho chat widget code from sales website. [9]. Prestashop how to add new language & enable disable languages [10]. Prestashop how to add a new module, uninstall module & change position [11]. Prestashop roles, profile & permissions for different users groups [12]. Prestashop how to hook home page footer left & right column [13]. Prestashop how to create employee(team) & change admin language from back-office [14]. Prestashop how to enable disable debug mode & cache management [15]. Prestashop how to create customers in front-office and check-in back-office [16]. Prestashop how to enable or disable back-office admin menu items [17]. Prestashop how to remove default trademark, social and other links from back-office footer [18]. Prestashop how to enable geolocation and use it [19]. PrestaShop how to add a category or cms or supplier or manufacturer or link in the top menu. [20]. PrestaShop how to manage store title and contact information [21]. PrestaShop how to change admin panel language [22]. Prestashop how to change modules position in left and right column [23]. Prestashop how to install a new theme on versions 1.6 and 1.7 [24]. Prestashop how to enable debug mode and debug profiling from settings files [25]. Prestashop how to change footer copyright message in version 1.7 [26]. Prestashop how to put the website in maintenance mode and allow access to specific IP addresses. [27]. Prestashop how to configure the SSL settings and enable SSL for all store pages. [28]. Prestashop how to order module from PrestaShop online store. [29]. Prestashop how to regenerate thumbnails in versions 1.6 and 1.7 [30] Prestashop how to create a sitemap.xml file for versions 1.6 and 1.7 [31]. Prestashop How to manage tags [32]. Prestashop How To Change Admin Folder Name [33]. Prestashop How To Improve Speed [34]. Prestashop How To Change Shop URL [35]. Prestashop how to check version on 1.5,1.6 and 1.7 [36]. Prestashop How to change slider images on the home page using PrestaShop versions 1.5,1.6 and 1.7 [37]. Prestashop how to enable multi-store and add multiple shops on version 1.5,1.6 and 1.7 [38]. Prestashop how to check abandoned cart and customers in versions 1.5,1.6 and 1.7 [39]. Prestashop how to configure and use web services (API) [40]. Prestashop how to delete default sample data on versions 1.5,1.6 and 1.7 [41]. Prestashop how to configure and use SMTP settings for Emails. [42]. Prestashop how to hook unhook module transplant module from back-office [43]. Prestashop how to hide product attributes values in the URL [44]. Prestashop how to install I hope it will be helpful for the community.

Hey everyone! I just published a tut on how to create a simple product to product navigation for the product page, here it is: http://nemops.com/prestashop-previous-next-product-buttons/#.VCqATfna6r0 Cheers! Fabio

Hey everybody! I got curious after reading this user's post: http://www.prestashop.com/forums/topic/266574-how-to-add-compare-to-the-product-page-not-only-category/ I went deeper and came up with a tutorial on how to add the compare butto nto the single product page. Here it is! http://nemops.com/compare-button-to-product-page/ Cheers!

Make Checkboxes in Prestashop Using helpers I was working on a module and I noticed that there is a barrier to doing checkboxes in Prestashop using the helpers they provide. I did however, find some help through the watermark module created by Prestashop that uses checkboxes as directed by some on the Prestashop forum see it by clicking here -> https://www.prestashop.com/forums/topic/3516[spam-filter]show-helper-form-checkbox-checked/. Now it seemed quite complex and I believe this may become over cumbersome for those who do not develop regularly. so I decided to create this tutorial to help others in their developing endeavors. ***This tutorial assumes you already know how to create a form using the helpers and can add all the required information to build around the input array you see below. You can start by adding the check box input array below array( 'type' => 'checkbox', 'label' => $this->l('Options'), 'desc' => $this->l('Choose options to use during regeneration or generation of product references. The module processes like this-> (Reference will equal or be generated to be as follows with | separating each section of the custom inputs and the product based information.) Reference -> customidentifier|customsymbolpos1|(random number from 1-999)|customsymbolpos2|itemid|itemcategoryid|customsymbolpos3|itemsupplierid|customsymbolpos4|current reference only **NOT Supplier reference <---. Please leave custom fields blank if you want to not provide any custom identifiers or characters.'), 'name' => 'options', 'values' => array( 'query' => $this->getOptions(), 'id' => 'id_checkbox_options', 'name' => 'checkbox_options_name', 'expand' => array( 'print_total' => count($this->getOptions()), 'default' => 'show', 'show' => array('text' => $this->l('show'), 'icon' => 'plus-sign-alt'), 'hide' => array('text' => $this->l('hide'), 'icon' => 'minus-sign-alt') ), ), ), After that we need to create the query for the checkboxes available. public function getOptions() { $options = array ( array ( 'id_checkbox_options' => 0, 'checkbox_options_name' => 'Option 0'), array ( 'id_checkbox_options' => 1, 'checkbox_options_name' => 'Option 1'), array ( 'checkbox_options_options' => 2, 'checkbox_options_name' => 'Option 2'), array ( 'checkbox_options_options' => 3, 'checkbox_options_name' => 'Option 3'), array ( 'id_checkbox_options' => 4, 'checkbox_options_name' => 'option 4') ); return $options; } Now we get and save the information from checkboxes after posting or saving the form. private function _postProcess() { $output = ''; if (Tools::isSubmit('submitBtn')) { Configuration::updateValue('checkbox_text_demo', Tools::getValue('checkbox_text_demo')); $all_opts = $this->getOptions(); $checkbox_options = array(); foreach ($all_opts as $chbx_options) if (Tools::getValue('options_'.(int)$chbx_options['id_checkbox_options'])) $checkbox_options[] = $chbx_options['id_checkbox_options']; Configuration::updateValue('options', implode(',', $checkbox_options)); $output .= $this->displayConfirmation($this->l('Settings updated')); } } Lastly, we load the submitted information into checkboxes as we load the form along with other field variables. protected function getConfigFormValues() { $config_fields = array ( 'checkbox_text_demo' => Configuration::get('checkbox_text_demo'), // if you have other fields to fill this would fill text input field. ); //get all checkbox stuff all available $opts = $this->getOptions(); $id_checkbox_options = array(); foreach ($opts as $options) $id_checkbox_options[] = $options['id_checkbox_options']; //get checkbox stuff from $_POST $id_checkbox_options_post = array(); foreach ($id_checkbox_options as $opt_id) if (Tools::getValue('options_'.(int)$opt_id)) $id_checkbox_options_post['options_'.(int)$opt_id] = true; //get checkbox stuff from Configuration $id_checkbox_options_config = array(); if ($confs = Configuration::get('options')) $confs = explode(',', Configuration::get('options')); else $confs = array(); foreach ($confs as $conf) $id_checkbox_options_config['options_'.(int)$conf] = true; //return only common values and value from post if (Tools::isSubmit('submit_Btn')) $config_fields = array_merge($config_fields, array_intersect($id_checkbox_options_post, $id_checkbox_options_config)); else $config_fields = array_merge($config_fields, $id_checkbox_options_config); return $config_fields; } That's it!

It is very simple to upgrade your project PS 1.2. to PS 1.6.X. Simply upgrade manually. You don't need to do any export. How to: Upgrade database only - PS versions 1.2., PS 1.3., PS 1.4., PS 1.5. and also PS 1.6. latest version: Before upgrade: a - download upgrade package from HERE: http://www.prestasho...lopers-versions. Unpack zip-file to your local hard-drive. b - save your database as back-up, save your FTP - Preferably both externally on your own hard drive. Upgrade: a - Delete all the folders and files from your the FTP EXCLUDING /config (whole folder, subfolders and files) and /img (whole folder, subfolders and files) b - Upload the unpacked download from the new Prestashopversion to your FTP EXCLUDING /img/p and /img/c c - type in your browser the following link: yourdomain/install/upgrade/upgrade.php. d - upgrade processes begin and after it is ready a "done" site will quit the process as successful. e - close this browser windows to close also the session and cookies which are logged. f - On your FTP delete the folder /install g - and rename the folder /admin h - log in as usual: your domain/renamedadmin/ i - regenerate all your images from tab -> preferences -> images Please be aware that if you have an own theme for your shop or bought modules (also free), they will not work after you upgrade from bigger versions. This means: third party extras of PS 1.3 will not work on PS 1.4, third party extras of PS 1.4 will not work on PS 1.5, third party extras from PS 1.5. will not work on PS 1.6. If you are having problems with your upgraded shop, so remind to use the possibility of debugging-features on board, which is: activate the following debug lines in your file /config/defines.inc.php: /* Debug only */ define('_PS_MODE_DEV_', true); if (_PS_MODE_DEV_) { @ini_set('display_errors', 'on'); define('_PS_DEBUG_SQL_', true); /* Compatibility warning */ define('_PS_DISPLAY_COMPATIBILITY_WARNING_', true); } Please do not activate debugging BEFORE UPGRADE IS COMPLETED ! This is only to debug AFTER an UPGRADE. If you upgrade older versions to PS 1.6. manually, than possibly you will have a smarty_lazy_cache problem. How to add this missing tables to your database you will find here: https://www.prestashop.com/forums/topic/555189-ps_smarty_lazy_cache-doesnt-exist/?do=findComment&comment=2402475 I've already upgraded several PS 1.2., PS 1.3, PS 1.4., PS 1.5 and also PS 1.6. in same release, if 1-click module fails with jqXHR error by this way without having any issues. After manual upgrade please also clear your cache (smarty and browser) and take into consideration to reset your modules, as they after upgrade could get stuck. Good luck.

Hey everyone! Much like I did with 1.5, here is a tut for 1.7 on how to turn the standard manufacturers list into something better and grouped by letter http://nemops.com/prestashop-17-alphabetical-manufacturers/#.WJm1UfnaeUk Fabio

Many e-shop owners, which use Prestashop store in 1.5.x versions said, that the standard template "add to cart" button located in product page is very small. I think exactly the same, so i decided to write little tutorial realted to this case. I will show you how to change button size and layout. I belive, that my tutorial will help you and you will be able to create personalized button, which will looks exactly as you want. You can read tutorial here: Change the size & style of add to cart button in prestashop

Hi everybody. Recently, I decided to record a series of video tutorials aimed to help who knows little about Prestashop in the process of learning and (hopefully) in the end mastering the software. I hope this series will come in handy to anybody who just discovered the software, and also to who wants to learn more about it. In this topic, I'll be posting new links as new lessons are published. Use this thread as reference to know which one is the latest All lessons (last updated May 23, 2013) Day 1 – Introducing and installing Prestashop Day 2 – Basic Prestashop Configuration Day 3 - Prestashop categories and products Day 4 - Prestashop Attributes Combinations Day 5 - Prestashop Upgrade Day 6 - Prestashop Modules Day 7 - Prestashop Shipping, Zones and Countries Day 8 - Prestashop Payments, Currencies and Taxes Day 9 - Order Management Day 10 - Prestashop Customers Day 11 - Prestashop Discounts (Cart rules) Day 12 - Prestashop Themes and visual Tweaks Day 13 – Prestashop CMS Day 14 - Prestashop SEO and Preferences Day 15 - Prestashop Multistore Day 16 - Employees and Languages Cheers!

Hey everyone! just came up with a tut on adding back the add to cart button in the product list, since it's been removed from 1.7 http://nemops.com/prestashop-1-7-product-list-add-to-cart-button/#.WFJScPnaeUk Hope you find it useful! Fabio

Bonjour Je suis débutant sur Prestashop et j'aimerais avoir vos conseils pour un bon départ.(j'ai commencer le HTML et CSS et PHP et prestashop 1.7.6.4 .) J'ai pu remarquer que tout le monde commençait les modifications à partir d'un thème, Il y a-t-il un thème plus sain que les autres et lequel choisir ? Pouvez-vous me donner des conseils? Quel logiciel utiliser vous ? Il y a-t-il des différences entre tous les hébergeurs web ? OVH ou 1&1 ou...? des liens utiles,tutovideo... Merci tlm 😘😘😘😘😘😘😘😘

Salve a tutti, ho da poco installato prestashop e volevo configurarlo. Mi chiedevo se esisteva qualceh guida o tutorial per muovere i primi passi. Vengo da una lunga esperienza con virtuemart e non vorrei creare errori di configurazioni che con l'andar del tempo potrebbero portare e gravi malfunzionamenti, come nel precedente cms. Grazie per la risposta.

Hey everyone! I thought this would have been a nice tip for people wanting to use an ajax contact form, instead of a separate page http://nemops.com/prestashop-ajax-contact-form/#.WBhwB_nx6Uk Fabio

Nos hemos propuesto un reto: crear una tienda con PrestaShop en 3 horas. Obviamente en modo mínimo viable, pero listo para empezar a vender, y nos hemos dado cuenta de que... ¡es posible! Si llevas poco tiempo conociendo PrestaShop y aún estás en los inicios de crear tu tienda online, o llevas unos meses pero aún te sientes atascada/o, este training que hemos preparado es para ti. De 0 a 100, aprenderemos en unas horas la teoría que necesitas conocer sobre cómo está montado PS, y aplicaremos en la práctica lo aprendido, para que a partir de ahora ganes mucho tiempo y te puedas organizar de forma mucho más práctica y productiva. TODO LO APLICAREMOS EN DIRECTO, sin trampa ni cartón. Estaremos en directo el Jueves 20 de Febrero a las 18:30 (hora de Madrid, España). Quedará grabado para las personas que lo veáis después de esa fecha, pero te recomiendo estar en el directo si quieres aprovechar los regalos y materiales que vamos a facilitar INSCRIPCIÓN GRATUITA: https://escuela.elplandedan.com/registro-webinar/ Varios de los puntos que ejecutaremos durante la sesión: Establecer una metodología ágil que nos permita trabajar de modo intensivo en la web y ahorrarnos semanas de alargar el desarrollo Definir los materiales y contenidos imprescindibles para abrir la web al público Instalar Presta en el servidor (cPanel o Plesk) Dejar montada una demo de un theme premium, que nos ahorrará días de trabajo Volcar nuestros datos de forma masiva (catálogo) Configurar un menú completo Configurar 2-3 transportistas diferentes Configurar hasta 3 formas de pago Completar contenido de textos legales y configuración de RGPD Optimizar todo el funnel central de ventas: la página de inicio página de producto página checkout Resolver otros asuntos comunes (SEO básico, certificado SSL, materiales gráficos libres de derechos...) Tips para optimizar tu tienda y conseguir un mayor porcentaje de ventas, aún cuando tengas pocas visitas. Respuestas a dudas en directo El reto es crear la tienda en 3 horas o menos, ¿lo conseguiremos? ¡Nos vemos allí!

Hello guys, recently i've wrote an article about 10+ common mistakes related to creating a PrestaShop module, you can read this article on PrestaShop Build blog here: http://build.prestashop.com/howtos/module/Common-mistakes-while-coding-module/ I'm open for a suggestions and discussion!

Hey everyone! Here is a new tutorial, on how to display data from purchased products in the order list of the back office (to save some time!) http://nemops.com/bought-products-prestashop-order-list/#.Uvnj9_k7ur0 Cheers!

Hi everybody! I received many requests to make a tutorial about adding new fields to the default contact form. Here it is! http://nemops.com/adding-new-fields-to-prestashop-contact-form/ Cheers!

Hey everyone! I just published a new tut, as I was asked how to add a button to let the customer tell the store the order had been received. Here: http://nemops.com/order-received-button-prestashop/#.UvIOF_k7ur0 Cheers! Fabio

PrestaShop 1.7.x 'classic' theme does not have grid / list switcher anymore, so i wrote a step by step guide where you can read how to create this kind of feature. Whole process is very easy and requires really minor changes to classic theme files. So everyone can build this feature quickly. tutorial is available here: PrestaShop 1.7 grid / list switcher

Hey everyone! Seeing it's a topic that bugs many users, I wrote a tut on limiting payment methods by carrier http://nemops.com/prestashop-payment-methods-specific-carriers/#.V2Jy47v5jmg

Hey everyone! I made a 1.7 version of my old tutorial on creating language-specific attachments. Here it is http://nemops.com/prestashop-1-7-multilanguage-attachments/#.XAfRzGgzaUk Hope it's useful to someone

grid / list / mini-list products view switcher If you want to create grid/list/mini-list products view switcher this guide is what you're looking for read how easily you can create own switcher, no core modifications, only theme .tpl, .css and small .js read guide here: grid / list / mini-list products view switcher PrestaShop 1.7.x tutorial is available here: https://www.prestashop.com/forums/topic/604990-tutorial-grid-list-switcher-change-products-display-method-in-prestashop-17/

Hey everyone! I If you ever wanted a quick way to edit the product creation date, here is an easy tut to add that specific field, with datepicker, into the back office http://nemops.com/eidt-product-creation-date-thirtybees-prestashop/#.WZF_elEjGUk Fabio