How do use HTML to get a slider on my frontpage website.

How do use HTML to get a slider on my frontpage website.

Thomas29
Visitor
2 0 0

The slider i am thinking of is horizontal and is white where you can drag a white stick. Like the iphone, when you press the volume button you get something you can drag. I want just the same form but horizontali and from the start it is 30 and to the end it is 60. and under the slider it is numbers that tell where you dropp it in live time

Replies 2 (2)

PaulNewton
Shopify Partner
7777 680 1619

Hi @Thomas29 👋 "slider" means alot of different things.

If it's a range of numbers use an html input range type

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range

 

This does not allow deep styling a custom component would be needed.

Nor does that input automatically create dynamic interactivity such as value-feedback, controlling a videos timestamp, or resizing an image, etc that has to be done with JavaScript.

 

If you need this UI customization then contact me for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


Thomas29
Visitor
2 0 0

Hi. Its a little hard to explain but what i want is a slider like this

Untitled (3).png

 It asks the customer on my website how long he want his video to be. But i dont know how.

 

Store URL: https://nordic-content.net/password

Theme name: Dawn