Wordpress and Woocommerce – My Projects & Live

WordPress and Woocommerce

Download the latest from wordpress.org. I got version 5.2.3

SETUP LOCAL WITH NGINX

sudo gedit /etc/nginx/sites-available/wp523_commerce.test

1	sudo gedit /etc/nginx/sites-available/wp523_commerce.test

content:

server {
    listen 80; 
    listen [::]:80;
    root /home/teddy/Documents/works/wp523_commerce; #your document root
    server_name www.wp523_commerce.test wp523_commerce.test ;  # Your server name
    index index.php index.html index.htm ;

    # Webfonts,fonts
    location ~* \.(?:ttf|ttc|otf|eot|woff|woff2)$ {
        add_header "Access-Control-Allow-Origin" "*";
        expires 1y;
        access_log off;
        add_header Cache-Control "public";
    }

    # Media: images, icons, video, audio, HTC
    location ~* \.(?:jpg|jpeg|gif|png|ico|cur|gz|svg|svgz|mp4|ogg|ogv|webm|htc)$ {
        expires 1y;
        access_log off;
        add_header Cache-Control "public";
    }

    # Js, Css
    location ~* \.(?:css|js)$ {
        expires 1y;
        access_log off;
        add_header Cache-Control "public";
    }

    # Serve static files without touching php
    location / {
        try_files $uri $uri/ /index.php?$args;
    } 
    # pass requests for dynamic content to site
    location ~ [^/]\.php(/|$) {
        try_files $uri /index.php; 
        fastcgi_pass unix:/run/php/php7.3-fpm.sock;
        
        fastcgi_buffers 1024 4k;

        fastcgi_read_timeout 600s;
        fastcgi_connect_timeout 600s;

        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        #include fastcgi_params;
        #FOR DEVELOPMENT MODE ONLY - BEGIN
        fastcgi_param MAGE_IS_DEVELOPER_MODE true;
        fastcgi_param PHP_VALUE  display_startup_errors=on;
        fastcgi_param PHP_VALUE  display_errors=on;
        fastcgi_param PHP_VALUE  html_errors=on;
        fastcgi_param PHP_VALUE  log_errors=on;
        fastcgi_param PHP_VALUE  error_log=/home/teddy/Documents/works/wp523_commerce/var/log/system.log;
        #FOR DEVELOPMENT MODE ONLY - END
        include fastcgi_params;
    }

    gzip on;
    gzip_disable "msie6";

    gzip_comp_level 6;
    gzip_min_length 1100;
    gzip_buffers 16 8k;
    gzip_proxied any;
    gzip_types
    text/plain
    text/css
    text/js
    text/xml
    text/javascript
    application/javascript
    application/x-javascript
    application/json
    application/xml
    application/xml+rss
    image/svg+xml;
    gzip_vary on;

    # Banned locations (only reached if the earlier PHP entry point regexes don't match)
    location ~* (\.php$|\.htaccess$|\.git) {
        deny all;
    }
}

server {

listen 80;

listen [::]:80;

root /home/teddy/Documents/works/wp523_commerce; #your document root

server_name www.wp523_commerce.test wp523_commerce.test ; # Your server name

index index.php index.html index.htm ;

# Webfonts,fonts

location ~* \.(?:ttf|ttc|otf|eot|woff|woff2)$ {

add_header "Access-Control-Allow-Origin" "*";

expires 1y;

access_log off;

add_header Cache-Control "public";

}

# Media: images, icons, video, audio, HTC

location ~* \.(?:jpg|jpeg|gif|png|ico|cur|gz|svg|svgz|mp4|ogg|ogv|webm|htc)$ {

expires 1y;

access_log off;

add_header Cache-Control "public";

}

# Js, Css

location ~* \.(?:css|js)$ {

expires 1y;

access_log off;

add_header Cache-Control "public";

}

# Serve static files without touching php

location / {

try_files $uri $uri/ /index.php?$args;

}

# pass requests for dynamic content to site

location ~ [^/]\.php(/|$) {

try_files $uri /index.php;

fastcgi_pass unix:/run/php/php7.3-fpm.sock;

fastcgi_buffers 1024 4k;

fastcgi_read_timeout 600s;

fastcgi_connect_timeout 600s;

fastcgi_index index.php;

fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;

#include fastcgi_params;

#FOR DEVELOPMENT MODE ONLY - BEGIN

fastcgi_param MAGE_IS_DEVELOPER_MODE true;

fastcgi_param PHP_VALUE display_startup_errors=on;

fastcgi_param PHP_VALUE display_errors=on;

fastcgi_param PHP_VALUE html_errors=on;

fastcgi_param PHP_VALUE log_errors=on;

fastcgi_param PHP_VALUE error_log=/home/teddy/Documents/works/wp523_commerce/var/log/system.log;

#FOR DEVELOPMENT MODE ONLY - END

include fastcgi_params;

}

gzip on;

gzip_disable "msie6";

gzip_comp_level 6;

gzip_min_length 1100;

gzip_buffers 16 8k;

gzip_proxied any;

gzip_types

text/plain

text/css

text/js

text/xml

text/javascript

application/javascript

application/x-javascript

application/json

application/xml

application/xml+rss

image/svg+xml;

gzip_vary on;

# Banned locations (only reached if the earlier PHP entry point regexes don't match)

location ~* (\.php$|\.htaccess$|\.git) {

deny all;

}

Enable file config

sudo ln -s /etc/nginx/sites-available/wp523_commerce.test /etc/nginx/sites-enabled/wp523_commerce.test

1

sudo ln -s /etc/nginx/sites-available/wp523_commerce.test /etc/nginx/sites-enabled/wp523_commerce.test
Register the host on my system

sudo gedit /etc/hosts

1

sudo gedit /etc/hosts

Like this:

... 127.0.0.1 wp523_commerce.test ...

1
2
3

...
127.0.0.1 wp523_commerce.test
...

CHECK THE NGINX SETTING AND RESTART IT:

teddy@teddy:~$ sudo nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful

teddy@teddy:~$ sudo nginx -t

nginx: the configuration file /etc/nginx/nginx.conf syntax is ok

nginx: configuration file /etc/nginx/nginx.conf test is successful

sudo service nginx restart

1	sudo service nginx restart

CREATE A NEW DATABASE: wp523_commerce COLLATION utf8_general_ci
Open it on your browser and install : http://wp523_commerce.test
setting:
username: admin
password: xA**EbXJ4UNw96u0wI

Download theme ‘futurio’ from https://futuriowp.com/free-woocommerce-theme/
then extract and put it in theme dir. install
Then download plugin futurio extra from https://wordpress.org/plugins/futurio-extra/
Then download plugin wordpress-importer from https://wordpress.org/plugins/wordpress-importer/
Then download plugin elementor from https://wordpress.org/plugins/elementor/
Then download plugin WooCommerce
from https://wordpress.org/plugins/woocommerce/
Then download plugin Ajax Search for WooCommerce
from https://wordpress.org/plugins/ajax-search-for-woocommerce/
extract and put these plugins into plugins dir then install

Then download the sample data from https://futuriowp.com/docs/futurio/importing-the-sample-data/. Follow the instructions to import the sample data. NOTE: I can’t import the data from the local site. I have to import it manually!

TEST: http://wp523_commerce.test
ADMIN: http://wp523_commerce.test/wp-admin
WOOCOMMERCE SHOP: http://wp523_commerce.test/shop

Leave a Reply Cancel reply