PrestaShop Forum

The best place in the world to ask questions about PrestaShop and get advice from our passionate community!

PrestaShop Forum

Jump to content

Horizontal Navigation Bar Module v0.5 NOW AVAILABLE !!!

181 replies to this topic
#1
ejectcore

    PrestaShop Addict

  • Members
  • PipPipPip
  • 827 posts
Module Developed by Alpha Media

Finally after fixing a lot of bugs in this module
I am happy to release this to the Prestashop Community ;)

After testing this module out in the last couple of days I decided to add a new hook to the DB so the navigation can stretch 100% width of your template

v0.5 now includes inserting the new navBar Hook into the DB so you don't have to do this manually!

Please follow these simple install instructions below

STEP 1
We need to first install then assign to the new navBar hook!
a) - Unzip then upload "categoriesbar" to your modules directory, the module is auto assigned to Top Hook on install
b) - Next click on positions & first remove this module from your top of pages hook to avoid duplication.
c) - Now you are ready to transplant this module to the new hook which was created through the install
Please select "Horizontal Navigation Bar" from your dropdown menu then select
Hook this into the last item in your drop down list “Navigation Bar”
STEP 2
Now we need to define this new hook position in both header.php & finally header.tpl

header.php change:

/* Hooks are volontary out the initialize array (need those variables already assigned) */
$smarty->assign(array(
'HOOK_HEADER' => Module::hookExec('header'),
'HOOK_LEFT_COLUMN' => Module::hookExec('leftColumn'),
'HOOK_TOP' => Module::hookExec('top'),
'static_token' => Tools::getToken(false),
'token' => Tools::getToken()
));

To:
/* Hooks are volontary out the initialize array (need those variables already assigned) */
$smarty->assign(array(
'HOOK_HEADER' => Module::hookExec('header'),
'HOOK_LEFT_COLUMN' => Module::hookExec('leftColumn'),
'HOOK_TOP' => Module::hookExec('top'),
'HOOK_NAV_BAR' => Module::hookExec('navBar'),
'static_token' => Tools::getToken(false),
'token' => Tools::getToken()
));

[/code]
header.tpl change:

<!-- Header -->

{$shop_name|escape:'htmlall':'UTF-8'}





to:

<!-- Header -->

{$shop_name|escape:'htmlall':'UTF-8'}





{$HOOK_NAV_BAR}



Thats it your done enjoy ;-P

Attached Files


Filter Search 2.1 Enterprise Edition Now Available

Available Soon
Filter Search 2.1 Lite Edition

Follow us on twitter

#2
companyxyz

    PrestaShop Newbie

  • Members
  • Pip
  • 15 posts

Quote

c) – Now you are ready to transplant this module to the new hook which was created through the install Please select “Horizontal Navigation Bar” from the dropdown then Hook into dropdown select “Navigation Bar”


At step 1 c - After I click transplant and choose "Horizontal Navigation Bar" as the module, I am not able to see "Navigation Bar" from dropdown of 'Hook Into'. Did i miss anything?

#3
CKWT

    PrestaShop Newbie

  • Members
  • Pip
  • 12 posts
Hi
In My IE 7 I see the bar behind..

I'll try on Firefox to see..

Thanks

Charlton

Attached Files

  • Attached File  nav.jpg   15bytes   44831 downloads


#4
CKWT

    PrestaShop Newbie

  • Members
  • Pip
  • 12 posts
I re-done the installation process and now I have it duplicated

I'm sure I'm doing somwthing wrong.. any pointers.

Thanks

Charlton

Attached Files

  • Attached File  nav2.jpg   23bytes   44156 downloads


#5
SmartiesKiller

    PrestaShop Addict

  • Members
  • PipPipPip
  • 542 posts
work link a charme for me.

i'll translate the installation guide for french user.

#6
CKWT

    PrestaShop Newbie

  • Members
  • Pip
  • 12 posts
I will try again tomorrow.. I'll let u know any install probs

#7
SmartiesKiller

    PrestaShop Addict

  • Members
  • PipPipPip
  • 542 posts
Pour les Francais:

Etape 1

Nous avons besoin d'installer et d'assigner la nouvelle navBar
a) – dezippez et uploadez “categoriesbar” dans votre Repertoire Module, le module sera assigner automatiquement a Top Hook une fois installé.
b) – Ensuite Cliquez sur Positions et enlevez ce module.
c) – Ensuite Cliquez sur Greffer un module et selectionner dans Module Horizontal Navigation Bar” et dans Greffer le module sur selectionnez “Navigation Bar”.Voilou pour l'installation.

Etape 2

Copier Coller ce qui suit.

header.php trouvez:

/* Hooks are volontary out the initialize array (need those variables already assigned) */
$smarty->assign(array(
'HOOK_HEADER' => Module::hookExec('header'),
'HOOK_LEFT_COLUMN' => Module::hookExec('leftColumn'),
'HOOK_TOP' => Module::hookExec('top'),
'static_token' => Tools::getToken(false),
'token' => Tools::getToken()
));


et remplacez par ceci:

/* Hooks are volontary out the initialize array (need those variables already assigned) */
$smarty->assign(array(
'HOOK_HEADER' => Module::hookExec('header'),
'HOOK_LEFT_COLUMN' => Module::hookExec('leftColumn'),
'HOOK_TOP' => Module::hookExec('top'),
'HOOK_NAV_BAR' => Module::hookExec('navBar'),
'static_token' => Tools::getToken(false),
'token' => Tools::getToken()
));


header.tpl trouvez:

<!-- Header -->

