Tips from the PrestaShop development team Wunderland by alicejenny

VIEWS: 21 PAGES: 21

									                              Prestashop
1. Introducing PrestaShop:

What is PrestaShop?

PrestaShop is professional e-Commerce shopping cart software that you can
download and use for free.

PrestaShop License

The PrestaShop e-Commerce Solution is issued under the Open Software License
(OSL) v3.0.

PrestaShop Frontend and Backend
The following shows the two visible interfaces of PrestaShop.

Frontend(The Web Store Front and use the default PrestaShop Theme)
The frontend is the public vies of your web store with which your customers can
interact through a standard web browser. It presents your products , product
Categories and promotions and provides your customers with ordering , payment
and purchase tracking features.
An example is shown below:
Backend (The Back Office)
The backend is the password-protected view of the back office features that enable a
web store administrator to setup the products and purchasing options and to
manage Orders and all other store functionalities .A view of the backend is shown
below.
Advanced PrestaShop Customization options

Custom Themes and Skins
Extension Modules
Backend install tabs

You may refer to http://www.prestashop.com/ for a description of these options, as well
as for access to resources that can assist you with their implementation.



2. Introducing the Frontend

In order to familiarize you with the features of the frontend, this chapter describes
the basic browsing and purchasing features, provided for your customers by a web
store created using PrestaShop.

Overview

The frontend provides the view of your web store that is publicly available on the
Internet to customers using the Internet. The frontend shows your product catalog
and provides your customers with ordering ,payment and tracking features.
You can access the PrestaShip demo web store by navigating to
http://www.prestashop.com/demo/


http://www.prestashop.com/demo/demo/

Username : demo@prestashop.com
Password : prestashop_demo

The store demo is a sample PrestaShop store that uses PrestaShop’s default theme
and Sample Data. This sample store is references throughout this user guide.

You can access you own store by browsing to the address that you define for it during
installation.


Categories

The products in the web store are grouped into categories, which can be place at left
or right column. Each product can be assigned to one or more Categories.

Categories may have been assigned Sub-Categories. A customer can navigate to a
Sub-category by clicking the correspond Categories.
This is similar to OSC




Tags
This help the customer find the right products.


Sorting products
A customer can sort the products that are displayed by selecting the relevant option
in the Sort by field:
Image mapping

You can define the image mapping that appears at the top of the correspond
category landing page. You can add a link to every part of the image ,and redirect the
customer to the correspond product page.




Product info page

Quick browser product’s images. And better image viewing page.
While choosing different attribution, the price will also change to the right one.
The description part is divided into three parts: MORE INFO ,DATA SHEET and
COMMENTS. (clearer)


Web Store Page Header and Footer
Every web store has a header that appears at the top of each page and a footer that
appears at the bottom of each page.

Header:




Footer:




Purchasing Functionality
My cart:
To add a product to you cart, click on the Add to Cart icon of that product.
The CART area show a brief list of products in your shopping cart. And you can add
the product to your cart with refreshing the page. You also can remove a product
from the cart with refreshing the page.

Checking Out
The flow of buying a product is similar to the one of OSC.
The CART area also provides a Checkout button that takes a customer to the first
step of the checkout process.
Address:
Shipping:
Payment:




Confirmation:




3. Introducing the Backend
This chapter describes the ongoing management tasks that you can perform in the
backend while running you PrestaShop web store.

Accessing the backend, the account and password were set when you installing the
web site.




Supervising Web store Activities
The stats page shows you basic information and statistics for managing your web
store. From the Navigation box, you can find the following describe options in the
page:

  Visits and Visitors: histogram to show the visits and visitors to this web site.
  Sales and orders: images and data to show the order number and amount. And
    have a overview of the states of all orders.
  Customer accounts: to show how many people register to this web site.
  Registered Customer Info: a stat of the customer information, such as gender,
    age, country, currency , language ,etc.
  Visitors online : To see who is online
  Software : a stat of the web browser use and OS use
  Catalog statistics: Some information of catalog, such as buying ,viewing , etc.
    Here also mark out the Products never bought.
  Best customers
  Visitors origin : the way customer visit the store
  Pages not found
  Search engine keywords
  Product details
