Different background images via checkout.css

Shopify Partner
39 0 0

Hi.

I'm currently on working on redesigning our webshop, and among other things the checkout page. I was wondering, if there was any way i could have separate background images/colors for the different steps of the checkout proces. So for example, step 1 would have one background and step 2 would have a different one?

Any suggestions is more than welcome :-)

CoverMe.dk - Design Laptop Covers
0 Likes
Tourist
50 0 1

@CoverMe,

Shopify doesn't give you access to the html nor a way to add in JavaScript for security reasons. I'm not sure there is a way to do this solely through CSS since they don't give you any classes or id's on the body tag for each step.

Shopaholla E-commerce
0 Likes
Highlighted
Shopify Partner
39 0 0

Thanks for your input shopaholla. 

Yeah I know, and it's quite understandable they don't. Was just hoping someone had an CSS ace up their sleeve :-)

Thanks for your input though.  

CoverMe.dk - Design Laptop Covers
0 Likes
Shopify Partner
39 0 0

What we wanted to do was to have a visual representation of what step in the checkout proces the consumer was, instead of just the "step 1 of 2". 

Guess we'll have to live without for now... 

CoverMe.dk - Design Laptop Covers
0 Likes