gramas Posted February 2, 2015 Share Posted February 2, 2015 Hi, dont understand, how to use hooks, what I need to do is place category block near image slider (main page) instead of theme configuration images (By default they are next to image slider) Link to comment Share on other sites More sharing options...
NemoPS Posted February 2, 2015 Share Posted February 2, 2015 You can't by default. You need to add a new hook position to blockcategories.php. You know php? Link to comment Share on other sites More sharing options...
krane Posted February 23, 2015 Share Posted February 23, 2015 Hello sirs, I have the same problem. I want to place manufucturer module to the left of the slider. I have added a hook and the module is now hookable to the displaytopcolumn. But the problem is I cannot get the slider and the manufacturer modules to display side by side (in a row). it only display one above the other. Hope you understood. Please help me Link to comment Share on other sites More sharing options...
tdr170 Posted February 23, 2015 Share Posted February 23, 2015 (edited) Another way to do this it to add a hook to the slider to hook it to displayHomeTab (not content) then remove it from DisplayTopColumn this will move the Slider to the center column and allow the left column to move up to header. For a preview look here at my testing site, https://team-shepherdusa.com/shop14160t (this is just a testing site) if this is what your looking for copy and paste this around line 480 of homeslider.php public function hookDisplayHomeTab($params) { return $this->hookdisplayTopColumn($params); } Now go to Modules, Positions, click on transplant a module select image slider for your homepage then select DisplayHomeTab (Home Page Tabs) and click save. Now we need to remove the slider from the Top Column, scroll down to bottom of positions page and look for displayTopcolumn and unhhok the slider from this position. If you do not see displayTopColumn you will need to edit the ps_hook in the database, go to database scroll down to ps_hook and click browse at top of page. Scroll though the pages and look for displayTopColumn, (mine was id 120) click on edit and in the positions box just change the 0 to 1 and the hook will now show in BO so you can now unhook the slider from top column. Its not as complicated as it sounds just follow the steps and all will be fine. Edited February 23, 2015 by tdr170 (see edit history) 2 Link to comment Share on other sites More sharing options...
krane Posted February 23, 2015 Share Posted February 23, 2015 Thanks sir tdr170 for the reply. I am using the default template with PS 1.6.0.11 but not the default slider. Rather I am using sliders everywhere from the forum by misthero. The following is an advice from misthero the developer of sliders everywher concerning my problem. He said ”” like I said change the width and the position, go to positions and choose "right" and change the width 60%,this way you have 40% of space on the left for anything else you may need.”” That is what he said. The module I wish to add in the displaytopcolumn is the manufacturer module. I wand it to display on the left while the slider displays on the. (that is they will display side by side). Meaning that the displaytopcolumn will be two rows one for the manufacturer module and one for the slider. I want it this way because I don't want to enable the left column. Actually I can manage to hook the manufacturer module to the displaytopcolumn but it doesn't want to stand side by side with the slider which is my main problem. As misthero said I'll have 40% of the space in the displaytopcolumn free. The question is how do I make the manufacturer module stand in this 40% free space? It could be anything not just 40%. Take a look at my site url: www.asso9.com and you will find the space in which I want to put the manufacturer module. Please help me Cheers Link to comment Share on other sites More sharing options...
NemoPS Posted February 25, 2015 Share Posted February 25, 2015 Well it seems to be working at the moment, you managed to fix it?THe only thing left to take care of is adding clear:both on the home tabs block Link to comment Share on other sites More sharing options...
krane Posted February 25, 2015 Share Posted February 25, 2015 ” THe only thing left to take care of is adding clear:both on the home tabs block” Thanks sir, I managed to fix it but it's not okay. how do I go about adding the clear:both? Cheers Link to comment Share on other sites More sharing options...
krane Posted February 26, 2015 Share Posted February 26, 2015 And also how do I create a gutter between the module at left and the slider. Thanks in advance Link to comment Share on other sites More sharing options...
NemoPS Posted February 27, 2015 Share Posted February 27, 2015 wrap it in a div with class="col-xs-3", it should add some padding. As for the clearing, just add that rule as style attribute to it, or via css Link to comment Share on other sites More sharing options...
krane Posted February 28, 2015 Share Posted February 28, 2015 Please a basic example on how to wrap it in a div can help a great deal and also where exactly do I insert the clearing codes. Is it in global.CSS? Or where exactly? For example bellow is an extract of codes in global.css. #home-page-tabs { border: none; background: #fff; } @media (min-width: 768px) { #home-page-tabs { padding: 10px 0; margin: 0 0 0 -18px; } } #home-page-tabs > li { margin-bottom: 0; } @media (min-width: 991px) { #home-page-tabs > li { border-left: 1px solid #d6d4d4; margin: 0 0px 0 9px; padding: 0 0px 0 9px; } } @media (max-width: 479px) { #home-page-tabs > li { width: 100%; } } #home-page-tabs > li a { font: 600 21px/24px "Open Sans", sans-serif; color: #555454; text-transform: uppercase; border: none; outline: none; margin: 0; padding: 10px; } @media (min-width: 768px) { #home-page-tabs > li a { padding: 1px 10px; } } @media (min-width: 768px) and (max-width: 991px) { #home-page-tabs > li a { padding: 10px 10px; } } #home-page-tabs > li:first-child { border: none; } #home-page-tabs > li.active a, #home-page-tabs > li a:hover { background: #333; color: #fff; padding: 10px; } @media (min-width: 768px) { #home-page-tabs > li.active a, #home-page-tabs > li a:hover { margin: -9px 0; } } @media (min-width: 768px) and (max-width: 991px) { #home-page-tabs > li.active a, #home-page-tabs > li a:hover { margin: 0px 0; } } where in this codes do I insert clear: both; to clear the home tabs? Cheers Link to comment Share on other sites More sharing options...
krane Posted March 1, 2015 Share Posted March 1, 2015 Hello sir Nemo, The clear function has worked like margic. Thank you a thaousand times. The one issue left now is the gutter. How to create s gutter between the manufacturer module and the slider. Cheers Link to comment Share on other sites More sharing options...
NemoPS Posted March 2, 2015 Share Posted March 2, 2015 Well, see that block you have there, just find the corresponding closing tag. Then, before it opens, add another div <div class="col-xs-3">And close it after the closing one </div>That's what I mean by wrapping it Link to comment Share on other sites More sharing options...
jsbmudit Posted March 19, 2015 Share Posted March 19, 2015 (edited) Please help me... I am stucked in a situation where i want the block categories module to be displayed in the left side and next to it i want image slider for home page module... i am searching for it since last 6 days but no solution..please help my PrestaShop version: 1.6.0.13 and i am using default theme Edited March 19, 2015 by jsbmudit (see edit history) Link to comment Share on other sites More sharing options...
NemoPS Posted March 20, 2015 Share Posted March 20, 2015 Can you share your site's url?Are you using a single-column homepage?If so, did you try what has been suggested above? Link to comment Share on other sites More sharing options...
fmc82 Posted March 21, 2015 Share Posted March 21, 2015 where do I find homeslider.php modules there are only about 100 lines. Link to comment Share on other sites More sharing options...
NemoPS Posted March 23, 2015 Share Posted March 23, 2015 ?WHat do you need to find in the module there? Link to comment Share on other sites More sharing options...
Andrej Stas Posted April 22, 2016 Share Posted April 22, 2016 Hi, dont understand, how to use hooks, what I need to do is place category block near image slider (main page) instead of theme configuration images (By default they are next to image slider) Hi Gramas, you can do this in just a few clicks with Presta-theme-maker.com, I made a very quick design for a demonstration (picture attached) http://presta-theme-maker.com/ Cheers, Andrej Link to comment Share on other sites More sharing options...
Sadiq6210 Posted January 30, 2017 Share Posted January 30, 2017 Another way to do this it to add a hook to the slider to hook it to displayHomeTab (not content) then remove it from DisplayTopColumn this will move the Slider to the center column and allow the left column to move up to header. For a preview look here at my testing site, https://team-shepherdusa.com/shop14160t (this is just a testing site) if this is what your looking for copy and paste this around line 480 of homeslider.php public function hookDisplayHomeTab($params) { return $this->hookdisplayTopColumn($params); } Now go to Modules, Positions, click on transplant a module select image slider for your homepage then select DisplayHomeTab (Home Page Tabs) and click save. Now we need to remove the slider from the Top Column, scroll down to bottom of positions page and look for displayTopcolumn and unhhok the slider from this position. If you do not see displayTopColumn you will need to edit the ps_hook in the database, go to database scroll down to ps_hook and click browse at top of page. Scroll though the pages and look for displayTopColumn, (mine was id 120) click on edit and in the positions box just change the 0 to 1 and the hook will now show in BO so you can now unhook the slider from top column. Its not as complicated as it sounds just follow the steps and all will be fine. Finally I found it Thank you very much to share it Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now