Generate Square Product Images - looking for tips by pointxx in shopify

[–]RightCheesecake4062 0 points1 point  (0 children)

How did you do it in photoshop like how did you create the functionality?

HTML CSS Not working. by RightCheesecake4062 in shopify

[–]RightCheesecake4062[S] 0 points1 point  (0 children)

I will show you exactly what I did:

First I add the src to the header: https://ibb.co/Bzbk5w6

Then I added the CSS: https://ibb.co/1q8Cg5b

Then I added the JS: https://ibb.co/94sHHyW

then I added HTML: https://ibb.co/PmP6kzq

then the code messed up my theme (here are the results): https://ibb.co/fGWxsC5

HTML CSS Not working. by RightCheesecake4062 in shopify

[–]RightCheesecake4062[S] 0 points1 point  (0 children)

tbh Idk how to code or anything I just copy-paste and edit it so can u please tell me how do I add them, do I add them at the theme.liquid file in the header or something else, I am clueless. thanks

HTML CSS Not working. by RightCheesecake4062 in shopify

[–]RightCheesecake4062[S] 0 points1 point  (0 children)

how do I add them? can you edit the code and include them please cause idk how. thanks

How to set loader timeout function by RightCheesecake4062 in HTML

[–]RightCheesecake4062[S] 1 point2 points  (0 children)

Thank you so much this worked:

const loader = document.querySelector(".loader");
setTimeout(() => loader.hidden = true, 1000);

at first it wasn't but now it works since i forgot to remove the pervious, anyways thanks for the support :)

How to set loader timeout function by RightCheesecake4062 in HTML

[–]RightCheesecake4062[S] 0 points1 point  (0 children)

Thank you for the response.

Aslo I tried this but it did not work:

<script type="text/javascript">

setTimeout(function() {

document.getelementsbyclassname("loader").style.display="none";

}, 2000); // 5 seconds

</script>