Managing Orders
To view the orders in your web store, click the Orders tab




This page displays a list of the Orders placed in your web store.

Filtering orders: The area under this enables you to filter the orders that are
displayed by filling out the following fields and then clicking Filter




By click correspond item, you can choose the way sorting the order of you orders.
And filling the correspond items, you can filter the data of the order.

Order Action:
Click on row of order, and then you can get into the detail info page of the order. A
dropdown menu of action options is provided. The action that may be performed on
the selected Order are as follow:




Viewing an Order’s Details
This page provides an overview of the most important information about the order.
Such as the current status of the order, the products ordered, customer information,
billing information, shipping information and payment information.


Theme


1. Copy the default theme
   1.   Locate the ../themes directory and create a copy of the default ../themes/prestashop/
        directory.
   2.   Rename the duplicate.
2. Modify the CSS sheet
  1.   In the new theme folder (e.g., ../themes/MyStoreTheme/), locate the /css folder.
  2.   Open the file global.css and modify it according to your needs.
       Note: the file maintenance.css located in the same folder controls the layout of the
       Maintenance Mode page.
  3.   New or modified images must be placed in the new theme’s /img folder (e.g.,
       ../themes/MyStoreTheme/img).



       Tips from the PrestaShop
       development team
      Where possible, use CSS instead of HTML (e.g., for tables)
      Validate your XHTML code on    w3c.org
      Reduce images and pictures size by using compression
      Test your theme on several Web browsers
      Keep filenames lowercase
      Homepage text and logo are modifiable directly via the Back Office. Go to Back Office
       >> Modules >> Home text editor and click Configure.
      Change the positioning of modules on a page or pages by transplanting them via the
       Back Office:
           1.   Go to Back Office >> Modules >> Positions
           2.   Click Transplant a module.
           3.   In the drop-down list, select the module you want to move.
           4.   In the second drop-down list, select where you want to transplant the module.
           5.   Type the name of those files you do not want the module to appear (optional).
           6.   Click Save.



3. Create preview screen shot
When your theme is ready, you must place a file representing the theme called preview.jpg
in the theme’s root folder (e.g., ../themes/MyStoreTheme). This file must be a 100 × 100
pixels .jpg file.



4. Test your theme
    1.   Go to Back Office >> Preferences >> Appearance >> Themes section
    2.   Select the new theme and click Save.




Update PrestaShop

1. To save your translations, in your current Back Office >> Tools >> Translations,
   export each language using the built-in Export tool.
