EDIT CSS PRESTASHOP RESPONSIVE COLUMNS HOW TO

EDIT CSS PRESTASHOP RESPONSIVE COLUMNS HOW TO

How To Set Absolute Position For An Element.

How To Use Selector In The Custom CSS Tab.

How to Add & Edit a Background Video in Elementor.

How to Change Font Size, Color, Family & Style in Elementor Website Builder.

How to Add Custom Fonts Using Elementor.

Why should I start with an Elementor website kit?.

Now open file: /themes/default-bootstrap/css/modules/homeslier/homeslider. Go to module transplantation page and transplant module: Featured products on the homepage to displayHome hook. Transplanting homepage featured modules to displayHome hook. Unhooking modules from displayHomeTab and displayHomeTabContents hooks in prestashop 1.6 So go to modules > positions, search for dispalyHomeTab + displayHomeTabContents modules list and unhook all modules from these lists: Now it's time to unhook modules from homepage tabs feature. Image slider for your homepage - first on list unhook from this postion modules: Theme configuration, facebook block, custom CMS information block. Move it to the top of the list, like i show below. From first dropdown (module) select: Image slider for your homeapge, and from second dropdown select 'displayHome (homepage content)' - not displayHomeTab!.Īfter that go to modules > postions again, search for 'displayHome' modules list and change position of image slider for your homepage module. In this case click on transplant button, you will see the form to transplant module (you saw it before!). Okay, now it's time to transplant homeslider module to displayHome hook. Search for displayTopColumn modules list and remove all (two addons) modules from this list, like i show below:ĭisplayTopColumn modules list prestashop 1.6

In this case, we have to back to modules > positions tab.

So now we have to move slider to the displayHome hook (between columns) and remove unwanted banners. you probably see that it works! we have got three columns now, like we have in default 1.5 template). Transplaning slider and removing the banners.Īs you probably noticed, we have got slider and banners above our columns (btw. Do the same for all modules you want to display in right column.Įffect of our transplantation and modifications of settings looks like: After clicking on it you will see form to transplant module to new position.įrom modules list select module that you unhooked (or any other module you want) and from second dropdown select dispalyRightColumn (Right column blocks) hook, like i show on image below. It's time to move them to the right column So, please click on transplant button located in top right section of modules > themes tab in your back office. Ok, we already unhooked several modules from left column. So, basically select checkboxes near modules like i show above, after that, scroll page down and press button: Unhooking prestashop modules from left column We will transplant these modules to right column. Of course you can remove any other module you want. Then search for 'displayLeftColumn' modules list and for example, remove from this hook 3 modules: our stores block, specials, new products block. In this case please go to modules > positions tab in your back office. But firstly - we have to unhook these addons from original position (left column). Now because in prestashop 1.6 by default right column hook is just empty, we have to transplant some modules to this position. If you see this error: an error occurred while updating this meta, please open this guide and follow all instructions form this article.Ĭolumns theme configuration in prestashop 1.6 If you want, you can disable right column for 'login' and all 'order' pages - like in prestashop 1.5 theme. Please enable left and right columns for each listed page. You can manage your theme there like enable columns, disable some modules etc. (1) Enable right column - just click on it, and (2) click on edit button.Īfter clicking on edit button (2) you will be redirected to theme settings page. By default there is only one template named 'default boostrap'. Please log in to your back office and go to preferences > themes tab. We will not modify any file, all of this you can do in back office. In this guide i want to show you how to turn on columns on each page of new 1.6 version. As you probably already noticed - default bootstrap theme doesn't use columns like prestashop 1.5. In this tutorial i want to show you how to modify the default bootstrap theme (in prestashop 1.6) to looks like default theme in prestashop 1.5.

Edit css prestashop responsive columns