Adding Marquee3000 to Homepage

Solved
AdamVieira
New Member
2 0 0

Hey there, 

Looking for some assistance and understanding as to how to add a marquee element using the following github https://github.com/ezekielaquino/Marquee3000 on my homepage. Just under the main hero image.

My website: https://rapidsupplies.com.au/ - currently using the Debut theme.

Thanks

 

0 Likes
Speedimize
Shopify Partner
257 42 106

This is an accepted solution.

Hi @AdamVieira 

Welcome to Shopify Community. 

Aibek is here from Shopify Community.

The first step is to download this JS file and add it to the /assets folder: https://raw.githubusercontent.com/ezekielaquino/Marquee3000/master/marquee3k.min.js 

Then, as in the instructions, connect to theme. liquid at the end of the file.

<script src=“{{  ‘marquee3k.min.js’ | asset_url }}“></script>

Then next find hero.liquid and at the end you can insert:

<div class="marquee3k" 
        data-speed="0.25" → play around here
        data-reverse="bool" → default: R to L / T to B
        data-pausable="bool" → Pause marquee on hover>
        <!--you can even have inline images,
        or any kind of html -->
        <h1>Some marquee content</h1>
    </div>

We took all this from the instructions in github.


We recommend creating a copy of the current theme and working in a copy so that there is no downtime.


Try it and if it doesn't work, then add us as partners in Admin Panel and we will do it for you

 

We Speedimize your store
Have a problem with speed performance, send me email here: hello@speedimize.io


If our advice was helpful please LIKE or ACCEPT SOLUTION
AdamVieira
New Member
2 0 0

Got it working!

I was stuck for a bit on adding the Marquee3k.init() into the end of the marquee3k.min.js

Thank you very much

0 Likes
Speedimize
Shopify Partner
257 42 106

Great job! 

If you need help with anything else, do not hesitate to send us email here: hello@speedimize.io 

We will be glad to help you. 

We Speedimize your store
Have a problem with speed performance, send me email here: hello@speedimize.io


If our advice was helpful please LIKE or ACCEPT SOLUTION