Product Cusotmization, description, details can be added with the following HTML markup:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 |
<div class="ct-productCustomization"> <h3>Certified Radiant-Cut Diamond Doubled Engagement Ring in 14K White Gold</h3> <h5 class="ct-u-paddingTop15">Earrings</h5> <div class="ct-price"> <span class="ct-u-size24"><del>$310.00</del></span> <span class="ct-u-colorBlack ct-u-size40">$289.00</span> <span class="ct-u-size15">(Free Delivery)</span> </div> <div class="ct-code ct-u-paddingBoth20"> <div class="pull-left ct-u-paddingRight15"> <span class="ct-code-black">Code</span><span class="ct-code-grey">DR2633-750-W</span> </div> <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.createit.pl&layout=standard&show_faces=true&action=like&colorscheme=light&" style="overflow:hidden;max-width:100%;height:30px" scrolling="no" frameborder="0" allowTransparency="true"></iframe> <div class="clearfix"></div> </div> <div class="ct-stars"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star ct-u-colorGrey"></i> <i class="fa fa-star ct-u-colorGrey"></i> <div class="ct-reviews"> <a href="#">2 customer reviews</a> </div> </div> <form action="#"> <div class="ct-pincode ct-u-paddingBoth20"> <div class="ct-pincodeBox"> <span>Check Availability At:</span><input type="text" class="form-control" placeholder="enter your pincode"> </div> <button class="btn btn-default btn-sm" type="submit">Check</button> <div class="clearfix"></div> </div> </form> <form action="#"> <div class="ct-productSize"> <div class="ct-u-size16 ct-u-paddingBottom10">Select Size:</div> <div class=""> <label class="radio-inline"> <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> <span>5</span> </label> <label class="radio-inline"> <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> <span>6</span> </label> <label class="radio-inline"> <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> <span>7</span> </label> <label class="radio-inline"> <input type="radio" name="inlineRadioOptions" id="inlineRadio4" value="option4"> <span>8</span> </label> <label class="radio-inline"> <input type="radio" name="inlineRadioOptions" id="inlineRadio5" value="option5"> <span>9</span> </label> <label class="radio-inline"> <input type="radio" name="inlineRadioOptions" id="inlineRadio6" value="option6"> <span>10</span> </label> </div> </div> <div class="ct-u-size16 ct-u-paddingTop10">Select Color:</div> <select class="ct-js-colorSelector"> <option value="0" data-color="#d2a48a" selected="selected">salmon</option> <option value="1" data-color="#e1c99b">yellow</option> <option value="2" data-color="#deddd9">grey</option> </select> <div class="ct-productQuantity"> <div class="ct-u-size16 ct-u-paddingBottom10">Select Quantity:</div> <div class=""> <select class="ct-select ct-select--small"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> </div> <div class="ct-speedbuy ct-u-paddingBoth20"> <a class="btn btn-default" href="#" role="button"><i class="fa fa-shopping-cart"></i></a> <div class="ct-or text-uppercase ct-u-paddingBottom20"> OR </div> <a class="btn btn-default ct-u-size18 text-uppercase" href="#" role="button">Speed Buy <i class="fa fa-long-arrow-right ct-u-paddingLeft10"></i></a> </div> </form> </div> |