Open Source Tutorials - Open Source Training
Open source training & tutorials from experienced, passionate people
chrome icon firefox icon ie icon opera icon safari icon Sings in these Browsers
A- A A+

By A Web Design

pdf icons

Setting Up And Configuring PrestaShop

Logging in to Admin Section of Prestashop:

In your Browser address bar type in  your_website_URL/{youradminfoldername}

Eg.
your_website_URL /admin1234

Enter the Email Address and password provided on the last configuration page when installing Prestashop, click on Login as shown in Diagram 1.

diagram1.png
Diagram 1

After logging in to the backend, Prestashop Control Panel page is displayed as shown in Diagram 2.

diagram2.png
Diagram 2

Re-Arrange Prestashop Modules In The Default Template:

Navigate to Module Menu in the Top Menu as shown in Diagram 3.

Click the Modules tab.

diagram3.png
Diagram 3

The Screen as shown in Diagram 4 is displayed in the Browser.
Click on Positions as shown in Diagram 4. The Screen as shown in Diagram 5 is displayed in the Browser.

NOTE: You can also Add a module from my computer OR Add a module from Prestashop Addons as shown in Diagram 4.

diagram4.png
Diagram 4

All the Standard Positions on the Default Template in use will be displayed on the Modules->Positions page as shown in Diagram 5.

In the default Template of PrestaShop™ 1.4.5.1 the module positions are:

  • Payment
  • Right column blocks
  • Left column blocks
  • Homepage content
  • Header of pages
  • Top of pages
  • Product footer
  • Invoice
  • Footer 
  • Stats – Modules
  • Product actions
  • Product out of stock
  • Shopping cart extra button
  • Before carrier list
  • Order detail displayed
  • My account block

Here is a partial list of PrestaShop modules that have not been assigned to any specific position within the PrestaShop default template.

  • Customer account page display in front office
  • Customer account creation form
  • Administration panel homepage
  • Block above the form for create an account
  • Administration panel hover the tabs
  • Administration panel footer

diagram5.png
Diagram 5

Changing module position from one block to another

Cart module is placed in the Left column blocks.

Focus : Shifting the Cart module to Right column blocks.

diagram6.png
Diagram 6

Approach: Go to Prestashop Admin Dashboard and unlock the Cart block from the left menu.

  • Go to the Left Column blocks
  • Locate the Cart Block
  • Check on the checkbox
  • Click on the unhook the selection button at the top

As shown in Diagram 7

diagram7.png
Diagram 7

Cart Module removed successfully from hook as shown in Diagram 8.

diagram8.png
Diagram 8

NOTE: Click on the link Transplant a module. The Screen as shown in Diagram 9 is displayed in the Browser.

diagram9.png
Diagram 9

  • From the Drop Down List Box next to Module Label, select the Cart block module
  • From the Drop Down List Box next to Hook into Label, select the Right column blocks
  • Click on SAVE as shown in Diagram 10

diagram10.png
Diagram 10

The Screen as shown in Diagram 11 is displayed in the Browser.

diagram11.png
Diagram 11

Navigate to the Front End of your website and the Cart Block will have shifted to the Right column block as shown in Diagram 12

diagram12.png
Diagram 12

Changing the order of A module position in one block

In the Right Column Block there are as follow

  • New products block v0.9
  • Top seller block v1.1
  • Specials block v0.8
  • CMS Block v1.1
  • Stores block v1.0
  • Cart block v1.2

For shifting the Cart Block module to the top of the Right Column Block, place the mouse of the Cart Block module and the cursor sharp changes as shown in Diagram 13.

diagram13.png
Diagram 13

Keep the right mouse button press, drag the Cart Block and drop it at the position you want as shown in
Diagram 14

diagram14.png
Diagram 14

Navigate to the Front End of your website and the Cart Block will have shifted to the top of the Right column block as shown in Diagram 15.

diagram15.png
Diagram 15

OSV Newsletter


Receive HTML?

NOTE: To prevent subscription to the OSV newsletter, uncheck the checkbox above.
Guest Blog for OSV
Free Ebook Download
LinkShare_180x150
Artisteer - DNN Skin Generator
Tapestry Theme - A Tumblog-Style Theme for Wordpress