Collections - Drag and Drop jquery collection add-on

Collections is a Drag and Drop jquery collection add-on for ecommerce site.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: github.com

1. INCLUDE CSS AND JS FILES

<link href="assets/css/ars_coolection.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="assets/js/vendor/jquery/dist/jquery.min.js"></script>
<script src="assets/js/vendor/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<script src="assets/js/collection.js" type="text/javascript"></script>

2. HTML

<!--BEGIN COLLECTION DETAIL PAGE-->
<div class="ars_Collcontent">
    <div class="ars_Collbody">
        <div class="ars_CollMid">
        	<div class="ars_CollBanner">
            	<div class="ars_CollMainbox">
                	<div class="ars_Colldiv1" id="img_div">
						<div class="ars_popClose"><a href="#">CLOSE</a></div>
						<img src="assets/images/collection_item1.jpg" class="dragimg" alt="Image1" />
					</div>
                    <div class="ars_Colldiv2" id="img_div">
						<div class="ars_popClose"><a href="#">CLOSE</a></div>
						<img src="assets/images/collection_item2.jpg" class="dragimg" alt="Image2" />
					</div>
                    <div class="ars_Colldiv3" id="img_div">
						<div class="ars_popClose"><a href="#">CLOSE</a></div>
						<img src="assets/images/collection_item3.jpg" class="dragimg" alt="Image3" /> 
					</div>
                    <div class="ars_Colldiv4" id="img_div">
						<div class="ars_popClose"><a href="#">CLOSE</a></div>
						<img src="assets/images/collection_item4.jpg"  class="dragimg" alt="Image4" />
					</div>
                    <div class="ars_Colldiv5" id="img_div">
						<div class="ars_popClose"><a href="#">CLOSE</a></div>
						<img src="assets/images/collection_item5.jpg"  class="dragimg" alt="Image5" />
					</div>
					<div class="ars_Colldiv6" id="img_div">
						<div class="ars_popClose"><a href="#">CLOSE</a></div>
						<img src="assets/images/collection_item6.jpg" class="dragimg" alt="Image6" /> 
					</div>
                    <div class="ars_Colldiv7" id="img_div">
						<div class="ars_popClose"><a href="#">CLOSE</a></div>
						<img src="assets/images/collection_item7.jpg"  class="dragimg" alt="Image7" /> 
					</div>
                    <div class="ars_Colldiv8" id="img_div">
						<div class="ars_popClose"><a href="#">CLOSE</a></div>
						<img src=" assets/images/collection_item8.jpg" class="dragimg" alt="Image8" />
					</div>
                    <div class="ars_Colldiv9" id="img_div">
						<div class="ars_popClose"><a href="#">CLOSE</a></div>
						<img src="assets/images/collection_item9.jpg"  class="dragimg"  alt="Image9" /> 
					</div>
                    <div class="ars_Colldiv10" id="img_div">
						<div class="ars_popClose"><a href="#">CLOSE</a></div>
						<img src="assets/images/collection_item10.jpg" class="dragimg" alt="Image10" /> 
					</div>
                </div>
                
            </div>

            <div class="ars_clr"></div>
        </div>
    </div>
</div>
<!--END COLLECTION DETAIL PAGE-->