Sliderli Product Box Örneği
Sliderli Product Box Kodları : <style> .productBox{ display:block; position:relative; width:25%; height:auto; float:left; box-sizing:border-box; border:solid 1px #dedede; border-radius:1rem; padding:.3rem; margin:.3%; background:#fff; } .productImages{ position:relative; width:100%; height:auto; display:block; padding-bottom:100%; box-sizing:border-box; } .productImage{ margin:auto; max-width:85%; height:auto; display:none; position:absolute; z-index:1; top:0; left:0; right:0; bottom:0;box-sizing:border-box;} .productImage:nth-child(1){display:block;} .imageThumbs{display:flex;width:100%;justify-content: center;margin:0px auto;} .imageThumbsItem{ display:block; border:solid 1px #dedede; width:1rem; height:1rem; border-radius:50%; margin:1%; box-sizing:border-box; cursor:pointer; } </style> <scr