1. Position section of the modules list.
After activating all necessary modules you need to assign them to correct positions. In PrestaShop admin panel from the top menu select Modules > Positions. To place module in the required position just drag it to the position section of the modules list.
Module name | Position | Order |
---|---|---|
Viewed products block v1.2.1 | displayRightColumn | 1 |
Supplier List v1.0.3 | displayRightColumn | 2 |
Brand list v1.0.2 | displayRightColumn | 3 |
Faceted search v2.2.0 | displayLeftColumn | 1 |
Supplier List v1.0.3 | displayLeftColumn | 2 |
Brand list v1.0.2 | displayLeftColumn | 3 |
Viewed products block v1.2.1 | displayLeftColumn | 4 |
Image slider v3.0.0 | displayHome | 1 |
Featured products v2.0.0 | displayHome | 2 |
Specials block v1.0.1 | displayHome | 3 |
Top-sellers block v1.0.3 | displayHome | 4 |
New products v1.0.1 | displayHome | 5 |
JX Featured Posts v0.0.3 | displayHome | 6 |
JX Deal of the day v1.2.3 | displayHome | 7 |
Sopping cart v2.0.3 | displayTop | 1 |
JX Mega Menu v1.7.13 | displayTop | 2 |
Main menu v2.1.1 | displayTop | 3 |
JX Search v1.4.3 | displayTop | 4 |
Customer account links v3.1.0 | displayFooter | 1 |
Custom text v4.1.0 | displayFooter | 2 |
Category tree links v2.0.0 | displayFooter | 3 |
Link List v3.0.4 | displayFooter | 4 |
Social media follow links v2.0.0 | displayFooter | 5 |
JX Compare Product v1.0.0 | displayFooter | 6 |
Contact information v3.3.0 | displayFooter | 7 |
JX Newsletter v1.0.0 | displayFooter | 8 |
Image slider v3.0.0 | displayTopColumn | 1 |
Currency selector v2.0.1 | displayNav | 1 |
Contact information v3.3.0 | displayNav | 2 |
Link List v3.0.4 | displayNav | 3 |
Language selector v2.0.2 | displayNav | 4 |
Featured products v2.0.0 | displayHomeTabContent | 1 |
JX Mega Layout v1.5.4 | displayHomeTabContent | 2 |
Featured products v2.0.0 | displayHomeTab | 1 |
JX Mega Layout v1.5.4 | displayHomeTab | 2 |
2. Configuring images
In PrestaShop you can use predefined image dimensions for product images, category images, manufacturers etc.
For example, images of the 'home' dimensions are usually used for the category listing product images, 'large' for main product image on the product info page.
To configure product image dimensions, open your PrestaShop admin panel, go to Preferences > Images and set the image dimensions as displayed below:
Picture | Width (px) | Height (px) |
---|---|---|
cart_default | 150 | 150 |
category_default | 1920 | 850 |
home_default | 550 | 550 |
large_default | 1000 | 1000 |
medium_default | 400 | 400 |
small_default | 330 | 330 |
small_default_products | 100 | 100 |
stores_default | 170 | 115 |
3. Page layout settings
In Prestashop you can activate or deactivate sidebars for subpages, featured in table.
To configure layout, open your PrestaShop admin panel, go to Preferences > Themes > Advanced settings.
Page type | Layout |
---|---|
pagenotfound | layout-full-width |
best-sales | layout-full-width |
contact | layout-full-width |
index | layout-full-width |
manufacturer | layout-full-width |
new-products | layout-full-width |
password | layout-full-width |
prices-drop | layout-full-width |
sitemap | layout-full-width |
supplier | layout-full-width |
address | layout-full-width |
addresses | layout-full-width |
authentication | layout-full-width |
cart | layout-full-width |
discount | layout-full-width |
history | layout-full-width |
identity | layout-full-width |
my-account | layout-full-width |
order-follow | layout-full-width |
order-slip | layout-full-width |
order | layout-full-width |
search | layout-full-width |
stores | layout-full-width |
guest-tracking | layout-full-width |
order-confirmation | layout-full-width |
product | layout-full-width |
category | layout-left-column |
cms | layout-full-width |
module-cheque-payment | layout-full-width |
module-cheque-validation | layout-full-width |
module-bankwire-validation | layout-full-width |
module-bankwire-payment | layout-full-width |
module-cashondelivery-validation | layout-full-width |
module-ps_checkpayment-payment | layout-full-width |
module-ps_checkpayment-validation | layout-full-width |
module-ps_shoppingcart-ajax | layout-full-width |
module-ps_wirepayment-payment | layout-full-width |
module-ps_wirepayment-validation | layout-full-width |
module-jxsearch-search | layout-full-width |
module-jxblog-blog | layout-full-width |
module-jxblog-author | layout-full-width |
module-jxblog-categories | layout-full-width |
module-jxblog-category | layout-full-width |
module-jxblog-post | layout-full-width |
module-jxblog-search | layout-full-width |
module-jxblog-tag | layout-full-width |
module-jxwishlist-wishlists | layout-full-width |
module-jxwishlist-wishlist | layout-full-width |
module-ps_emailsubscription-verification | layout-full-width |
module-ps_emailsubscription-subscription | layout-full-width |