Quantcast
Channel: NBStore Discussions Rss Feed
Viewing all articles
Browse latest Browse all 4081

New Post: Checkout Steps - Class for finished steps

$
0
0
Dearest,

Not a question but a request. I was asked to add checkmarks to the steps that had been finished within the checkout bar.

Since finished steps have the same class as steps yet to be finished (apart form the current step), I had to come up with something of my own to do so.

I solved it with some jQuery and additional CSS, like this:

jQuery

$('td.Number.Current').prevAll('td.Number').addClass('Done');

CSS

.CheckoutSteps .Number.Done + td:before{content:"\2713\0020";}
(+ td since I wanted the checkmark in front of the label)

It would be convenient to already have an extra class added to finished steps in the checkout bar.

With kind regards,

Joshua Hazelaar

Viewing all articles
Browse latest Browse all 4081

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>