Skip to main content

Add categories tree list to product details – Prestashop 1.7

Quick steps to add categories tree to product details

A very requested feature which is pretty hard for new prestashop users.

When viewing a product details you fiind it hard to browse other products from other categories. You need to press back button and then click again.

What you would like is to to fill the following area with Category Tree view and/or other modules:

Follow these steps:

  1. Go to backoffice panel (admin panel)
  2. Click on Design > Theme & Logo
  3. Click Choose Layouts (on your selected theme)

4. Scroll to “product”

5. Check from the dropdown: “Two Columns, small left column – Two columns with small left column”

6. Press SAVE

7. Click on Design > Positions

8. On the top right click “Transplant a Module”

9. Select from the first dropdown “Category tree links”

10. Select from the 2nd dropdown the Transplant to: “displayLeftColumnProduct (This hook displays new elements in the left-hand column of the product page)

11. Press SAVE

12. Go to Modules > Module Manager

13. Scroll to “Design & Navigation”

14. Go to “Category tree links” (if you don`t see it press see more)

15. Click configure on the right

16. Select “Home Category” and press SAVE

17. Go into the Front-Office and see the final result:

Enjoy and Good Luck!

Protect WordPress against bots

Combine reCAPTCHA with Cerber WP Plugin to successfully protect against bots

Using reCAPTCHA for WordPress login form is a bad practice and does not protect WordPress from being hacked by bots and hackers

What is reCAPTCHA, anyway?

reCAPTCHA is a human verification mechanism that created and maintained by Google as a free web service. WP Cerber supports reCAPTCHA for WooCommerce and WordPress forms as antispam feature.

Why does reCAPTCHA not protect WordPress from bots and brute-force attacks?

Because WordPress has three authorization methods that enabled by default. That means hackers have access to three entrances on any WordPress powered website. The first one is being used when you are using ordinary WordPress login form. Two other methods are invisible for you but known for hackers and specialized software that hackers use. Hackers use them to probing a website and to obtain correct user password or to get access to the WordPress Dashboard with admin privileges.

How to bypass reCAPTCHA

Is it possible that bots can solve reCAPTCHA without a human? Sounds unbelievable but they can in some way. The method is based on using voice captcha called Audio Challenge and one of those online speech recognition services like Google Speech Recognition API. A hacker takes an audio file with voice captcha generated by reCAPTCHA and then recognize it with a speech recognition service. Is not it brilliant?

How to fix? User Cerber WP Plugin – CERBER SECURITY & ANTISPAM with reCaptcha

Install the 2 plugins (via WordPress – plugins – search)

You can easily set up reCAPTCHA on a website having the WP Cerber Security plugin installed. Before you can start using reCAPTCHA on any website, you have to obtain a Site key and a Secret key on the Google website for the website.

Register your website and get both keys here:

Note: If you are going to use an invisible version, you must get and use Site key and a Secret key for the invisible version only.

  1. After keys have been created for you, go to the reCAPTCHA settings page of the WP Cerber plugin. It’s located under the Anti-spam menu.
  2. Copy keys to the appropriate fields in the reCAPTCHA settings.
  3. Check checkboxes for all forms you want to be protected with reCAPTCHA.
  4. Make sure that the reCAPTCHA widget is displayed correctly.
  5. Done!

Good luck!


svg explorer

View SVG images with Windows Explorer

Is there a way to preview svg files in Windows 8, Windows 10 or any other version?


Yes you can download and install directly from here

Visit de Code Google download page:

Other details avout the svg explorer extensions can be found here:

Creative Cloud

Adobe Creative Cloud does not show Apps tab

Issue: the Apps tab does not show when you open Creative Cloud.

Sometimes this issue occurs and the main problem is that you cannot install/update any product.

Creative Cloud
The Apps tab does not appear

Here is a small tutorial on how to fix this issue:

  1. Open the Adobe Creative Cloud desktop manager
  2. Click the drop down on the top right(near the gear icon)
  3. Click on preferences go to General Tab and then sign out
  4. Click on the drop down from the top right again and click quit to exitr
  5. Go to the OOBE folder in the path for the type of OS listed below
      • Windows

    folder here –> C:\Program Files (x86)\Common Files\Adobe\OOBE\Configs

      • Mac

    /Library/Application Support/Adobe/OOBE/Configs

  6. Copy the attached ServiceConfig.xml file to folder (you may have to delete the existing one if it exists)
  7. Restart your computer, open the Creative Cloud and you should have the apps tab available.


Final result should be like the image below:

Creative Cloud
Creative Cloud Desktop with Apps Tab

The contenteditable attribute

First, let’s check out the spec:

The contenteditable attribute is an enumerated attribute whose keywords are the empty string, true, and false. The empty string and the true keyword map to the true state. The false keyword maps to the false state. In addition, there is a third state, the inherit state, which is the missing value default (and the invalid value default).

The contenteditable attribute was mainly intended for providing an in-browser rich-text or WYSIWYG experience. You’ve likely seen this sort of thing in blog-based authoring tools like Symphony or sites like Flickr where you can begin editing page content simply by clicking in a given area.

As mentioned above, contenteditable has three possible states:

    • contenteditable="" or contenteditable="true"

Indicates that the element is editable.

    • contenteditable="false"

Indicates that the element is not editable.

    • contenteditable="inherit"

Indicates that the element is editable if its immediate parent element is editable. This is the default value.

When you add contenteditable to an element, the browser will make that element editable. In addition, any children of that element will also become editable unless the child elements are explicitly contenteditable="false".

<!– You can apply this on every html block –> <p contenteditable=”true”>This is an editable paragraph.</p>

Browser Support for contenteditable
Browser Version
Chrome 4.0+
Safari 3.1+
Mobile Safari 5.0+
Firefox 3.5+
Opera 9.0+
Opera Mini/Mobile N/A
Internet Explorer 5.5+
Android 3.0+