check

Clear All

ClearSubmit

These buttons will not be visible in desktop view mode.Use this to design buttons for tablet/mobile mode.

<div class="pro-item-wrp Dfx flxWrp Mr-0 Mb-0 Ml-0 TxAl-l msfCol_100 tPt-15 tPr-15 tPb-15 tPl-15 mPt-15 mPr-15 mPb-15 mPl-15 Mt-0 sfCol_33 Pt-10 Pr-10 Pb-10 Pl-10 tsfCol_33"><div class="product-item flx flxWrp Mb-0 tPl-0 tPr-0 Mt-0 Pt-0 Pr-0 Pb-0 Pl-0 tPb-0 tPt-0 mPt-0 mPr-0 mPb-0 mPl-0" style="width: 100%; border-style: solid; border-width: 1px; border-radius: 0px; border-color: rgba(0, 0, 0, 0.075); background-color: rgb(255, 255, 255); color: rgb(221, 221, 221); box-shadow: rgba(114, 114, 114, 0.15) 0px 4px 18px;"><div class="st-cont1 st-cont Dfx flxWrp sfCol_100 Mb-0 tPt-5 tPr-5 tPb-5 tPl-5 mPt-5 mPr-5 mPb-5 mPl-5 Pt-0 Pr-0 Pb-0 Pl-0 TxAl-c tTxAl-c tTxAl-m"><div data-title="Tag" class="st-ptag-wrp com-ele mMr-0 mMl-0 sfCol_100 Ml-0 zi-1 MbN-40 TxAl-r Mr-0 Mt-10 tMbN-40 mMbN-40 mMt-10 tMt-10 Dn tDn mDn" style="opacity: 1; display: block;"><span class="st-ptag Dib txU LtrSpc-2 Fs-8 tPt-5 tPb-5 mPt-5 mPb-5 mPl-10 Pl-10 ff-poppins Pr-10 Pb-5 Pt-5 f-weight-600 tPl-10 tPr-10 mPr-10" style="color: rgb(255, 255, 255); background-color: rgb(249, 80, 22); border-radius: 15px 0px 0px 16px;">##productTag##</span></div><div id="addToWishLst" data-title="Wishlist button" title="Remove From WishList" inactivewtext="Add to WishList" activewtext="Remove From WishList" data-pidwish="##pidWish##" style="border-style: solid; border-width: 0px; border-radius: 80px; color: rgb(166, 166, 166); background-color: rgba(0, 0, 0, 0); box-shadow: none; border-color: rgb(255, 25, 25);" class="prdct-btn-addToWishL-wrp com-ele cPointer Pb-5 Pt-5 ff-poppins f-weight-400 tMl-0 TxAl-r sfCol_100 tPr-10 mPr-10 Ml-0 mMl-0 tMr-0 mMr-0 Mr-0 Lh-5 mFs-19 Fs-7 mMt-5 Mt-10 mMbN-5 MbN-20 Pl-10 tPl-10 mPl-10 Pr-10 hovered tMt-10 tFs-14 tMbN-30" data-hovereffect="{"bg":"rgba(255, 255, 255,0)","font":"rgba(236, 33, 39,1)","box":{"on":"off","hl":"0px","vl":"0px","br":"0px","c":"#000","i":"false"},"border":{"on":"none","top":"0","right":"0","bottom":"0","left":"0","tc":"#000","rc":"#000","bc":"#000","lc":"#000"},"zoom":"10","delay":0}" hovered-mousein="out"><i class="fa prdct-wshlst-icon Mr-5 Fs-18 tFs-23 mFs-20 fa-heart" data-isfav="##isFav##" style="color: rgb(236, 33, 39);"></i><span class="prdct-btn-addToWishL Dib Dn">Remove From WishList</span></div><div data-title="Image" class="st-img-wrp com-ele tMt-0 contain-image H-290 Mb-0 sfCol_80 mH-212 tH-200" style="overflow: hidden; background-color: rgba(255, 255, 255, 0);"><a href="##productDetails##"><img class="st-img H-290 hovered mH-212 tH-200" src="##productImg##" style="width: 100%; height: 100%; transition: 0.25s linear; background-color: rgba(0, 0, 0, 0); color: rgb(0, 0, 1); box-shadow: none; border-style: none; border-width: 0px; border-color: rgb(0, 0, 238);" data-hovereffect="{"bg":"rgba(204, 204, 204, 0)","font":"#000","box":{"on":"off","hl":"0px","vl":"0px","br":"0px","c":"#000","i":"false"},"border":{"on":"none","top":"0","right":"0","bottom":"0","left":"0","tc":"#000","rc":"#000","bc":"#000","lc":"#000"},"zoom":9,"delay":0}" hovered-mousein="out"></a></div></div><div class="st-cont2 st-cont Dfx flxWrp sfCol_100 Pt-10 Pb-10 Pl-20 Pr-20 tPt-15 tPr-15 tPb-15 tPl-15 mPt-15 mPr-15 mPb-15 mPl-15"><div data-title="Title" class="st-tit-wrp com-ele sfCol_100 Mb-5 mMb-5 tMb-5 Mt-0 tMt-0 mMt-0"><a href="##productDetails##" style="text-decoration: none; color: rgb(39, 39, 39); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;" class="st-tit Dib Pt-0 Pr-0 Pb-0 Pl-0 tPt-0 tPb-0 LtrSpc-0 txC mPt-0 mPr-0 mPb-0 mPl-0 Fs-20 Lh-32 ff-montserrat f-weight-400 tFs-20 tLh-32 mFs-20 mLh-32" truncated="1">##productTitle##</a></div><div data-title="Brand" class="st-brnd-wrp com-ele sfCol_65 tsfCol_70 Mb-5 Mt-5 tMt-5 tMb-5 mMt-5 mMb-5"><span class="st-brnd Dib txU Pt-0 Pr-0 Pb-0 Pl-0 LtrSpc-1 mPt-0 mPr-0 mPb-0 mPl-0 Fs-14 Lh-24 ff-montserrat f-weight-500 tFs-14 tLh-24 mFs-14 mLh-24" style="color: rgb(103, 103, 103);">##productBrand##</span></div><div data-title="Group" class="st-tag-wrp com-ele sfCol_100 zi-1 Mr-0 Ml-0 TxAl-l Mt-5 Mb-5 tMt-5 tMb-5 mMt-5 mMb-5 mTxAl-l Dn tDn mDn" style="opacity: 1; display: block;"><span class="st-tag Dib Fs-10 tPt-5 tPr-5 tPb-5 tPl-5 mPt-5 mPb-5 mPl-5 mPr-5 ff-montserrat f-weight-800 LtrSpc-0 txU Pt-5 Pr-5 Pb-5 Pl-5" style="color: rgb(0, 0, 0); background-color: rgb(204, 204, 204); border-radius: 0px; box-shadow: rgb(31, 182, 255) 0px 0px 0px;">##productGroup##</span></div><div data-title="Rate" class="st-rate-wrp com-ele sfCol_35 tsfCol_30 TxAl-l Mt-5 Mb-5 tMt-5 tMb-5 mMt-5 mMb-5 Dn tDn mDn"><ul class="cb-rate st-rate Dib Fs-10 Pl-0 tPt-0 tPb-0 mPt-0 mPr-0 mPb-0 mPl-0" data-activecolor="rgba(255, 190, 0,1)" data-inactivecolor="rgba(204, 204, 204,1)" style="color:#ccc;letter-spacing: 0px;" data-rate="##productRate##" title="##productRate##"><li class="active Dfx" style="margin-bottom: 0px; color: rgb(204, 204, 204);"><i class="fa fa-star" style=""></i><i class="fa fa-star" style=""></i><i class="fa fa-star" style=""></i><i class="fa fa-star" style=""></i><i class="fa fa-star" style=""></i></li></ul></div><div data-title="Price" class="st-pr-wrp com-ele sfCol_75 tsfCol_75 msfCol_75 tTxAl-l"><span class="Dib st-pr-inwrp Pt-0 Pr-0 Pb-0 Pl-0 Mt-5 tPt-0 tPr-0 tPb-0 tPl-0 tMr-0 tMl-0 tMt-5 Mb-0 tMb-0 mPt-0 mPr-0 mPb-0 mPl-0 mMt-5 mMb-0"><span class="st-pr Dib txU Fs-24 Lh-36 ff-montserrat f-weight-500 tFs-24 tLh-36 mFs-24 mLh-36" style="color: rgb(0, 0, 0);">##productPrice##</span><span class="st-old-pr Dib Dn Fs-20 Lh-32 TdS ff-montserrat f-weight-500 tFs-20 tLh-32 mFs-20 mLh-32" style="text-decoration: line-through; margin-left: 10px; color: rgb(237, 34, 39); display: none;">##productOldPrice##</span></span></div><div data-title="Discount" class="st-dis-wrp com-ele Mb-0 Ml-0 TxAl-r tsfCol_25 msfCol_25 mMl-0 tMt-0 tMr-0 tMb-0 tMl-0 Mt-0 Mr-0 sfCol_25" style="display: none;"><span class="st-dis Dib tFs-14 tPr-5 Pt-0 Pb-0 Pl-5 Pr-5 mPt-0 mPb-0 mPl-5 mPr-5 tPt-0 tPb-0 tPl-5 Fs-16 Lh-30 ff-montserrat f-weight-400 tLh-24 mFs-14 mLh-24" style="color: rgb(255, 255, 255); border-radius: 0px; background-color: rgb(255, 0, 0); border-style: solid; border-width: 0px; border-color: rgb(238, 51, 51); opacity: 1;">##produtDiscount##</span></div></div><div class="st-cont3 st-cont Dfx flxWrp sfCol_100 Pr-10 Pl-10 TxAl-m Pb-15 Pt-15 tPt-10 tPr-10 tPb-10 tPl-10 mPt-10 mPr-10 mPb-10 mPl-10 tMt-0 mMt-0 Mt-0 TxAl-c tTxAl-c tTxAl-m" style="background-color: rgba(255, 255, 255, 0);"><div title="Add to Cart" class="prdct-btn-addToCart-wrp com-ele cPointer TxAl-c tPt-10 tPr-10 tPb-10 tPl-10 Pt-10 Pb-10 Pl-10 tMl-10 mPt-10 mPr-10 mPb-10 mPl-10 Ml-5 Mr-5 Fs-14 tFs-14 mFs-14 Lh-24 ff-montserrat f-weight-400 hovered Pr-10 sfCol_70 tLh-24 tsfCol_86 mLh-24 mMl-0 txU" id="addToCart" data-title="Cart button" data-pidcart="##pidCart##" style="background-color: rgb(12, 103, 178); border-radius: 61px; color: rgb(255, 255, 255); box-shadow: none; border-style: none; border-width: 0px; border-color: rgb(255, 255, 255);" data-hovereffect="{"bg":"rgba(103, 103, 103,1)","font":"rgba(255, 255, 255,1)","box":{"on":"off","hl":"0px","vl":"0px","br":"0px","c":"#000","i":"false"},"border":{"on":"none","top":"0","right":"0","bottom":"0","left":"0","tc":"#000","rc":"#000","bc":"#000","lc":"#000"},"zoom":"10","delay":0}" hovered-mousein="out"><i class="fa fa-shopping-cart prdct-cart-icon Fs-13 Mr-10 tFs-14 tMr-10 mFs-14 mMr-10"></i><span class="prdct-btn-addToCart Dib">Add to Cart </span></div><div title="Quick View" class="prdct-btn-quickView-wrp com-ele cPointer tMl-0 txU ff-poppins f-weight-500 Fs-13 Pl-5 Pr-5 TxAl-c Mb-0 Pt-5 Pb-5 mPt-10 mPr-10 mPb-10 mPl-10 mMl-5 tsfCol_15 tTxAl-c msfCol_15 mTxAl-c tPt-10 tPr-10 tPb-10 tPl-10 mFs-13 tDn mDn sfCol_26 Dn" data-title="QuickView button" data-pidwish="135" style="border-style: none; border-width: 0px; border-radius: 4px; color: rgb(166, 166, 166); background-color: rgba(0, 0, 0, 0); box-shadow: none; border-color: rgb(229, 229, 229);"><i class="fa prdct-quickView-icon Mr-5 Fs-18 tPr-0 tPb-0 tPl-0 mFs-18 tFs-18 tPt-5 fa-eye" style="color: rgb(103, 103, 103);"></i><span class="prdct-btn-quickView Dib Dn">Quick View</span></div><div data-title="View Detail" title="View" class="st-btn-wrp cPointer com-ele Mr-0 Mb-0 Ml-0 sfCol_25 Mt-0 tMt-10 mMt-10 Fs-13 ff-poppins f-weight-500 txU Pt-10 Pr-10 Pb-10 Pl-10 Lh-13 tsfCol_30 tPt-10 tPr-10 tPb-10 tPl-10 mPt-10 mPr-10 mPb-10 mPl-10 msfCol_30 Dn" style="background-color: rgb(163, 163, 163); border-radius: 47px; color: rgb(255, 255, 255);"><i class="fa fa-link st-btn-link Mr-5 Fs-14 tMr-5 tFs-13 tPt-0 tPr-0 tPb-0 tPl-0 mMr-5"></i><span class="st-btn Dib" style="">View </span></div><div title="Buy Now" class="prdct-btn-buynow-wrp com-ele cPointer ff-poppins Fs-13 TxAl-c txU f-weight-500 tPt-10 tPr-10 tPb-10 tPl-10 Pt-10 Pr-10 Pb-10 Pl-10 tMl-10 mPt-10 mPr-10 mPb-10 mPl-10 mMl-10 Ml-5 Mr-5 sfCol_55 tMt-5 mMt-5 Mt-10 Dn" data-title="BuyNow button" data-pidbuy="##pidBuy##" style="background-color: rgb(163, 163, 163); border-radius: 61px; color: rgb(255, 255, 255); box-shadow: none; border-style: none; border-width: 0px; border-color: rgb(255, 255, 255);"><span class="prdct-btn-buynow Dib Dn">Buy Now</span><i class="fa prdct-buynow-icon Ml-5 Fs-12 tMl-5 mMl-5 fa-arrow-right Dn"></i></div></div><div class="st-cont4 sfCol_100 st-cont Dfx flxWrp PosA TxAl-c Pt-10 Pb-10 Pl-0 Pr-0 Mb-0 Dn" data-hoverranimation="0" data-hoveranimation="2" style="transition: 0.2s ease-in-out; left: 100%; transform: translateX(0px);" data-shhl="0"></div></div></div>

View All