Moving Block Tags to footer

[Neapix]

Hi

 

I have been trying to move the Tags Block from head location to footer.

 

First, I tried to change the module hooks, but this wasn't possible.

 

Than I have been looking in the support forum and didn't find something similar, so I Uninstall the module and than edited the 'blocktags.php`:

 

 function install()
{
 if (parent::install() == false
|| $this->registerHook('footer') == false
|| Configuration::updateValue('BLOCKTAGS_NBR', 20) == false)
  return false;
 return true;
}

 

After this step, I installed the module and the hook worked.

 

The problem was that the module didn't appear in the footer :huh:

 

Did I missed something?

 

Help

[vekia]

you need to create additional function like:

function hookFooter($params)
{
 return $this->hookLeftColumn($params);
}

[Neapix]

Hi Vekia, thanks for your respond!

 

I did this in `blocktags.php`:

 

 function install()
{
 if (parent::install() == false
|| $this->registerHook('footer') == false
|| Configuration::updateValue('BLOCKTAGS_NBR', 20) == false)
  return false;
 return true;
}
function hookFooter($params)
{
return $this->hookLeftColumn($params);
}

 

It did 90% of the work: Picture .

 

How can I remove the black background and move the Tags Block to the Left Side of the Footer?

 

Appreciate in advanced..

[vekia]

now everything depends on css styles for this block.

You have to edit styles for it.

+ change position in the modules > positions tab

1. search for "displayFooter" modules list
   
2. move tags block module to the top of the list
   

[Neapix]

now everything depends on css styles for this block.

You have to edit styles for it.

+ change position in the modules > positions tab

1. search for "displayFooter" modules list
   
2. move tags block module to the top of the list
   

 

Thanks again Vekia,

 

I'll will edit the CSS - can you direct me please where is it located? - its the original default theme of prestashop, couldn't find in global.css or in the module blocktags.css - its only the text inside the module, not the title and background title of the module.

 

I moved the tags module before,it won't change the location of the block in the footer - Picture perhaps there is another code to edit?

 

The picture I added in the last post (Picture) Is based on the module location in "displayFooter". It was already in the right location.

 

How can I move the module the left side of the footer?

Edited August 16, 2013 by Neapix (see edit history)

[vekia]

now it's time to css personalization

you have to edit styles for this block.

is there any chance to test your website? can you share the url please?

[Neapix]

Hi,

 

Site Link

 

Thanks!

[vekia]

your site is under maintenance mode so i cant check it, can you turn it off for a moment?

[Neapix]

Sorry, forgot about that.

 

Now its open

[vekia]

okay

 

thanks

 

open the module .tpl file and add to main <div> block of this module this inline style="" tag:

display: inline-block;
float: left;
width: 185px;
position: relative;
top: 10px;
padding: 5px;

[Neapix]

I put that in the blocktags.css, nothing happen.

 

I need to put that in the blocktags.tpl also?

[vekia]

i checked your code and there is no code that i suggested to use. Make sure that you use it for ID #tags_block_left

and if you use it in the global.css file - use it with !important modifier.

[Neapix]

I believe I did something incorrect.

 

For now I decided to uninstall the module.

 

Can you guide me how to center the 4 columns in the footer?

 

Vekia, very appreciate your help and patience.

[vekia]

please be patiend, i will release step by step tut today!

[Neapix]

Thanks!!

[Neapix]

Hey Vekia,

 

Any news?

[vekia]

here it is: moving block tags to footer

[Neapix]

Hi Vekia,

 

Thanks for your guide!

 

Works great!

 

One thing about the blocktags title - how can I move it to the left side so it will be alike all the footer titles?

[vekia]

may i know where you used this tut? it will be much easier to say what you have to change

[Neapix]

Hey,

 

Direct Link

[vekia]

add paddgin-left:0px to:

#footer .title_block {
background: none;
padding-left: 0px;
}

in global.css file, near line 627

[Neapix]

Worked!

 

Vekia, thank you very much for your guide and tutorial!

 

Very appericiate your affort!

[vekia]

you're welcome

 

im really glad to hear that i could help you a little in this case

If you will have any other questions - feel free to write

 

best regards