Pages configuration
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 |
|---|---|---|
| TM HTML Content v1.1 | displayRightColumn | 1 |
| TM Mega Menu v1.6.2 | displayLeftColumn | 1 |
| Layered navigation block v2.2.0 | displayLeftColumn | 2 |
| Top-sellers block v1.8.1 | displayLeftColumn | 3 |
| Theme configurator v2.1.2 | displayLeftColumn | 4 |
| New products block v1.10.1 | displayLeftColumn | 5 |
| Store locator block v1.3.1 | displayLeftColumn | 6 |
| Tags block v1.3.1 | displayLeftColumn | 7 |
| TM HTML Content v1.1 | displayLeftColumn | 8 |
| Theme configurator v2.1.2 | displayHome | 1 |
| SmartBlog Home Latest v2.0.1 | displayHome | 2 |
| Facebook block v1.4.1 | displayHome | 3 |
| Custom CMS information block v1.6.1 | displayHome | 4 |
| TM HTML Content v1.1 | displayHome | 5 |
| TM Category Products Slider v1.0.0 | displayHome | 6 |
| MotoPress Slider v1.2.6 | displayHome | 7 |
| TM Manufacturers block v1.1.1 | displayHome | 8 |
| Featured products on the homepage v1.8.1 | displayHome | 9 |
| TM Mosaic Products v1.0.0 | displayHome | 10 |
| TM Category Products v1.0.0 | displayHome | 11 |
| Deal of the day v1.0.0 | displayHome | 12 |
| Cart block v1.6.1 | displayTop | 1 |
| Top horizontal menu v2.0.9 | displayTop | 2 |
| Pages not found v1.5.1 | displayTop | 3 |
| Search engine keywords v1.4.1 | displayTop | 4 |
| Product Comments v3.6.1 | displayTop | 5 |
| Wishlist block v1.3.2 | displayTop | 6 |
| TM Mega Menu v1.6.2 | displayTop | 7 |
| TM HTML Content v1.1 | displayTop | 8 |
| MotoPress Slider v1.2.6 | displayTop | 9 |
| TM Search v1.1.1 | displayTop | 10 |
| Deal of the day v1.0.0 | displayTop | 11 |
| Newsletter block v2.3.2 | displayFooter | 1 |
| Social networking block v1.2.2 | displayFooter | 2 |
| Categories block v2.9.4 | displayFooter | 3 |
| Layered navigation block v2.2.0 | displayFooter | 4 |
| CMS block v2.1.2 | displayFooter | 5 |
| My account block for your website's footer v1.6.1 | displayFooter | 6 |
| Contact information block v1.2.1 | displayFooter | 7 |
| Data mining for statistics v1.6.2 | displayFooter | 8 |
| Theme configurator v2.1.2 | displayFooter | 9 |
| TM Newsletter v1.1.0 | displayFooter | 10 |
| TemplateMonster Olark Chat v1.0.2 | displayFooter | 11 |
| TM HTML Content v1.1 | displayFooter | 12 |
| MotoPress Slider v1.2.6 | displayFooter | 13 |
| Payment logos block. v0.4.1 | displayFooter | 14 |
| TM Infinite Scroll v1.0.0 | displayFooter | 15 |
| New products block v1.10.1 | displayHomeTab | 1 |
| Featured products on the homepage v1.8.1 | displayHomeTab | 2 |
| Top-sellers block v1.8.1 | displayHomeTab | 3 |
| Specials block v1.3.1 | displayHomeTab | 4 |
| TM Category Products v1.0.0 | displayHomeTab | 5 |
| New products block v1.10.1 | displayHomeTabContent | 1 |
| Featured products on the homepage v1.8.1 | displayHomeTabContent | 2 |
| Top-sellers block v1.8.1 | displayHomeTabContent | 3 |
| Specials block v1.3.1 | displayHomeTabContent | 4 |
| MotoPress Slider v1.2.6 | displayHomeTabContent | 5 |
| TM Homepage Products Carousel v1.0.3 | displayHomeTabContent | 6 |
| TM Category Products v1.0.0 | displayHomeTabContent | 7 |
| Image slider for your homepage v1.6.1 | displayTopColumn | 1 |
| Theme configurator v2.1.2 | displayTopColumn | 2 |
| TM HTML Content v1.1 | displayTopColumn | 3 |
| TM Category Products Slider v1.0.0 | displayTopColumn | 4 |
| MotoPress Slider v1.2.6 | displayTopColumn | 5 |
| TM Products Slider v2.0.0 | displayTopColumn | 6 |
| Currency block v0.4.1 | displayNav | 1 |
| Language block v1.5.1 | displayNav | 2 |
| TM Header Account Block v2.0.1 | displayNav | 3 |
| TM HTML Content v1.1 | displayNav | 4 |
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) |
|---|---|---|
| small_default | 72 | 72 |
| medium_default | 164 | 164 |
| home_default | 540 | 540 |
| large_default | 800 | 800 |
| thickbox_default | 1000 | 1000 |
| category_default | 492 | 533 |
| scene_default | 520 | 189 |
| m_scene_default | 161 | 58 |
| tm_home_default | 540 | 540 |
| tm_large_default | 800 | 800 |
| tm_small_default | 72 | 72 |
| tm_cart_default | 68 | 68 |
| tm_medium_default | 164 | 164 |
| tm_thickbox_default | 1000 | 1000 |
| tm_category_default | 492 | 533 |
| cart_default | 68 | 68 |
| manufacturers_default | 145 | 50 |
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.
| Meta | Left Column | Right Column |
|---|---|---|
| Best sales | + | |
| Contact us | ||
| index | ||
| Manufacturers | + | |
| New products | + | |
| Forgot your password | ||
| Prices drop | + | |
| Sitemap | ||
| Suppliers | + | |
| Address | + | |
| Addresses | + | |
| Login | ||
| Cart | ||
| Discount | + | |
| Order history | ||
| Identity | + | |
| My account | ||
| Order follow | ||
| Credit slip | + | |
| Order | ||
| Search | ||
| Stores | ||
| Order | ||
| Guest tracking | + | |
| Order confirmation | ||
| product | ||
| category | + | |
| cms | ||
| module-cheque-payment | ||
| module-cheque-validation | ||
| module-bankwire-validation | ||
| module-bankwire-payment | ||
| Products Comparison | ||
| Smartblog archive | ||
| Smartblog category | ||
| Smartblog details | ||
| Smartblog search | ||
| Smartblog tagpost | ||
| module-blockwishlist-mywishlist | + | |
| module-blockwishlist-view | + | |
| module-tmsearch-search | + | |
| module-tmcollections-collections | + | |
| module-tmcollections-collection | + | |
| module-tmsearch-tmsearch | + |