{Theme} comes with a wishlist. It changes to different table on mobile with special stacktable script. To use it you will need ct-js-wishList class.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<table class="ct-wishList ct-js-wishList ct-u-marginTop30"> <thead> <tr> <th class="ct-wishList-image"></th> <th class="ct-wishList-description">Product name</th> <th class="ct-wishList-price">Unit Price</th> <th class="ct-wishList-stock">Stock Status</th> <th class="ct-wishList-button"></th> </tr> </thead> <tbody> <tr> <td class="ct-wishList-image"><img src="assets/images/demo-content/wishlist-item2.jpg" alt="Wishlist Product 1"></td> <td class="ct-wishList-description"><a class="ct-wishList-itemLink" href="single-product.html">I Am Loved® Diamond Shaped Pendant in Sterling Silver & 14K Gold</a></td> <td class="ct-wishList-price">$239.00</td> <td class="ct-wishList-stock ct-u-colorLightGrey">In Stock</td> <td class="ct-wishList-button ct-wishList-buttonX"><a class="btn btn-default btn-md ct-js-buttonX" href="#">X</a></td> </tr> |
Javascript code:
1 2 |
<script src="assets/js/stacktable/stacktable.js"></script> <script src="assets/js/stacktable/init.js"></script> |