How to Install PrestaShop on Your Synology NAS

How to Install PrestaShop on Your Synology NAS

PrestaShop is an open source e-commerce web application, committed to providing the best shopping cart experience for both merchants and customers. It is written in PHP, is highly customizable, supports all the major payment services, is translated in many languages and localized for many countries, and has a fully responsive design (both front and back office). In this step by step guide I will show you how to install PrestaShop on your Synology NAS using Docker & Portainer.

💡Note: This guide works perfectly with the latest version of PrestaShop 8.1.2

  • STEP 1

Please Support My work by Making a Donation.

  • STEP 2

Install Portainer using my step by step guide. If you already have Portainer installed on your Synology NAS, skip this STEP. Attention: Make sure you have installed the latest Portainer version.

  • STEP 3

Make sure you have a synology.me Wildcard Certificate. Follow my guide to get a Wildcard Certificate. If you already have a synology.me Wildcard certificate, skip this STEP.

  • STEP 4

Go to Control Panel / Login Portal / Advanced Tab / click Reverse Proxy. Follow the instructions in the image below.

PrestaShop Synology NAS Set up 1

  • STEP 5

Now click the “Create” button. Follow the instructions in the image below.

PrestaShop Synology NAS Set up 2

  • STEP 6

After you click the Create button, the window below will open. Follow the instructions in the image below.

On the General area, set the Reverse Proxy Name description: type in PrestaShop. After that, add the following instructions:

Source:
Protocol: HTTPS
Hostname: prestashop.yourname.synology.me
Port: 443

Check Enable HSTS

Destination:
Protocol: HTTP
Hostname: localhost
Port: 8779

PrestaShop Synology NAS Set up 3

  • STEP 7

On the Reverse Proxy Rules click the Custom Header tab. Click Create and then, from the drop-down menu, click WebSocket. After you click on WebSocket, two Header Names and two Values will be automatically added. Click Save. Follow the instructions in the image below.

Synology Proxy WebSocket

  • STEP 8

Go to Control Panel / Network / Connectivity tab/ Check Enable HTTP/2 then click Apply. Follow the instructions in the image below.

PrestaShop Synology NAS Set up 4

  • STEP 9

Go to Control Panel / Security / Advanced tab/ Check Enable HTTP Compression then click Apply. Follow the instructions in the image below.

PrestaShop Synology NAS Set up 5

  • STEP 10

Go to File Station and open the docker folder. Inside the docker folder, create one new folder and name it prestashop. Follow the instructions in the image below.
Note: Be careful to enter only lowercase, not uppercase letters.

PrestaShop Synology NAS Set up 6

  • STEP 11

Now create two new folders inside the prestashop folder that you created at STEP 10 and name them data and db. Follow the instructions in the image below.
Note: Be careful to enter only lowercase, not uppercase letters.

PrestaShop Synology NAS Set up 7

  • STEP 12

Download (click on the blue link below) and upload the my.cnf file below in the db folder that you have previously created at STEP 11. Follow the instructions in the image below. 🔒Note: Support my work to unlock the password. You can use this password to download any file on mariushosting forever!

👉🏻Download my.cnf

Prestashop Synology NAS database configuration

  • STEP 13

Log into Portainer using your username and password. On the left sidebar in Portainer, click on Stacks then + Add stack. Follow the instructions in the image below.

1 Synology Portainer Add Stack

  • STEP 14

In the Name field type in prestashop. Follow the instructions in the image below.

Note: Copy Paste the code below in the Portainer Stacks Web editor.

version: "3.9"
services:
  db:
    image: mariadb:jammy
    container_name: PrestaShop-DB
    hostname: prestashop-db
    mem_limit: 1g
    cpu_shares: 768
    security_opt:
      - no-new-privileges:true
    user: 1026:100
    volumes:
      - /volume1/docker/prestashop/db:/var/lib/mysql:rw
      - /volume1/docker/prestashop/db:/etc/mysql/conf.d:rw
    environment:
      TZ: Europe/Bucharest
      MYSQL_ROOT_PASSWORD: rootpass
      MYSQL_USER: prestashopuser
      MYSQL_PASSWORD: prestashoppass
      MYSQL_DATABASE: prestashop
    restart: on-failure:5

  prestashop:
    image: prestashop/prestashop:latest
    container_name: PrestaShop
    hostname: prestashop
    mem_limit: 3g
    cpu_shares: 1024
    security_opt:
      - no-new-privileges:true
    ports:
      - 8779:80
    volumes:
      - /volume1/docker/prestashop/data:/var/www/html:rw
    environment:
      DB_SERVER: prestashop-db
      DB_NAME: prestashop
      DB_USER: prestashopuser
      DB_PASSWD: prestashoppass
      PS_DOMAIN: prestashop.yourname.synology.me
    restart: on-failure:5
    depends_on:
      db:
        condition: service_started