{$shop_name|escape:'htmlall':'UTF-8'}





et remplacez par ceci:

<!-- Header -->

{$shop_name|escape:'htmlall':'UTF-8'}





{$HOOK_NAV_BAR}


Votre installation a ete effectué avec succès.

#8
ejectcore

    PrestaShop Addict

  • Members
  • PipPipPip
  • 827 posts
Thanks SmartiesKiller ;)
Please ensure you follow the instructions which I have just updated!
I have tried to make this a easy as possible by installing the new hook into the DB :-P
Filter Search 2.1 Enterprise Edition Now Available

Available Soon
Filter Search 2.1 Lite Edition

Follow us on twitter

#9
hdavy2002

    PrestaShop Newbie

  • Members
  • Pip
  • 10 posts
Thanks man it works great, check it out at my upcoming site

www.jonjewels.com

#10
zeroman

    PrestaShop Newbie

  • Members
  • Pip
  • 14 posts

From 1219102337:

Quote

c) – Now you are ready to transplant this module to the new hook which was created through the install Please select “Horizontal Navigation Bar” from the dropdown then Hook into dropdown select “Navigation Bar”


At step 1 c - After I click transplant and choose "Horizontal Navigation Bar" as the module, I am not able to see "Navigation Bar" from dropdown of 'Hook Into'. Did i miss anything?


I also got this error, please help how to fix this

regards !!!

#11
zeroman

    PrestaShop Newbie

  • Members
  • Pip
  • 14 posts

From 1219102337:

Quote

c) – Now you are ready to transplant this module to the new hook which was created through the install Please select “Horizontal Navigation Bar” from the dropdown then Hook into dropdown select “Navigation Bar”


At step 1 c - After I click transplant and choose "Horizontal Navigation Bar" as the module, I am not able to see "Navigation Bar" from dropdown of 'Hook Into'. Did i miss anything?


Oh, very simple
CMOD "“categoriesbar”" to 777 will OK :D

#12
showtime

    PrestaShop Apprentice

  • Members
  • PipPip
  • 171 posts
Thanks for all your job Amwdesign , I wait with attention your caroussel module , and I want to say a little suggestion :

1) Dont forget that all user dont have the defaut prefix database name ( ps_ )

2) Please dont put a white background to this module but transparency in your swf if it's possible ...

thanks for all again

A futur user :) ...
Merci à Prestashop et à sa communauté

#13
ejectcore

    PrestaShop Addict

  • Members
  • PipPipPip
  • 827 posts
Thanks for your comments ;)

1) I always use _DB_PREFIX_ so this will not be a problem
2) The Caroussel module is not using flash for the animation this is done through the JS
Filter Search 2.1 Enterprise Edition Now Available

Available Soon
Filter Search 2.1 Lite Edition

Follow us on twitter

#14
Bigfoot

    PrestaShop Newbie

  • Members
  • Pip
  • 10 posts
How to align this Navigation Bar to the left on the homepage ? My website :http://www.idoer.com

Attached Files


China mobile phone,iPods,iPhone,iPhone3G accessories professional,Game asscessories supplier. Website : http://www.idoer.com

#15
Hungnh

    PrestaShop Apprentice

  • Members
  • PipPip
  • 36 posts
I'm install have a error:

The following module(s) were not installed successfully:

* categoriesbar

In my database not insert new hook Navigation Bar. how to fix this problem, please help.

regards !

#16
Rod_

    PrestaShop Apprentice

  • Members
  • PipPip
  • 92 posts

From 1219368505:

I'm install have a error:

The following module(s) were not installed successfully:

* categoriesbar

In my database not insert new hook Navigation Bar. how to fix this problem, please help.

regards !


I've got the same problem!. "not installed successfully". What's the problem here???.
Southern PS Fan =)

#17
Hungnh

    PrestaShop Apprentice

  • Members
  • PipPip
  • 36 posts

From 1219382267:

From 1219368505:

I'm install have a error:

The following module(s) were not installed successfully:

* categoriesbar

In my database not insert new hook Navigation Bar. how to fix this problem, please help.

regards !


I've got the same problem!. "not installed successfully". What's the problem here???.


I think, the problem here is function install() with SQL Insert command, maybe it not execute.

#18
ejectcore

    PrestaShop Addict

  • Members
  • PipPipPip
  • 827 posts
Are you using the latest version 0.5 :question:
I can't seem to re-produce this issue on my server, please can you send over your FTP & Back Office Access.
I will try to have a quick look at this later today ;)
Filter Search 2.1 Enterprise Edition Now Available

Available Soon
Filter Search 2.1 Lite Edition

Follow us on twitter

#19
Bigfoot

    PrestaShop Newbie

  • Members
  • Pip
  • 10 posts
How to align this Navigation Bar to the left on the homepage ? My website :http://www.idoer.com

Image Attachments
China mobile phone,iPods,iPhone,iPhone3G accessories professional,Game asscessories supplier. Website : http://www.idoer.com

#20
Bigfoot

    PrestaShop Newbie

  • Members
  • Pip
  • 10 posts

From 1219481412:

Are you using the latest version 0.5 :question:
I can't seem to re-produce this issue on my server, please can you send over your FTP & Back Office Access.
I will try to have a quick look at this later today ;)


How to align this Navigation Bar to the left on the homepage ? My website :http://www.idoer.com

Attached Files

  • Attached File  00.JPG   20bytes   4436 downloads

China mobile phone,iPods,iPhone,iPhone3G accessories professional,Game asscessories supplier. Website : http://www.idoer.com