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

WizW-Nav Bar

70 replies to this topic
#1
hieloiceberg

    PrestaShop Apprentice

  • Members
  • PipPip
  • 480 posts
Hi all
I made this little navigation bar that is very simple but can be handy to use with themes

Quote


Upload the content inside the UPLOAD folder to your Prestashop root

The wizwnavbar.tpl file needs to be at your root theme folder in use, sample:

Prestashop/themes/prestashop/TPL_file_Goes_here
and you need to add this code to your header.tpl file:

{include file=$tpl_dir./wizwnavbar.tpl}


Here is a sample where the code is add on to show just like in the picture:

            <!-- Header -->

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




{include file=$tpl_dir./wizwnavbar.tpl}

<!-- Left -->



Search is off by default if you need it on delete line 12 in wizwnavbar.tpl file and save!

Any adjustments that you need to match your theme will be at the wizwnavbar folder like change the images or
minor adjustments at the css file.


Cheers!!

Attached Files


FarmVille Addict ;-)

#2
myname

    PrestaShop Apprentice

  • Members
  • PipPip
  • 275 posts
...GREAT...!!! .... THANKS :-)

#3
myname

    PrestaShop Apprentice

  • Members
  • PipPip
  • 275 posts
hello, I tried but it does not work:

1) I have inserted the files in the folder UPLOAD (in WizW-NavBar) in the folders "img" and "css" in the root of my prestashop;

2) I added the file wizwnavbar.tpl inside the root of my theme (eg Prestashop / themes / prestashop / TPL_file_Goes_here)

3) I have added to the file header.tpl (found in the root of my theme) code:

Quote

(include file = $ tpl_dir. / wizwnavbar.tpl)


As in the example:

<!-- Header -->

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




{include file=$tpl_dir./wizwnavbar.tpl}

<!-- Left -->


-------------------------

I have done what you wrote but do not see the bar. Do you have any idea?

Attached Files

  • Attached File  1.jpg   57bytes   13891 downloads


#4
hieloiceberg

    PrestaShop Apprentice

  • Members
  • PipPip
  • 480 posts
Hello myname you do not change anything from the upload folder just upload what ever is inside like this:

PRESTASHOP/wizwnavbar/
PRESTASHOP/wizwnavbar/img
PRESTASHOP/wizwnavbar/css

that's it !


You do NOT upload like this:

PRESTASHOP/img
PRESTASHOP/css
FarmVille Addict ;-)

#5
myname

    PrestaShop Apprentice

  • Members
  • PipPip
  • 275 posts
I Solved ... the change is working well! The folder wizwnavbar (in UPLOAD folder) must be included in the main root of prestashop.

Great work!

#6
hieloiceberg

    PrestaShop Apprentice

  • Members
  • PipPip
  • 480 posts
Myname usually when you get an UPLOAD folder you upload whatever is inside you do not do any changes to the folders or files inside. If you do is not going to work as the person who made it.

And I'm glad that it work for you now :cheese:
FarmVille Addict ;-)

#7
myname

    PrestaShop Apprentice

  • Members
  • PipPip
  • 275 posts
Hello ... your horizontal menu works well!
but not to disturb, I wanted to ask:

1) How can I increase the space between the upper and forms the horizontal menu? (img 1)
2) How can I move the search of the horizontal menu right? (img 2)

Thanks

Attached Files

  • Attached File  1.jpg   18bytes   13442 downloads
  • Attached File  2.jpg   20bytes   13425 downloads


#8
Ehinarr

    Sir

  • Members
  • PipPipPipPip
  • 1134 posts
Nice work! Very usefull!
My Blog
PS v1.4.7.0

#9
hieloiceberg

    PrestaShop Apprentice

  • Members
  • PipPip
  • 480 posts

From 1233035518:

Nice work! Very usefull!


Thanks Ehinarr and yes it makes it simple to adjust the themes
FarmVille Addict ;-)

#10
SonnyCooL

    PrestaShop Apprentice

  • Members
  • PipPip
  • 48 posts
nice one ....
i always figure how to put the search bar inside nav bar and u done it ....
will try it later :)
thanks mate

