Hello, i have a little issue while integrating a Codepen script into my shopify store.
Here is the link to the scripts i’m trying to put in my page : https://codepen.io/inescodes/details/PoxMyvX
And while after looking it up i managed to make it appear on my store, it looks like it’s a little bit bugged : https://ibb.co/5Yhg0qJ
Here is how i tried to make the integration :
I created a new *.js.liquid Asset file in my theme scripts, and pasted the javascript code inside it.
Then, using a custom Section called “custom html”, i pasted on it the html and css codes inside it.
As you can see, the cards appears properly, so does the glowy hover. But there’s an issue with the glowy sizes.
Finally, while trying to delete parts and parts of each scripts, i figured that all parts called “overlay” refers to the glow effect, and then it’s when i tweak the javascript code concerning those “overlays” that changes the most the appearance of it.
I just didn’t figure out what to change to make it having the right size and aligned with each cards, it seems like the calculation made for its size and position doesn’t work as intended inside my shopify store.
And in case you want to check my website, here it is : https://larmedelune.com/ pwd: 2102
Thank you very much in advance and sorry for the long post !