You can use one of the following types of product box:
- .ct-itemProducts
- .ct-itemProducts–small
- .ct-itemProducts–small-type1 (light style)
- .ct-itemProducts–small-type2 (dark style)
- .ct-itemProducts–boxed
Product boxes
Use the following HTML markup to create a boxes:
|
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 87 88 89 90 91 92 93 94 95 |
<div class="ct-itemProducts ct-u-marginBottom30 ct-hover"> <label class="control-label sale"> Sale </label> <a href="product-single.html"> <div class="ct-main-content"> <div class="ct-imageBox"> <img src="assets/images/demo-content/property-1.jpg" alt=""><i class="fa fa-eye"></i> </div> <div class="ct-main-text"> <div class="ct-product--tilte"> 15421 Southwest 39th Terrace </div> <div class="ct-product--price"> <span class="ct-price--Old">$ 450,000</span> <span>$ 350,000</span> </div> <div class="ct-product--description"> Beautiful apartment in a great, very calm and safe place. </div> </div> </div> <div class="ct-product--meta"> <div class="ct-icons"> <span> <i class="fa fa-bed"></i> 3 </span> <span> <i class="fa fa-cutlery"></i> 2 </span> </div> <div class="ct-text"> <span> Area: <span>105 m2</span></span> </div> </div> </a> </div> ------------------------------ <div class="ct-itemProducts--small ct-itemProducts--small-type1"> <a href="product-single.html"> <div class="ct-main-content"> <div class="ct-imageBox"> <img src="assets/images/demo-content/recently-reduced-thumbnail-1.jpg" alt=""> </div> <div class="ct-main-text"> <div class="ct-product--tilte"> 15421 Southwest 39th Terrace </div> <div class="ct-product--price"> <span class="ct-price--Old">$ 450,000</span> <span>$ 390,000</span> </div> </div> </div> </a> </div> ------------------------------------ <div class="ct-itemProducts ct-u-marginBottom30 ct-hover ct-itemProducts--boxed"> <label class="control-label sale"> Sale </label> <a href="product-single.html"> <div class="ct-main-content"> <div class="ct-imageBox"> <img src="assets/images/demo-content/property-11.jpg" alt=""><i class="fa fa-eye"></i> </div> <div class="ct-main-text"> <div class="ct-product--tilte"> 15421 Southwest 39th Terrace </div> <div class="ct-product--price"> <span>$ 450,000</span> <span class="ct-price--Old">$ 500,000</span> </div> </div> </div> <div class="ct-product--meta"> <div class="ct-icons"> <span> <i class="fa fa-bed"></i> 3 </span> <span> <i class="fa fa-cutlery"></i> 2 </span> </div> <div class="ct-text"> <span> Area: <span>105 m2</span></span> </div> </div> </a> </div> |