#11
cronberg

    PrestaShop Apprentice

  • Members
  • PipPip
  • 38 posts
I cant get the banner, the only thing i get is this errormessage:

Warning: Smarty error: unable to read resource: "/home/b1113/butik.proby.se/themes/prestashop/./wizwnavbar.tpl" in /home/b1113/butik.proby.se/tools/smarty/Smarty.class.php on line 1095

#12
Compuland

    PrestaShop Apprentice

  • Members
  • PipPip
  • 249 posts
Hi

Tnx for a great nav-bar. sweet looking

Is there any way to move/remove/delete the ehh thingies i pointede on in the picture?

Attached Files


OBS: BRUGER IKKE PRESTASHOP MERE!
NOTICE: I DO NOT USE PRESTASHOP ANYMORE!

If it's not broken. DON'T fix it!!
http://www.compuland.dk (Shopsystem OSC)
http://www.compuworld.dk (Shopsystem Magento)
Bruger ikke Prestashop mere. Er "sprunget" på Magento.

#13
hieloiceberg

    PrestaShop Apprentice

  • Members
  • PipPip
  • 480 posts
You do that at:

Back Office >> Modules >> Positions

Top of pages area! just click on the red X to delete the ones you don't want :coolhmm:
(Do not remove this two: Pages not found v1.0 and Search engine keywords v1.0)
FarmVille Addict ;-)

#14
Compuland

    PrestaShop Apprentice

  • Members
  • PipPip
  • 249 posts
Tnx hieloiceberg.

Looking much more clean now.
OBS: BRUGER IKKE PRESTASHOP MERE!
NOTICE: I DO NOT USE PRESTASHOP ANYMORE!

If it's not broken. DON'T fix it!!
http://www.compuland.dk (Shopsystem OSC)
http://www.compuworld.dk (Shopsystem Magento)
Bruger ikke Prestashop mere. Er "sprunget" på Magento.

#15
hieloiceberg

    PrestaShop Apprentice

  • Members
  • PipPip
  • 480 posts
No problem Compuland!!
FarmVille Addict ;-)

#16
Compuland

    PrestaShop Apprentice

  • Members
  • PipPip
  • 249 posts
Ehh what about the prestashop picture?.. possible to remove that?
OBS: BRUGER IKKE PRESTASHOP MERE!
NOTICE: I DO NOT USE PRESTASHOP ANYMORE!

If it's not broken. DON'T fix it!!
http://www.compuland.dk (Shopsystem OSC)
http://www.compuworld.dk (Shopsystem Magento)
Bruger ikke Prestashop mere. Er "sprunget" på Magento.

#17
hieloiceberg

    PrestaShop Apprentice

  • Members
  • PipPip
  • 480 posts
That is your company logo and you can replaced here:

Back Office >> Preferences >> Appearance

Or you can delete the code from your header.tpl at your theme in use


<!-- Header -->

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




{include file=$tpl_dir./wizwnavbar.tpl}

<!-- Left -->



<!-- Header -->

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX


{include file=$tpl_dir./wizwnavbar.tpl}

<!-- Left -->

FarmVille Addict ;-)

#18
Compuland

    PrestaShop Apprentice

  • Members
  • PipPip
  • 249 posts
Thanks again.. Is it possible to make drop down menues with that nav-bar.. with like the produkts etc?
OBS: BRUGER IKKE PRESTASHOP MERE!
NOTICE: I DO NOT USE PRESTASHOP ANYMORE!

If it's not broken. DON'T fix it!!
http://www.compuland.dk (Shopsystem OSC)
http://www.compuworld.dk (Shopsystem Magento)
Bruger ikke Prestashop mere. Er "sprunget" på Magento.

#19
myname

    PrestaShop Apprentice

  • Members
  • PipPip
  • 275 posts
hello hieloiceberg ,
You are great in your work. I have a gift to help customize your menu ... you can respond to my post #6?

Thanck

#20
hieloiceberg

    PrestaShop Apprentice

  • Members
  • PipPip
  • 480 posts
:bug: If I don't respond to post I don't get gift? :-S lmao....... :coolmad:
FarmVille Addict ;-)