Jump to content

Make moving text in header with html box pro


Recommended Posts

Hello

 

I have purchased the html box pro module and i want to put a marquee text

under the search box in my header.

 

How do i do this?

 

please look att attached picture.

 

Thank you.

 

plutten22, share url to your website - i will provide exact solution for you.

any wishes related to font-size and color?

 

 

You need to edit that module, and use a html marquee code. 

But this is very old way. No one is using marquee texts these days..

 

 

edit module? it's not necessary to edit module!

html box pro allows to use any code you want anywhere you want.

Link to comment
Share on other sites

ok so open modules > modules

and search for html box pro, click on configure button

 

activate "displayTop" hook, and click on add box button.

Turn on "simple" text editor, and paste there this code:
 

<marquee scrolldelay="1" scrollamount="2" direction="left" behaviour="scroll"style="font-size:16px; color:#FFF; position: absolute; left:430px; top: 80px; width:295px">
This is my moving text
</marquee>

effect:
jgU6Gka.png

Link to comment
Share on other sites

Hi Vekia

 

Im not shure if i understand your explanation.

 

In the htmlboxpro i only have a hook called "top" not "displayTop"

and what do you mean with "turn on simple text editor" i can not find this.

 

I attach picture

 

I really appreciate you helping me with this.

 

Thank you

post-718236-0-76314500-1396983242_thumb.jpg

Link to comment
Share on other sites

Hi Vekia

 

Ok, then it was as I thought.

I have tried it but the code must be wrong. Half My website goes white when I use your code.

 

Please look if there is something wrong with the code.

 

Thank you

 

See attached picture

post-718236-0-48513300-1397039468_thumb.png

Link to comment
Share on other sites

sorry i missed your reply

make sure that you use correct code:

<marquee scrolldelay="1" scrollamount="2" direction="left" behaviour="scroll"style="font-size:16px; color:#FFF; position: absolute; left:430px; top: 80px; width:295px">
This is my moving text
</marquee>

your actual code:

BGKy1Qg.png
 

Link to comment
Share on other sites

it's because of minic slider, it hides some part of shop on homepage.

go to modules > positions

search for displayTop modules list and move html box pro module to the TOP of the list (it must be first on list)

 

effect:

mGiMjha.png

Link to comment
Share on other sites

ok

so it's a bit more complicated ;)

 

by default prestashop hasn't got hooks there, so we have to create own hooks and modify theme template file.

 

so for example, we will use two custom hooks:

- productListAbove - {Hook::exec('productListAbove')}

- productListBelow - {Hook::exec('productListBelow')}

 

i recorded video:

 

 

then go to category.tpl file located in your theme directory

 

change:

{include file="./product-list.tpl" products=$products}

to:

{Hook::exec('productListAbove')}
{include file="./product-list.tpl" products=$products}
{Hook::exec('productListBelow')}
Link to comment
Share on other sites

Hi plutten,

 

A tiny addition to Vekia's perfect explanation and code:

 

the marquee tag has an option to tell how many loops you want it to scroll. This may be useful to not bother the customer all the time with the scrolling texts. (Normally you would use this only to get attention for a short while)

 

example:

<marquee loop="2">

 

supported by all major browsers (IE5.5 up)

 

(BTW, standards org W3C doesn't encourage it's use: http://en.wikipedia.org/wiki/Marquee_element   and it's non-standard HTML)

 

 

 

My $.02,

pascal.

Link to comment
Share on other sites

Hi Vekia.

 

I need help with one more thing.

I want to put text on a manufacturer list page at the bottom.

Where do i put the "manufacturer id" so the text only shows on one page.

 

Thank you

at the moment module hasn't got feature to display blocks only on selected "manufacturers"

of course i can add this feature in nearest future (this week)

Link to comment
Share on other sites

×
×
  • Create New...