Note: Before you paste the code above in the Web editor area below, change the value numbers for user with your own UID and GID values. (Follow my step by step guide on how to do this.1026 is my personal UID value and 100 is my personal GID value. You have to type in your own values.
Note: Before you paste the code above in the Web editor area below, change the value for TZ. (Select your current Time Zone from this list.)
Note: Before you paste the code above in the Web editor area below, change the value for PS_DOMAIN and type in your own synology.me DDNS without https:// at the beginning that you have previously created at STEP 6.

PrestaShop Synology NAS Set up 8 new2 2024

  • STEP 15

Scroll down on the page until you see a button named Deploy the stack. Click on it. Follow the instructions in the image below. The installation process can take up to a few minutes. It will depend on your Internet speed connection.

PrestaShop Synology NAS Set up 8 new3 2024

⌛Now just wait because the PrestaShop image is about 1.5GB.

  • STEP 16

If everything goes right, you will see the following message at the top right of your screen: “Success Stack successfully deployed“.

PrestaShop Synology NAS Set up 10

  • STEP 17

Go back to STEP 1 or you will deal with karma 🙂

  • STEP 18

Now open your browser and type in your HTTPS/SSL certificate like this https://prestashop.yourname.synology.me In my case it’s https://prestashop.mariushosting.synology.me If everything goes right, you will see the PrestaShop installation page. Choose your language then click Next. Follow the instructions in the image below.

PrestaShop Synology NAS Set up 11

  • STEP 19

Check the License Agreements then click Next. Follow the instructions in the image below.

PrestaShop Synology NAS Set up 12

  • STEP 20

Type in your own details. Select Yes to enable SSL. Click Next. Follow the instructions in the image below. Note: Write down and save your Email and Password because you will need them later at STEP 28.

PrestaShop Synology NAS Set up 13

  • STEP 21

Installation of demo products: select NO. Installation of modules: select Install all modules. Click Next. Follow the instructions in the image below.

PrestaShop Synology NAS Set up 14

  • STEP 22

Add the following parameters. After that, click Next. Follow the instructions in the image below.

Database server address: prestashop-db
Database Name: prestashop
Database Login: prestashopuser
Database Password: prestashoppass

PrestaShop Synology NAS Set up 15

  • STEP 23

Wait until everything is installed. Follow the instructions in the image below.

PrestaShop Synology NAS Set up 16

  • STEP 24

Once PrestaShop is installed, you will see this page. ⚠️Warning: DO NOT click on anything on this page. Go straight to STEP 25.

PrestaShop Synology NAS Set up 17

  • STEP 25

Go to File Station. Open the data folder inside the prestashop folder. Localize the install folder, then right mouse click on it and click Delete. Follow the instructions in the image below.

PrestaShop Synology NAS Set up 18

  • STEP 26

Go to File Station. Open the data folder inside the prestashop folder. Localize the admin folder, then right mouse click on it and click Rename. Follow the instructions in the image below.

PrestaShop Synology NAS Set up 19

  • STEP 27

Rename the admin folder, then click OK. Follow the instructions in the image below.

PrestaShop Synology NAS Set up 20

  • STEP 28

Now open your browser and type in your HTTPS/SSL certificate like this https://prestashop.yourname.synology.me/yourfoldername In my case it’s https://prestashop.mariushosting.synology.me/mariushosting
Note: mariushosting is the name I gave to my folder at STEP 27. You should add your own folder name that you have previously renamed.
Type in your own Email address and Password that you have previously created at STEP 20. Click LOG IN. Follow the instructions in the image below.

PrestaShop Synology NAS Set up 21

  • STEP 29

Your PrestaShop Dashboard at a glance!

PrestaShop Synology NAS Set up 22 new 2024

  • STEP 30

Set Up Email Notifications on PrestaShop.

Note: https://prestashop.yourname.synology.me/yourfoldername will be your admin dashboard page and https://prestashop.yourname.synology.me will be your Shop front page.

Note: Can I run Docker on my Synology NAS? See the supported models.
Note: Find out how to update the PrestaShop container with the latest image.
Note: How to Free Disk Space on Your NAS if You Run Docker.
Note: Instead of the synology.me DDNS you can also use your own domain name.
Note: How to Schedule Start & Stop For Docker Containers.
Note: How to Activate Email Notifications.
Note: How to Add Access Control Profile on Your NAS.
Note: How to Change Docker Containers Restart Policy.
Note: How to Use Docker Containers With VPN.
Note: Convert Docker Run Into Docker Compose.
Note: How to Clean Docker.
Note: How to Clean Docker Automatically.
Note: Best Practices When Using Docker and DDNS.
Note: Some Docker Containers Need WebSocket.
Note: Find out the Best NAS Models For Docker.
Note: Activate Gmail SMTP For Docker Containers.

This post was updated on Thursday / November 9th, 2023 at 10:17 AM