New Year Fireworks

Developers Frontend
1

Hello all



I have the fireworks for newyear from my old store build in on the cs cart platform.

See screen:

[attachment=8926:fireworks.png]



But for some reason my sound dont work.



I added my old working code, but it dont play on the cs cart platform.

<br />
<div id="fireworks" align="center"><br />
		</div><br />
<embed src="http://www.domain.com/Fireworks/sound/vuurwerk.mp3" autostart="true" loop="true" hidden="true"><br />

```<br />
<br />
Also i needed to change the css top height beceause the links and products arent clickable anymore, because the css style is blocking the layout.<br />
<br />
And i only want to show this on the homepage.<br />
<br />
Anybody can help?<br />
<br />
Just a few days left for new year <img src="upload://nMBtKsE7kuDHGvTX96IWpBt1rTb.gif" class="bbc_emoticon" alt=":-("> <br />
<br />
kindley regards<p><a href="127.0.0.1/uploads/monthly_12_2014/post-22938-0-72858700-1419687244.png">fireworks.png</a></p>
2

Hi,

tries to move the

```php






```

lucien
3

Hi


http://www.alsacreations.fr/dewplayer-en.html




Lucien

4

Hello, thank you for responding. The div tag is not associated with the embed code, so this doesnt matter.



To show on the homepage is fixed, i added the code in htm smarty code block on homepage. that worked so far but not the sound.

Tryed in firefox en explorer also.



Regards.

5

ok got the sound working

Check it out on Test site responsive theme


```php




```

Thanks for the link Lulu
6

In case you don't know. Your top dropdown menu doesn't work. Tried it in Chrome and IE

7

[quote name='Triplets' timestamp='1419699463' post='201084']

In case you don't know. Your top dropdown menu doesn't work. Tried it in Chrome and IE

[/quote]



Yes that is my last issue, the div element is blocking the links.

I can fix the height and width but than go down. still messing arround to try it make it work.



Css code


#fireworks {
width: 100%;
height: 500px;
float: left;
color: #6F6F6F;
text-align: left;
font-size: 12px;
position: absolute;
top: 250px;
alignment-adjust: middle;
margin-left: 20%;
margin-right: auto;
left: 8px;
}
#fireworks a {
color:#6F6F6F;
}

8

Try changing its z value

9

ok should work now, changed the position to fixed.

But large fyout menu dont work. darned.



I made it smaller and just showed in the video player, css postion is now relative.

That will have to do for new year with a popup image.



Regards

10

Ok for those who want this. I hope in the future sombody can make an addon, that would be easier.



Download and extract, upload the whole Fireworks folder in the root of your cscart installation:



Open index.tpl from your theme:

and past above the

```php





```

Create a new html block with smarty support, called fireworks, and past this on your homepage section
```php



```

That should work now.

In the Fireworks/css/firestyle.css
Play with height, width, and top settings to make it fit.

Hope you like it and feel free to modify to your needs or making an addon of it.
Because im not good with xml.

You can make an new year image and set the fireworks, like i did, but i used my movie for this.

Regards and Happy New Year to all.
Anaconda Team
11

According to the request of Anaconda we have moved all the code to the module. Just install new module and add a block with the Firework template to the required page in the block manager. Thank you and Happy New Year!



DOWNLOAD MODULE

12

[quote name='eComLabs' timestamp='1419940861' post='201304']

According to the request of Anaconda we have moved all the code to the module. Just install new module and add a block with the Firework template to the required page in the block manager. Thank you and Happy New Year!



DOWNLOAD MODULE

[/quote]



Thank you for the affort eComLabs

  • I dont see any block of this in my blocks. Cleared cache serveral times.



    added manuele a smarty block with:

```php





```

Maybe in the future an update for this.
- option to add custom background or image
- extra admin settings sound of or on
- height, width, position
13

You can add a new block, select Template and find the Firework item in the list of available templates. Regards