How to insert own code in Shopify

[Antalya]

Hi,

I would like to display the amount of sales in a given day using the following code, where every green square is a sale. It works with atom but I am having a hard time implementing it as a section (I suppose that’s what I’m supposed to do) to add some custom HTML/CSS/JS in the shopify store? Is there a simple way to do that and to make it work?

Here is my shopify store : https://portee1629.myshopify.com/admin/themes/138376610069/editor

PW: skeenu

/* style.css */ .contribution-grid { justify-content: center; display: flex; flex-wrap: wrap; margin: 0 auto; width: 80vw; height: 10vh; } .square { width: 10px; height: 10px; margin: 1px; background-color: #eee; }

Thank you in advance!

[BSS-Commerce]

Hi @Antalya

We checked your site and saw that the simplest way is to add your code to the custom-liquid. Please follow these steps:

• First, Go theme file => Edit code => Snippets and Create new snippet. Then paste all your code on the new file:

• Then go back to theme file => Customize and Add the custom-liquid:

• Add the code to the right-corner content section:

{% render 'ListOrder' %}

• where ‘ListOrder’ is the name of the new file you have created.

• Now, you have your custom section. You could add this section to a specific page by “Add section”.

I hope that it will work for you.

[Antalya]

Thank you very much for your help. It works!!! I appreciate it a lot.

Have a good day!