If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

PrestaShop 1.6.x. How to manage the themeconfigurator module

This tutorial is going to show you how to manage the Theme Configurator module on your Prestashop 1.6 template.

PrestaShop 1.6.x. How to manage themeconfigurator module

The module handles a lot of things on your theme. Mainly, it enables you to switch some features on and off (social sharing buttons, top banner, payment logos, etc.), and perhaps more importantly, it lets you easily add/change images on your home-page.

  1. Log into your Prestashop admin panel and go to the menu Modules -> Modules.

    prestashop_themeconfigurator_module_managing_1

  2. Search for “Theme Configuration” in the “Modules List.” It will show up in the right column. If it is not installed yet, click its “Install” button.

    prestashop_themeconfigurator_module_managing_2

  3. Once the module is installed, the “Install” button will be changed to the “Configure” button which you need to click to configure the settings. On the settings configuration page, you can see different blocks which you can switch on and off by clicking “yes” and “no” buttons. Click “Configure” to configure the settings of a particular block:

    prestashop_themeconfigurator_module_managing_3

    • Display links to your store’s social accounts: enter web addresses for the icons you want to display in this block and click “Save” when you are done.

      prestashop_themeconfigurator_module_managing_4

    • Display contact information: enter your company name, address, phone number and email in the corresponding fields and click “Save.”

      prestashop_themeconfigurator_module_managing_5

    • Display social sharing buttons on the products page: displays Facebook, Twitter, Google, Pinterest buttons on your product pages.

      prestashop_themeconfigurator_module_managing_6

    • Display the Facebook block on the Home page: displays “Follow us on Facebook” block.

    • Custom CMS Information block: allows you to add one and more info blocks for each language of your site. On the configuration page, click “+” at the top right to add a new custom CMS block. Enter your text in the text field and click “Save.” Click “+” again to add more of such blocks.

      prestashop_themeconfigurator_module_managing_7

    • Enable quick view;

    • Enable top banner;

    • Display your product payment logos: allows you to upload your image, add a title/link for the payment logos on the product page.

      prestashop_themeconfigurator_module_managing_8

    • Enable Live Configuration: only you can see it on the Front Page of your site when enabled.

    • Scroll down to change/remove/add html content items. The default items that initially come with this module can be removed only when the Theme Configurator module is disabled or you can just unpublish them by unchecking “Active” on the item configuration page.  Enter the item title,  hook it to one of the positions suggested (home, top, left, right, footer), click “Browse” in order to upload an image, manually enter the image width/height values in pixels, specify  the URL this item will be pointed to and enter your content in the “HTML” filed. Then click “Save.”  

      prestashop_themeconfigurator_module_managing_9

      If you are running a multilingual site, click the corresponding language tab and repeat the same adjustments for it.  Click the “Add Item” button to add a new item.

  4. Open the front end of your site to see the changes.

Feel free to check the detailed video tutorial below:

PrestaShop 1.6.x. How to manage themeconfigurator module