2. In your server database admin, back up your database.
3. Via FTP, in the PrestaShop folder on your hosting server (e.g.,
   http://www.mysite.com/prestashop/), create a backup copy of your current
   PrestaShop folder by renaming it (e.g.,
   http://www.mysite.com/prestashop_old/).
4. Download the latest version of the PrestaShop e-Commerce solution software.
5. Unzip the new PrestaShop ZIP archive anywhere on your hard drive.
6. Upload via FTP the new PrestaShop files located in the unzipped prestashop
   folder (and not the folder itself) to a new PrestaShop directory (e.g.,
   http://www.mysite.com/prestashop/).
7. If you had previously modified the contents of the /mails folder, copy the
    contents of your backup copy of /mails to the new build’s /mails folder.
8. Copy the contents of your backup copy of the /img folder to the new build’s /img
    folder.
9. If you had added any extra modules to your default version of PrestaShop, copy
    the added modules from the backup copy of /modules to the new build’s
    /modules folder.
10. If you had previously modified the .htaccess file, merge the contents of the old
    and new .htaccess files, deleting any duplicate information. Do not replace one
    with the other.
11. If applicable, copy your customized themes subfolder (e.g., /themes/mythemes)
    from the backup /themes folder to the new build’s /themes parent folder.
Note: If you had made changes to the default theme itself (not recommended; please
see Create a customized Theme for the proper procedure), running the updater will
therefore erase your changes. To recover the changes you had made to the default
theme, create a new customized themes folder (for example, /themes/mythemes) in
the new build and then transfer into it the contents of the old default theme folder
located in your backup copy of PrestaShop.
12. Copy the settings.inc.php file from the backup folder /config to the new build’s
    /config folder.
13. In a Web browser, launch the Installer by adding /install to your shop’s URL (e.g.,
    http://www.mysite.com/prestashop/install).
Note: Regularly back up your database, ideally on different computers, in case of
problems related to hardware or security.

Uninstall PrestaShop
PrestaShop is very easy to uninstall:

1. Stop the web server and your database on which PrestaShop is installed.
2. Delete the folder ‘PrestaShop’ (or the name you gave it after the installation, if
   you renamed it) from the current directory of your Web server (generally ‘www’).
3. Delete your PrestaShop database.

WARNING: You will lose all information related to your customers, orders, invoices,
and products.


Currencies

With PrestaShop, you can add an unlimited number of currencies to be used on your
Front Office.

Adding a new currency
1. Go to Back Office >> Payment >> Currencies
2. Click Add New.
3. Fill in the fields and select a currency formatting from the drop-down list.
Note: In the Conversion rate field, type only numerical values, e.g., 1.38. Do not
include any currency symbols.
4. Click Save.
5.
Changing the default currency

The default currency is the currency PrestaShop will display by default when a
customer visits your online store.

To change the default currency:

1. Go to Back Office >> Payment >> Currencies
2. In the Currencies options section, select a new default currency from the drop-
   down list.

Changing how a currency is displayed

1. Go to Back Office >> Payment >> Currencies
2. In the list of currencies, click on the currency of which you want to change the
   format.
3. On the currency’s detail page, select a new formatting from the drop-down list.
4. Click Save.

If you require a different formatting than the choices offered, you can manually
change the formatting:

1. In ../classes/Tools.php, search for: function displayPrice
2. Change:

   /* Currencies like ¤ -> 1200 ¤ */
   case 2:
   default:
   $ret = number_format($price, 2, ‘,’, ‘ ‘).’ ‘.$c_sign;




Updating currency rates in real time

1. Go to Back Office >> Payment >> Currencies
2. In the Currencies options section, click Update currencies rates.
show advertisementsGoogle Adsense Module

Displaying Google Adsense ads in PrestaShop is a simple process.

Once you have obtained the Adsense code from Google:

1. Go to Back Office >> Modules >> Advertisement section >> Google Adsense
2. Click Install.
3. Click Configure.
4. On the Google Adsense Settings page, paste the Google Adsense code in the
   Code field.
5. Click Update.

By default, the Google Adsense module is displayed in “Homepage content”, but you
can transplant or move it to other pages or different parts of the same page.


Featured Products

Use the Featured Product function to highlight certain products on your homepage.

To add a Featured Product to your Front Office homepage:

1. Go to Back Office >> Catalog >> (Category >>) Product page
2. On the Information tab, scroll down to the Catalog section.
3. In the Catalog list, mark the Home checkbox:




4. Scroll down and click Save. The item will now display in the Featured Products
   section of your Front Office homepage.
Note: In the default Theme, the maximum number of Featured Products displayed at
any one time is ten (10). To change this, go to Back Office >> Modules >> Featured
Products on the homepage module >> Configure.

To remove a Featured Product from the shop homepage, unmark the Home checkbox
in the Catalog section of its admin Product Page.


Sorting Categories

In both the Back Office and the Front Office, PrestaShop automatically sorts
categories alphabetically as they are added.

However, you may manually sort categories in the order of your choice by adding a
numerical prefix to the category name:

1. In Back Office >> Catalog >> Categories section, locate the category you want to
    modify.
2. In its Action column, click the Edit icon ().
3. In the Category edit page, add the number and then a period (.) before the
    category name, without spaces.
Tip: Use at least two-digit numbers (e.g., 01, 02, 03). This will help keep categories in
the correct order. Use three-digit numbers for stores that contain between 100 and
1000 categories, etc.
For example:




4. Click Save.
5. Repeat steps 1-4 for each category you want to sort.



Create back-office user:
After adding some type of user group , then you can add some users.

Click Employees againAdd neweasy operation




Set user permission:
Setting the permission seems to be a boring job. But you can set it directly at the DB(
table ps_accesswhen adding a new user group, every tab will add one record).



4. Getting started with PrestaShop
System Requirements

- Linux, Unix, or Windows
- Web Server (Apache 1.3 or later, IIS 6 or later)
- PHP 5.0* or later
- MySQL 5** or later


* Some PHP 5 versions are bugged and prevent PrestaShop from working correctly:
- PHP 5.2.1 (authentication is impossible)
- PHP 5.2.6 (authentication is impossible under 64bits servers)
- PHP 5.2.9 (image management/upload broken)
- PHP < 5.2 (invalid date timezone)

** PrestaShop is working from MySQL 4.1.14 to 5.0 too but some features are not
working (e.g., product duplication) or have strange behaviors

http://www.prestashop.com/wiki/
Update PrestaShop
Updated 1 August 2008


    1.   To save your translations, in your current Back Office >> Tools >> Translations, export
         each language using the built-in Export tool.
    2.   In your server database admin,    back up your database.
    3.   Via   FTP, in the PrestaShop folder on your hosting server (e.g.,
         http://www.mysite.com/prestashop/), create a backup copy of your current
         PrestaShop folder by renaming it (e.g., http://www.mysite.com/prestashop_old/).
    4.   Download the latest version of the PrestaShop e-Commerce solution software.
    5.   Unzip the new PrestaShop ZIP archive anywhere on your hard drive.
    6.   Upload via FTP the new PrestaShop files located in the unzipped prestashop folder (and
         not the folder itself) to a new PrestaShop directory (e.g.,
         http://www.mysite.com/prestashop/).
    7.   If you had previously modified the contents of the /mails folder, copy the contents of
         your backup copy of /mails to the new build’s /mails folder.
    8.   Copy the contents of your backup copy of the /img folder to the new build’s /img folder.
    9.   If you had added any extra modules to your default version of PrestaShop, copy the
         added modules from the backup copy of /modules to the new build’s /modules folder.
    10. If you had installed some modules which keep their configuration inside a file (instead
         of the database) such as the “editorial” module (which use the editorial.xml file to store
         your content) you will have to copy them from your backup to your current module
         folder (e.g., “/modules/editorial/”).
    11. If you had previously modified the .htaccess file, merge the contents of the old and
         new .htaccess files, deleting any duplicate information. Do not replace one with the
         other.
    12. If applicable, copy your customized themes subfolder (e.g., /themes/mythemes) from
         the backup /themes folder to the new build’s /themes parent folder.
               o   Note: If you had made changes to the default theme itself (not
                   recommended; please see       Create a customized Theme for the proper
                   procedure), running the updater will therefore erase your changes. To recover
                   the changes you had made to the default theme, create a new customized
                   themes folder (for example, /themes/mythemes) in the new build and then
                   transfer into it the contents of the old default theme folder located in your
                   backup copy of PrestaShop.
    13. Copy the settings.inc.php file from the backup folder /config to the new build’s /config
         folder.
    14. In a Web browser, launch the Installer by adding /install to your shop’s URL (e.g.,
         http://www.mysite.com/prestashop/install).
Note: Regularly back up your database, ideally on different computers, in case of problems
related to hardware or security.

								
To top