liquid | Abstract file storage component made for Vapor | Storage library

With Shopify API you can set up input fields for user to adjust theme, for example:

[Editing this question completely] Thank you , for those who helped in building the Periodic Table successfully . As I completed it , I tried to link it with another of my project E-Search , which acts like Google and fetches answers , except that it will fetch me the data of the Periodic Table .

But , I got a problem - not with the searching but with the layout . I'm trying to layout the x-scrollbar in my canvas which will display results regarding the search . However , it is not properly done . Can anyone please help ?

Below here is my code :

I am working with GitHub to deploy a container based application on multiple environments, I have two environments,

1. Dev
2. Prod

I am building the application on both the Environments, this is my yml file:

I have a list of 'products' they are structured like this:
They have a product that act as a parent: "product 1"
and then they have multiple variations of that parent "product 1-small", "product 1-medium", "product 1-large" etc.
but the number of their variations vary, one product may have 2 variations, the other may have 5.

I want to display them like this:

Product 1
small - large

product 2
small - xlarge

how should I do this in liquid on a jekyll static site?

you can view my website and the page I'm referring here:
https://kostasgogas.com/shop/art/prints/new-media-vector/abstract/

where the problem is apparent on the price, and size of each product.

this is an example of my data.yml:

Can anyone please show me how to do this, I have a image with alt than contains alt="#color_blue" or alt="#color_orange", I call this data with Liquid as {{ media.alt }}

that I want to do is if the 'current_variant.alt' == {{ media.alt }} return true and also if the 'current_variant.alt' contain '#' return too true as well.

Reviewing our Shopify site, I realized that a major difficulty with Shopify is that it's as if the theme does everything possible to obfuscate credit card usage. The site is replete with all sorts of references to Google Pay, Amazon Pay, etc., but credit card payments are always difficult to find.

I would like to know how to add a credit card logo right below the BUY IT NOW button. Could you please let me know if it is possible to do it in Shopify by editing LIQUID file? If so, please point me

I am using the prestige theme and I want style my 'Restocked' like how you see it with 'Best Seller' that has the oval around it and a drop shadow if possible. Below is what I have in the product-template.liquid and I am trying to get the oval to autosize with the text and have a bit of padding to the sides and the top and bottom of the text, just like the picture of the 'best seller'. Any idea on how to do this?

stack community I'm completely an amateur in HTML, Liquid, Adx, in short programming and applying logic, don't have great understanding.

Im not sure why the Test2 is appearing 2x, as you can see from the image,

I want to achieve the following, Test2 new name? as one text and the left Test2 don't want it to be displayed. Please advise.

In my shopify cart, I have an item input field after each product in the cart. The user can increase or decrease the number of items in cart with this input field. In desktop mode, there is an item increase / decrease button as well, but this is not showing on mobile devices.

The HTML (Liquid Code) of the input field looks like this: