fr.okaidi.be
Open in
urlscan Pro
23.45.100.31
Public Scan
Submitted URL: https://t.nl.okaidi.com/r/?id=h3fa82b2c,7a640ec9,6ba57f75&e=cDE9ODg4ODIyOTE2MDM4JnAyPWJmMzk0ZDEwZjg4YmEyNWQxNjZhNzk1ZjVh...
Effective URL: https://fr.okaidi.be/t-shirt-rugby-a-rayures-bleu-marine-garcon-192374?cmpid=EM-OPCO-ah24_opspe-20240827_OKA_BEFR_OPS...
Submission: On August 27 via api from BE — Scanned from NL
Effective URL: https://fr.okaidi.be/t-shirt-rugby-a-rayures-bleu-marine-garcon-192374?cmpid=EM-OPCO-ah24_opspe-20240827_OKA_BEFR_OPS...
Submission: On August 27 via api from BE — Scanned from NL
Form analysis 5 forms found in the DOM
POST /search
<form action="/search" method="post"> <input type="search" class="search-box-text search" id="small-searchterms" autocomplete="off" name="q" placeholder="Rechercher un produit, un article, une idée">
<svg id="icon-search" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>16073796-34A7-4803-96C6-E0635915A418</title>
<g id="V1-IDKIDS" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="ASSETS" transform="translate(-19.000000, -40.000000)" stroke="#000033" stroke-width="1.5">
<g id="search" transform="translate(21.000000, 42.000000)">
<circle id="Oval" cx="8" cy="8" r="7.25"></circle>
<line x1="18.5" y1="18.5" x2="13.5" y2="13.5" id="Line-7" stroke-linecap="round"></line>
</g>
</g>
</g>
</svg>
<svg <svg="" id="icon-search-remove" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>A39CB1C1-C42A-4F54-808B-C6C970312347</title>
<g id="V1-IDKIDS" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="ASSETS" transform="translate(-68.000000, -42.000000)" fill="#000033" fill-rule="nonzero">
<g id="Delete" transform="translate(68.000000, 42.000000)">
<path
d="M17.2689571,4 L6.16911593,4 C5.66786517,4 5.19122464,4.2292056 4.8624512,4.62834538 L1.42437816,8.80225843 C0.858540614,9.48920041 0.858540614,10.5107996 1.42437816,11.1977416 L4.8624512,15.3716546 C5.19122464,15.7707944 5.66786517,16 6.16911593,16 L17.2689571,16 C18.2249857,16 19,15.182433 19,14.173913 L19,5.82608696 C19,4.81756698 18.2249857,4 17.2689571,4 Z M6.16911593,5.56521739 L17.2689571,5.56521739 C17.4055326,5.56521739 17.516249,5.68201267 17.516249,5.82608696 L17.516249,14.173913 C17.516249,14.3179873 17.4055326,14.4347826 17.2689571,14.4347826 L6.16911593,14.4347826 C6.09750868,14.4347826 6.02941717,14.402039 5.98244954,14.345019 L2.54437649,10.1711059 C2.46354256,10.0729714 2.46354256,9.92702863 2.54437649,9.82889406 L5.98244954,5.65498102 C6.02941717,5.59796105 6.09750868,5.56521739 6.16911593,5.56521739 Z"
id="Path-3-Copy"></path>
<path
d="M10.0699302,8.17028174 C9.96336989,8.32431643 9.97859279,8.53797608 10.1155989,8.67497506 L11.4398258,9.99927273 L10.1155989,11.3243953 C9.96146703,11.4785191 9.96146703,11.7296666 10.1155989,11.8837905 C10.1916046,11.9597922 10.2903016,12 10.3952666,12 L10.4585781,11.9950741 C10.5418296,11.9819782 10.619386,11.9429292 10.6787693,11.8798377 L11.9990309,10.5585455 L13.3245818,11.8837905 C13.4005875,11.9597922 13.4992845,12 13.6042495,12 C13.7108985,12 13.8135231,11.958702 13.8877522,11.8798377 L13.9322793,11.8263124 C14.0361462,11.6750539 14.0209233,11.4613942 13.8839172,11.3243953 L12.5589631,9.99927273 L13.8839172,8.67497506 C14.0380491,8.52085121 14.0380491,8.26970369 13.8839172,8.11557984 L13.8292195,8.06991867 C13.6751987,7.96337593 13.4615725,7.97859633 13.3245818,8.11557984 L11.999758,9.44 L10.6749343,8.11557984 C10.5208198,7.96147339 10.2697134,7.96147339 10.1155989,8.11557984 L10.0699302,8.17028174 Z"
id="Path"></path>
</g>
</g>
</g>
</svg>
<div class="search_close" aria-label="searchbox.closebutton.title" tabindex="0" role="button">
</div>
<div id="search_suggest">
<div class="box-search-result">
<div class="container-search-result">
<ul class="search-category-list">
<li>
<div class="family">
<div class="header">
<div class="header-title"> Mots clés suggérés </div>
<asp:literal id="Literal1" runat="server" text="<%$Resources:Labels,ACP_Categories%>">
</asp:literal>
</div>
<div class="4col container-list"></div>
</div>
<div class="brand">
<div class="header">
<asp:literal id="Literal2" runat="server" text="<%$Resources:Labels,ACP_Brand%>">
</asp:literal>
</div>
<div class="4col"></div>
</div>
<div class="shop">
<div class="header">
<asp:literal id="Literal5" runat="server" text="<%$Resources:Labels,ACP_Shop%>">
</asp:literal>
</div>
<div class="4col"></div>
</div>
<div class="crossfield">
<div class="header">
<asp:literal id="Literal6" runat="server" text="<%$Resources:Labels,ACP_Crossfield%>">
</asp:literal>
</div>
<div class="4col"></div>
</div>
</li>
</ul>
<ul class="search-category-article">
<li>
<div class="topcontent">
<div class="header">
<div class="header-title"> search.suggested.tips </div>
<asp:literal id="Literal7" runat="server" text="<%$Resources:Labels,ACP_Content%>">
</asp:literal>
</div>
<div class="4col"></div>
</div>
</li>
</ul>
</div>
<ul class="search-product-list">
<li>
<div class="topproduct">
<div class="header">
<div class="header-title"> Produits suggérés </div>
<asp:literal id="Literal3" runat="server" text="<%$Resources:Labels,ACP_Products%>">
</asp:literal>
</div>
<div class="4col content-search-product-list"></div>
</div>
</li>
</ul>
</div>
</div>
<input type="hidden" id="acpSparkowSearch" value="1">
<input type="hidden" id="hidACPUrl" value="https://fr-be-ac-okaidi.octipas-emerch.net/ACP/S4/TGT-3/">
<input type="hidden" id="hidACPProductLabel" value="skus.shortLabel">
<input type="hidden" id="hidACPProductSkuLabel" value="shortLabel">
<input type="hidden" id="hidACPProductSkuPrice" value="OffrPrixVente">
<input type="hidden" id="hidACPProductSkuBrand" value="brand">
<input type="hidden" id="hidACPProductImg" value="photo">
<input type="hidden" id="hidACPProductUrl" value="UrlProduit">
<input type="hidden" id="hidACPPageUrl" value="url">
<input type="hidden" id="hidACPProductPrice" value="price">
<input type="hidden" id="hidACPProductDiscount" value="Prix promo">
<input type="hidden" id="hidACPShopUrl" value="ShopUrl">
<input type="hidden" id="hidPhotoPrefix" value="https://media.idkids.fr/media/">
<input type="hidden" id="hidPhotoSuffix" value="">
<input type="hidden" id="hidACPArticlePictureUrl" value="Visuel">
<input type="hidden" id="lookTitle" value="ACHAT PAR LOOK">
</form>POST t-shirt-rugby-a-rayures-bleu-marine-garcon-192374
<form action="t-shirt-rugby-a-rayures-bleu-marine-garcon-192374" id="product-details-form" method="post">
<div itemscope="" data-productid="192374">
<div class="product-essential">
<div class="poppin-loader"></div>
<div class="chooseandadd-product-ctn">
<div class="scrollableSection">
<div id="product-gallery" class="gallery">
<div class="picture-wrapper">
<div class="picture">
<div class="slick-slider showSliderCarousel slick-initialized" dir="ltr">
<div class="slick-list">
<div class="slick-track" style="width: 3830px; opacity: 1; transform: translate3d(-766px, 0px, 0px);">
<div data-index="-1" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width: 766px;"></div>
<div data-index="0" class="slick-slide slick-active slick-current" tabindex="-1" aria-hidden="false" style="outline: none; width: 766px;">
<div>
<div role="button" class="imageSlideWrapper" tabindex="0">
<picture>
<source type="image/avif" srcset="https://media.idkids.fr/media/productstorage/images/okaidi/0710763/thumbs/0655019_800.avif">
<source type="image/webp" srcset="https://media.idkids.fr/media/productstorage/images/okaidi/0710763/thumbs/0655019_800.webp"><img alt="T-shirt rugby à rayures bleu marine Garçon 1"
src="https://media.idkids.fr/media/productstorage/images/okaidi/0710763/thumbs/0655019_800.jpg" title="Image sur T-shirt rugby à rayures bleu marine Garçon" width="764" height="764" fetchpriority="high"
loading="eager">
</picture>
</div>
</div>
</div>
<div data-index="1" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline: none; width: 766px;"></div>
<div data-index="2" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width: 766px;">
<div>
<div role="button" class="imageSlideWrapper" tabindex="0">
<picture>
<source type="image/avif" srcset="https://media.idkids.fr/media/productstorage/images/okaidi/0710763/thumbs/0655019_800.avif">
<source type="image/webp" srcset="https://media.idkids.fr/media/productstorage/images/okaidi/0710763/thumbs/0655019_800.webp"><img alt="T-shirt rugby à rayures bleu marine Garçon 1"
src="https://media.idkids.fr/media/productstorage/images/okaidi/0710763/thumbs/0655019_800.jpg" title="Image sur T-shirt rugby à rayures bleu marine Garçon" width="764" height="764" fetchpriority="high"
loading="eager">
</picture>
</div>
</div>
</div>
<div data-index="3" tabindex="-1" class="slick-slide slick-cloned" aria-hidden="true" style="width: 766px;"></div>
</div>
</div>
</div>
<div class="stickers">
<div class="sticker sticker-desktop">
<p class="stickertitle" style="color:rgb(255,255,255);background-color:rgb(0, 0, 255);border:1px solid rgb(0, 0, 255)">-20%* dès 3</p>
</div>
<div class="sticker sticker-desktop--eko"><img src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/eko/eko.svg" alt="product.productstickers.stickereko"></div>
<a class="sticker sticker-back" href="javascript:history.back()"><p class="sticker-back-arow"><</p><p class="stickertitle">retour</p></a>
<div role="button" class="sticker sticker-zoom" tabindex="0" aria-label="Picture Zoom"></div>
</div>
<div class="picture-thumbs showSliderCarousel">
<div class="slick-slider slick-vertical slick-initialized">
<div class="slick-list">
<div class="slick-track" style="opacity: 1; transform: translate3d(0px, 0px, 0px); height: 450px;">
<div data-index="0" class="slick-slide slick-active slick-current" tabindex="-1" aria-hidden="false" style="outline: none; width: 69px;">
<div>
<picture>
<source type="image/avif" srcset="https://media.idkids.fr/media/productstorage/images/okaidi/0710763/thumbs/0655019_100.avif">
<source type="image/webp" srcset="https://media.idkids.fr/media/productstorage/images/okaidi/0710763/thumbs/0655019_100.webp"><img alt="T-shirt rugby à rayures bleu marine Garçon 1"
src="https://media.idkids.fr/media/productstorage/images/okaidi/0710763/thumbs/0655019_100.jpg" title="Image sur T-shirt rugby à rayures bleu marine Garçon" fetchpriority="high">
</picture>
</div>
</div>
<div data-index="1" class="slick-slide slick-active" tabindex="-1" aria-hidden="false" style="outline: none; width: 69px;">
<div>
<picture>
<source type="image/avif" srcset="https://media.idkids.fr/media/productstorage/images/okaidi/0710763/thumbs/0655020_100.avif">
<source type="image/webp" srcset="https://media.idkids.fr/media/productstorage/images/okaidi/0710763/thumbs/0655020_100.webp"><img alt="T-shirt rugby à rayures bleu marine Garçon 2"
src="https://media.idkids.fr/media/productstorage/images/okaidi/0710763/thumbs/0655020_100.jpg" title="Image sur T-shirt rugby à rayures bleu marine Garçon" fetchpriority="high">
</picture>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="" class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
<div class="pswp__bg"></div>
<div class="pswp__scroll-wrap">
<div class="pswp__container">
<div class="pswp__item"></div>
<div class="pswp__item"></div>
<div class="pswp__item"></div>
</div>
<div class="pswp__ui pswp__ui--hidden">
<div class="pswp__top-bar"><button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)" type="button"></button>
<div class="pswp__counter"></div><button class="pswp__button pswp__button--close" title="Close (Esc)" type="button"></button><button class="pswp__button pswp__button--share" title="Share" type="button"></button><button
class="pswp__button pswp__button--fs" title="Toggle fullscreen" type="button"></button><button class="pswp__button pswp__button--zoom" title="Zoom in/out" type="button"></button>
<div class="pswp__preloader">
<div class="pswp__preloader__icn">
<div class="pswp__preloader__cut">
<div class="pswp__preloader__donut"></div>
</div>
</div>
</div><button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)" type="button"></button>
</div>
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
<div class="pswp__share-tooltip"></div>
</div>
<div class="pswp__caption">
<div class="pswp__caption__center"></div>
</div>
</div>
</div>
</div>
<div id="full-description" data-linked="full-description" class="productSpecification accordionWrapper product-specs-box accordionItem">
<header class="accordionItemHeading rotate-arrow " role="button" tabindex="0"><span>Détails, entretien et composition</span></header>
<div class="description-wrapper accordionItem--content ">
<article class="field full-description">
<header>Description</header>
<div class="description-text">Avec ce t-shirt manches longues, l'esprit campus rencontre le style sportswear. Jersey doux et épais. Coupe droite. Larges rayures en fils teints. Col polo avec revers en popeline. Ouverture boutonnée,
enfilage facile. Logo OK sur la poitrine. Manches longues. Base droite.</div>
<ul class="ul-bullet-point ted">
<li class="box-bulletpoint"><span class="point"></span><span class="container-bulletpoint">EKO<!-- --> <!-- --> : <!-- --> <span class="bullet-point">20% au minimum des fibres de ce produit sont recyclées.</span></span></li>
</ul>
<div class="idtroc">
<div class="idtroc-logo"><img src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/idtroc.svg"></div>
<div class="idtroc-readmore">IDTROC : Offrez une seconde vie à cet article. <a class="idtroc-readmore-link">En savoir plus</a></div>
</div>
<div id="idtroc-poppin" class="poppin hidden">
<div class="box-poppin">
<div class="title-poppin">
<div class="title-desktop">IDTROC</div>
<div class="title-mobile">IDTROC</div>
<div class="close-poppin"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg></div>
</div>
<div class="idtroc-content">
<!-- FR -->
<link rel="stylesheet" href="//media.idkids.fr/media/content/cms/FR/Commun/popin-idtroc-idkids/css/popin-pp-b.css?v=1.0" type="text/css">
<div class="pop-in-contenu-idtroc"><img class="logo-kidechir" src="//media.idkids.fr/media/content/cms/FR/Commun/popin-idtroc-idkids/img/logo-idtroc-vert-baseline.svg">
<p>Parce que vos enfants grandissent, les articles qu'ils ont aimés peuvent à nouveau être vendus et faire des heureux…</p>
<a href="https://fr.okaidi.be/idtroc-7">Tout savoir sur IDTROC</a> <img class="lessive" src="//media.idkids.fr/media/content/cms/FR/Commun/popin-idtroc-idkids/img/Image-3-desk.png">
</div>
</div>
</div>
</div>
</article>
<article class="field description-details">
<header></header>
<section>
<p></p>
</section>
</article>
<div>
<article class="field composition-main">
<header>Composition</header>
<section>
<p></p>
</section>
</article>
<article class="field composition">
<header>Tissus principal</header>
<section>
<p>100 % Coton</p>
</section>
</article>
</div>
<article class="field entretien">
<header>Entretien</header>
<section class="flex-picto picto-block">
<ul>
<li><img class=" lazyloaded" data-src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/LaundryCareInstructionBleach/BL00.svg" title="Ne pas blanchir" alt="Ne pas blanchir" loading="lazy"
src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/LaundryCareInstructionBleach/BL00.svg"></li>
<li><img class=" lazyloaded" data-src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/LaundryCareInstructionWash/LA04.svg" title="30deg Programme normal" alt="30deg Programme normal" loading="lazy"
src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/LaundryCareInstructionWash/LA04.svg"></li>
<li><img class=" lazyloaded" data-src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/LaundryCareInstructionIron/RE01.svg" title="Max. 110degC" alt="Max. 110degC" loading="lazy"
src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/LaundryCareInstructionIron/RE01.svg"></li>
<li><img class=" lazyloaded" data-src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/LaundryCareInstructionDryClean/PR04.svg" title="Pas de nettoyage a sec" alt="Pas de nettoyage a sec" loading="lazy"
src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/LaundryCareInstructionDryClean/PR04.svg"></li>
<li><img class=" lazyloaded" data-src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/LaundryCareInstructionDry/SE00.svg" title="Pas de seche linge" alt="Pas de seche linge" loading="lazy"
src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/LaundryCareInstructionDry/SE00.svg"></li>
</ul>
</section>
</article>
<div class="description-ref">Référence<!-- --> : <!-- -->0710763_K0171</div>
</div>
</div>
<div> - </div>
<div id="add-to-cart-poppin" class="poppin addToCart-popin">
<div class="box-poppin">
<div class="title-poppin">
<div class="title-desktop">L'article a bien été ajouté au panier</div>
<div class="title-mobile">L'article a bien été ajouté au panier</div>
<div class="close-poppin"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg></div>
</div>
<div id="related-products-cart" class="related-products" data-linked="related-products-cart">
<div class="also-purchased-products-grid product-select js-relatedProductContent">
<div class="addToCard-crosssell-title">Vous aimerez aussi</div>
<div class="item-grid relatedCart-slick">
<div class="item-box cross-sell-tag">
<script>
function removeStickerFromCrossSell() {
var stickerCrossSellCount = $("#sticker-wishlist").parents(".cross-sell-tag").length;
if (stickerCrossSellCount > 0) {
$("#picture-" + 193364).find('#sticker-wishlist').hide();
}
}
removeStickerFromCrossSell();
</script>
<div id="product-193364" class="product-item draggable -" data-productid="193364" data-productsku="0710226_K0153" data-productexternalid="23" data-itemtype="Product">
<div class="picture " id="picture-193364" data-productname="Jogging en molleton light uni bleu Garçon" data-encodedproductname="jogging en molleton light uni bleu garcon">
<div class="Img">
<div class="sticker sticker-desktop--eko" id="sticker-wishlist">
<img class="heart-wishlist " id="heart-vide-0710226_K0153" onclick="AddTowishlist(event,'0710226_K0153',193364)" src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg"
alt="Heart Wishlist" fetchpriority="High" width="20" height="20">
</div>
<script>
function AddTowishlist(event, sku, productId) {
if ($('.heart-wishlist').parents('.wishList').length > 0) {
return;
}
event.preventDefault;
var externalProductId = 0;
var numberOfFavoris = $(".wishlist-count").text();
if (isNaN(parseInt(numberOfFavoris))) {
numberOfFavoris = 0;
}
$.ajax({
type: 'POST',
contentType: 'application/json; charset=utf-8',
url: `/wishLists/addToWishList/${productId}/${externalProductId}/${sku}`,
async: true,
success: result => {
if (result.isInWishList) {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_plein_oka.svg');
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) + 1);
} else if (result.redirect == '/') {
window.location.href = "/";
} else {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg');
if (parseInt(numberOfFavoris) == 1 || Math.max(0, parseInt(numberOfFavoris) - 1) == 0) {
$(".wishlist-count").text("0");
$(".wishlist-count").hide();
} else {
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) - 1);
}
}
}
})
var prefix = sku.slice(0, 2);
var productSku = sku;
if (prefix == "00") productSku = sku.slice(2, sku.length);
var product = tc_vars.product_array.find(obj => {
return obj.product_id == productSku;
});
var productData = {
product_id: product.product_id,
product_name: product.product_name,
product_seller: product.product_seller,
product_trademark: product.product_trademark
};
tc_events_global(this.getBaseURI(), 'add-to-wishlist-pl', productData);
}
</script>
<div class="img-placeholder "></div> <button class="img-arrow arrow-hide arrow-prev" aria-role="button" tabindex="0" id="arrow-prev-193364" onclick="PrimaryPicture(193364,event)"></button>
<div class="img-set img-move" id="img-primary-193364">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710226/thumbs/0667285_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710226/thumbs/0667285_300.webp">
<img src="//media.idkids.fr/media/productstorage/images/okaidi/0710226/thumbs/0667285_300.jpg" width="224" height="234" class=" img-responsive " sizes="(max-width: 225px) 100vw, 225px" fetchpriority="High"
alt="Jogging en molleton light uni bleu Garçon 1">
</picture>
</div>
<div class="stickers-eko">
<img src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/eko/eko.svg" alt="productlist.ekostickers.alt" width="32" height="10">
</div>
<div class="sticker-basket" onclick="showAddtoCart(193364,event)">
<div class="icon-sticker-basket"></div>
</div>
<div class="quick-message-box" style="display:none">
<div class="quick-container">
<div class="quick-message">Achat rapide</div>
</div>
</div>
<script>
$('#overlay-mobile').click(function() {
closeAddToCart(193364);
});
</script>
<div class="img-set img-move img-secondary" id="img-secondary-193364">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710226/thumbs/0667286_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710226/thumbs/0667286_300.webp">
<img alt="Jogging en molleton light uni bleu Garçon 2" data-src="//media.idkids.fr/media/productstorage/images/okaidi/0710226/thumbs/0667286_300.jpg" id="secondary-193364" class="lazyload img-responsive secondary-hide"
width="224" height="234" sizes="(max-width: 225px) 100vw, 225px" loading="lazy" fetchpriority="High">
</picture>
</div> <button class="img-arrow arrow-next " id="arrow-next-193364" aria-role="button" tabindex="0" onclick="SecondaryPicture(193364,event)"></button>
</div>
</div>
<div class="details noAddToCart">
<div class="sticker sticker-solde">
<span class="stickertitle" style="border: 1px solid rgb(0, 0, 255);color: rgb(255,255,255);background-color: rgb(0, 0, 255) ; ">-20%* dès 3</span>
</div>
<div class="brand">
<span>OKAIDI</span>
</div>
<a href="/jogging-en-molleton-light-uni-bleu-garcon-193364" class="product-title" id="details-193364">
<span class="product-title-txt"> Jogging en molleton light uni bleu Garçon</span>
</a>
<div class="existe-coloris">
<span>Existe en 4 coloris</span>
</div>
<script>
var currentpage = tc_vars.page_number;
$('#details-193364,#picture-193364').click(function() {
var productId = '0710226_K0153';
var productName = replaceSpecialCharAndToLower('Jogging en molleton light uni bleu Garçon');
//alert(productName);
var productposition = eval($(this).parents('li').attr('data-product-position')) + 1; // product position
var prefix = productId.slice(0, 2);
//alert(prefix);
var productSku = productId;
if (prefix == "00") productSku = productId.slice(2, productId.length);
//alert("ProductBoxView => " + productSku + " / " + productposition);
var data = {
'name': 'product-click',
'product_id': productSku,
'product_name': productName,
'product_position': productposition.toString(),
'page_number': currentpage
};
tagCommanderEvents(this.baseURI, "product-click", data);
});
</script>
<div class="add-info height-add-info">
<div class="price-from price-from-193364">
</div>
<div class="prices">
<span class="price actual-price price-value-193364">9,99€</span>
</div>
</div>
<!--Bazaar Voice-->
<div class="product-rate-container">
<ul class="product-rate" aria-label="4,00 reviews.overview.rate" tabindex="0">
<li class="star-0 starred"></li>
<li class="star-1 starred"></li>
<li class="star-2 starred"></li>
<li class="star-3 starred"></li>
<li class="star-4 star-null"></li>
</ul>
<div class="product-rate-number">
<span aria-label="4,00 reviews.overview.rate, 1 Avis" tabindex="0">(1)</span>
</div>
</div>
</div>
<div class="details withAddToCart id_193364" id="withAddToCart">
<div class="product-title" id="details-193364">
<a href="/jogging-en-molleton-light-uni-bleu-garcon-193364" class="product-title" id="details-193364">
<span class="product-title-txt"> Jogging en molleton light uni bleu Garçon</span>
</a>
<span class="product-title-close" onclick="closeAddToCart(193364)"></span>
</div>
<div class="existe-coloris">
<p><span class="libelle">Couleur : </span><span>Bleu faience</span></p>
</div>
<div class="taille">
<div class="container-size attributes-v2">
<div class="size-box libelle">Taille :</div>
</div>
<ul>
<li class="size-item" id="product_attribute_193364_10_105127">
<input type="radio" name="size_193364" value="3A" productid="193364" id="product_attribute_193364_10_105127" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193364,event,'price-value-193364')">
<label> 3A </label>
</li>
<li class="size-item" id="product_attribute_193364_10_105127">
<input type="radio" name="size_193364" value="4A" productid="193364" id="product_attribute_193364_10_105127" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193364,event,'price-value-193364')">
<label> 4A </label>
</li>
<li class="size-item" id="product_attribute_193364_10_105127">
<input type="radio" name="size_193364" value="5A" productid="193364" id="product_attribute_193364_10_105127" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193364,event,'price-value-193364')">
<label> 5A </label>
</li>
<li class="size-item" id="product_attribute_193364_10_105127">
<input type="radio" name="size_193364" value="6A" productid="193364" id="product_attribute_193364_10_105127" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193364,event,'price-value-193364')">
<label> 6A </label>
</li>
<li class="size-item" id="product_attribute_193364_10_105127">
<input type="radio" name="size_193364" value="7A" productid="193364" id="product_attribute_193364_10_105127" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193364,event,'price-value-193364')">
<label> 7A </label>
</li>
<li class="size-item" id="product_attribute_193364_10_105127">
<input type="radio" name="size_193364" value="8A" productid="193364" id="product_attribute_193364_10_105127" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193364,event,'price-value-193364')">
<label> 8A </label>
</li>
<li class="size-item" id="product_attribute_193364_10_105127">
<input type="radio" name="size_193364" value="9A" productid="193364" id="product_attribute_193364_10_105127" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193364,event,'price-value-193364')">
<label> 9A </label>
</li>
<li class="size-item" id="product_attribute_193364_10_105127">
<input type="radio" name="size_193364" value="10A" productid="193364" id="product_attribute_193364_10_105127" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193364,event,'price-value-193364')">
<label> 10A </label>
</li>
<li class="size-item" id="product_attribute_193364_10_105127">
<input type="radio" name="size_193364" value="12A" productid="193364" id="product_attribute_193364_10_105127" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193364,event,'price-value-193364')">
<label> 12A </label>
</li>
<li class="size-item" id="product_attribute_193364_10_105127">
<input type="radio" name="size_193364" value="14A" productid="193364" id="product_attribute_193364_10_105127" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193364,event,'price-value-193364')">
<label> 14A </label>
</li>
</ul>
</div>
<div class="price_addToCart">
<div class="add-info height-add-info">
<div class="price-from price-from-193364">
</div>
<div class="prices">
<span class="price actual-price price-value-193364">9,99€</span>
</div>
</div>
<div class="add-to-cart">
<div id="add-to-cart-panel-193364" class="add-to-cart-panel">
<div class="btn-wrapper btn-wrapper--normal add-to-cart-style">
<button id="add-to-cart-button-193364" class="icon-cart addToCartPl add-to-cart-button js-addToCart" value="Ajouter au panier" data-productid="193364"
onclick="if (window.addToCartHandler) addToCartHandler(event,'0710226_K0153','193364')">
<span>Ajouter au panier</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Add to cart poppin-->
<div id="pl_add-to-cart-poppin_193364" class="pl_poppin add pl_addToCart-popin">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Check.svg" alt="img" class="lazyload">
</div>
<div class="text">
<div>Cette article a bien été ajouté à votre panier</div>
<div class="button-poppin">
<a href="/cart" class="btn-shoppingcart-poppin" data-attr="Voir le panier"> voir mon panier</a>
</div>
</div>
</div>
</div>
<div id="pl_add-to-cart-error-poppin_193364" class="pl_poppin error pl_addToCart-popin">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Dont.svg" alt="img" class="lazyload">
</div>
<div class="text" id="text pl_add-to-cart-error-poppin_193364">
<div>Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est malheureusement plus disponible.</div>
</div>
</div>
</div>
<script>
$(".add").css("display", "none");
$(".error").css("display", "none");
function handleClose(event) {
event.preventDefault();
$(".add").css("display", "none");
$(".error").css("display", "none");
}
</script>
</div>
<div class="item-box cross-sell-tag">
<script>
function removeStickerFromCrossSell() {
var stickerCrossSellCount = $("#sticker-wishlist").parents(".cross-sell-tag").length;
if (stickerCrossSellCount > 0) {
$("#picture-" + 193351).find('#sticker-wishlist').hide();
}
}
removeStickerFromCrossSell();
</script>
<div id="product-193351" class="product-item draggable -" data-productid="193351" data-productsku="0709881_K0146" data-productexternalid="25" data-itemtype="Product">
<div class="picture " id="picture-193351" data-productname="Jean droit ultra-résistant bleu Garçon" data-encodedproductname="jean droit ultra-resistant bleu garcon">
<div class="Img">
<div class="sticker sticker-desktop--eko" id="sticker-wishlist">
<img class="heart-wishlist " id="heart-vide-0709881_K0146" onclick="AddTowishlist(event,'0709881_K0146',193351)" src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg"
alt="Heart Wishlist" fetchpriority="High" width="20" height="20">
</div>
<script>
function AddTowishlist(event, sku, productId) {
if ($('.heart-wishlist').parents('.wishList').length > 0) {
return;
}
event.preventDefault;
var externalProductId = 0;
var numberOfFavoris = $(".wishlist-count").text();
if (isNaN(parseInt(numberOfFavoris))) {
numberOfFavoris = 0;
}
$.ajax({
type: 'POST',
contentType: 'application/json; charset=utf-8',
url: `/wishLists/addToWishList/${productId}/${externalProductId}/${sku}`,
async: true,
success: result => {
if (result.isInWishList) {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_plein_oka.svg');
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) + 1);
} else if (result.redirect == '/') {
window.location.href = "/";
} else {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg');
if (parseInt(numberOfFavoris) == 1 || Math.max(0, parseInt(numberOfFavoris) - 1) == 0) {
$(".wishlist-count").text("0");
$(".wishlist-count").hide();
} else {
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) - 1);
}
}
}
})
var prefix = sku.slice(0, 2);
var productSku = sku;
if (prefix == "00") productSku = sku.slice(2, sku.length);
var product = tc_vars.product_array.find(obj => {
return obj.product_id == productSku;
});
var productData = {
product_id: product.product_id,
product_name: product.product_name,
product_seller: product.product_seller,
product_trademark: product.product_trademark
};
tc_events_global(this.getBaseURI(), 'add-to-wishlist-pl', productData);
}
</script>
<div class="img-placeholder "></div> <button class="img-arrow arrow-hide arrow-prev" aria-role="button" tabindex="0" id="arrow-prev-193351" onclick="PrimaryPicture(193351,event)"></button>
<div class="img-set img-move" id="img-primary-193351">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0709881/thumbs/0667199_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0709881/thumbs/0667199_300.webp">
<img src="//media.idkids.fr/media/productstorage/images/okaidi/0709881/thumbs/0667199_300.jpg" width="224" height="234" class=" img-responsive " sizes="(max-width: 225px) 100vw, 225px" fetchpriority="High"
alt="Jean droit ultra-résistant bleu Garçon 1">
</picture>
</div>
<div class="stickers-eko">
<img src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/eko/eko.svg" alt="productlist.ekostickers.alt" width="32" height="10">
</div>
<div class="sticker-basket" onclick="showAddtoCart(193351,event)">
<div class="icon-sticker-basket"></div>
</div>
<div class="quick-message-box" style="display:none">
<div class="quick-container">
<div class="quick-message">Achat rapide</div>
</div>
</div>
<script>
$('#overlay-mobile').click(function() {
closeAddToCart(193351);
});
</script>
<div class="img-set img-move img-secondary" id="img-secondary-193351">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0709881/thumbs/0667200_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0709881/thumbs/0667200_300.webp">
<img alt="Jean droit ultra-résistant bleu Garçon 2" data-src="//media.idkids.fr/media/productstorage/images/okaidi/0709881/thumbs/0667200_300.jpg" id="secondary-193351" class="lazyload img-responsive secondary-hide"
width="224" height="234" sizes="(max-width: 225px) 100vw, 225px" loading="lazy" fetchpriority="High">
</picture>
</div> <button class="img-arrow arrow-next " id="arrow-next-193351" aria-role="button" tabindex="0" onclick="SecondaryPicture(193351,event)"></button>
</div>
</div>
<div class="details noAddToCart">
<div class="sticker sticker-solde">
<span class="stickertitle" style="border: 1px solid rgb(0, 0, 255);color: rgb(255,255,255);background-color: rgb(0, 0, 255) ; ">-20%* dès 3</span>
</div>
<div class="brand">
<span>OKAIDI</span>
</div>
<a href="/jean-droit-ultra-resistant-bleu-garcon-193351" class="product-title" id="details-193351">
<span class="product-title-txt"> Jean droit ultra-résistant bleu Garçon</span>
</a>
<div class="existe-coloris">
</div>
<script>
var currentpage = tc_vars.page_number;
$('#details-193351,#picture-193351').click(function() {
var productId = '0709881_K0146';
var productName = replaceSpecialCharAndToLower('Jean droit ultra-résistant bleu Garçon');
//alert(productName);
var productposition = eval($(this).parents('li').attr('data-product-position')) + 1; // product position
var prefix = productId.slice(0, 2);
//alert(prefix);
var productSku = productId;
if (prefix == "00") productSku = productId.slice(2, productId.length);
//alert("ProductBoxView => " + productSku + " / " + productposition);
var data = {
'name': 'product-click',
'product_id': productSku,
'product_name': productName,
'product_position': productposition.toString(),
'page_number': currentpage
};
tagCommanderEvents(this.baseURI, "product-click", data);
});
</script>
<div class="add-info height-add-info">
<div class="price-from price-from-193351">
</div>
<div class="prices">
<span class="price actual-price price-value-193351">19,99€</span>
</div>
</div>
<!--Bazaar Voice-->
<div class="product-rate-container">
</div>
</div>
<div class="details withAddToCart id_193351" id="withAddToCart">
<div class="product-title" id="details-193351">
<a href="/jean-droit-ultra-resistant-bleu-garcon-193351" class="product-title" id="details-193351">
<span class="product-title-txt"> Jean droit ultra-résistant bleu Garçon</span>
</a>
<span class="product-title-close" onclick="closeAddToCart(193351)"></span>
</div>
<div class="existe-coloris">
<p><span class="libelle">Couleur : </span><span>Denim bleu stone</span></p>
</div>
<div class="taille">
<div class="container-size attributes-v2">
<div class="size-box libelle">Taille :</div>
</div>
<ul>
<li class="size-item" id="product_attribute_193351_10_105114">
<input type="radio" name="size_193351" value="3A" productid="193351" id="product_attribute_193351_10_105114" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193351,event,'price-value-193351')">
<label> 3A </label>
</li>
<li class="size-item" id="product_attribute_193351_10_105114">
<input type="radio" name="size_193351" value="4A" productid="193351" id="product_attribute_193351_10_105114" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193351,event,'price-value-193351')">
<label> 4A </label>
</li>
<li class="size-item" id="product_attribute_193351_10_105114">
<input type="radio" name="size_193351" value="5A" productid="193351" id="product_attribute_193351_10_105114" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193351,event,'price-value-193351')">
<label> 5A </label>
</li>
<li class="size-item" id="product_attribute_193351_10_105114">
<input type="radio" name="size_193351" value="6A" productid="193351" id="product_attribute_193351_10_105114" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193351,event,'price-value-193351')">
<label> 6A </label>
</li>
<li class="size-item" id="product_attribute_193351_10_105114">
<input type="radio" name="size_193351" value="7A" productid="193351" id="product_attribute_193351_10_105114" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193351,event,'price-value-193351')">
<label> 7A </label>
</li>
<li class="size-item" id="product_attribute_193351_10_105114">
<input type="radio" name="size_193351" value="8A" productid="193351" id="product_attribute_193351_10_105114" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193351,event,'price-value-193351')">
<label> 8A </label>
</li>
<li class="size-item" id="product_attribute_193351_10_105114">
<input type="radio" name="size_193351" value="9A" productid="193351" id="product_attribute_193351_10_105114" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193351,event,'price-value-193351')">
<label> 9A </label>
</li>
<li class="size-item" id="product_attribute_193351_10_105114">
<input type="radio" name="size_193351" value="10A" productid="193351" id="product_attribute_193351_10_105114" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193351,event,'price-value-193351')">
<label> 10A </label>
</li>
<li class="size-item" id="product_attribute_193351_10_105114">
<input type="radio" name="size_193351" value="12A" productid="193351" id="product_attribute_193351_10_105114" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193351,event,'price-value-193351')">
<label> 12A </label>
</li>
<li class="size-item" id="product_attribute_193351_10_105114">
<input type="radio" name="size_193351" value="14A" productid="193351" id="product_attribute_193351_10_105114" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193351,event,'price-value-193351')">
<label> 14A </label>
</li>
</ul>
</div>
<div class="price_addToCart">
<div class="add-info height-add-info">
<div class="price-from price-from-193351">
</div>
<div class="prices">
<span class="price actual-price price-value-193351">19,99€</span>
</div>
</div>
<div class="add-to-cart">
<div id="add-to-cart-panel-193351" class="add-to-cart-panel">
<div class="btn-wrapper btn-wrapper--normal add-to-cart-style">
<button id="add-to-cart-button-193351" class="icon-cart addToCartPl add-to-cart-button js-addToCart" value="Ajouter au panier" data-productid="193351"
onclick="if (window.addToCartHandler) addToCartHandler(event,'0709881_K0146','193351')">
<span>Ajouter au panier</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Add to cart poppin-->
<div id="pl_add-to-cart-poppin_193351" class="pl_poppin add pl_addToCart-popin">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Check.svg" alt="img" class="lazyload">
</div>
<div class="text">
<div>Cette article a bien été ajouté à votre panier</div>
<div class="button-poppin">
<a href="/cart" class="btn-shoppingcart-poppin" data-attr="Voir le panier"> voir mon panier</a>
</div>
</div>
</div>
</div>
<div id="pl_add-to-cart-error-poppin_193351" class="pl_poppin error pl_addToCart-popin">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Dont.svg" alt="img" class="lazyload">
</div>
<div class="text" id="text pl_add-to-cart-error-poppin_193351">
<div>Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est malheureusement plus disponible.</div>
</div>
</div>
</div>
<script>
$(".add").css("display", "none");
$(".error").css("display", "none");
function handleClose(event) {
event.preventDefault();
$(".add").css("display", "none");
$(".error").css("display", "none");
}
</script>
</div>
<div class="item-box cross-sell-tag">
<script>
function removeStickerFromCrossSell() {
var stickerCrossSellCount = $("#sticker-wishlist").parents(".cross-sell-tag").length;
if (stickerCrossSellCount > 0) {
$("#picture-" + 193363).find('#sticker-wishlist').hide();
}
}
removeStickerFromCrossSell();
</script>
<div id="product-193363" class="product-item draggable -" data-productid="193363" data-productsku="0710226_K0110" data-productexternalid="23" data-itemtype="Product">
<div class="picture " id="picture-193363" data-productname="Jogging en molleton light uni marine Garçon" data-encodedproductname="jogging en molleton light uni marine garcon">
<div class="Img">
<div class="sticker sticker-desktop--eko" id="sticker-wishlist">
<img class="heart-wishlist " id="heart-vide-0710226_K0110" onclick="AddTowishlist(event,'0710226_K0110',193363)" src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg"
alt="Heart Wishlist" fetchpriority="High" width="20" height="20">
</div>
<script>
function AddTowishlist(event, sku, productId) {
if ($('.heart-wishlist').parents('.wishList').length > 0) {
return;
}
event.preventDefault;
var externalProductId = 0;
var numberOfFavoris = $(".wishlist-count").text();
if (isNaN(parseInt(numberOfFavoris))) {
numberOfFavoris = 0;
}
$.ajax({
type: 'POST',
contentType: 'application/json; charset=utf-8',
url: `/wishLists/addToWishList/${productId}/${externalProductId}/${sku}`,
async: true,
success: result => {
if (result.isInWishList) {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_plein_oka.svg');
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) + 1);
} else if (result.redirect == '/') {
window.location.href = "/";
} else {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg');
if (parseInt(numberOfFavoris) == 1 || Math.max(0, parseInt(numberOfFavoris) - 1) == 0) {
$(".wishlist-count").text("0");
$(".wishlist-count").hide();
} else {
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) - 1);
}
}
}
})
var prefix = sku.slice(0, 2);
var productSku = sku;
if (prefix == "00") productSku = sku.slice(2, sku.length);
var product = tc_vars.product_array.find(obj => {
return obj.product_id == productSku;
});
var productData = {
product_id: product.product_id,
product_name: product.product_name,
product_seller: product.product_seller,
product_trademark: product.product_trademark
};
tc_events_global(this.getBaseURI(), 'add-to-wishlist-pl', productData);
}
</script>
<div class="img-placeholder "></div> <button class="img-arrow arrow-hide arrow-prev" aria-role="button" tabindex="0" id="arrow-prev-193363" onclick="PrimaryPicture(193363,event)"></button>
<div class="img-set img-move" id="img-primary-193363">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710226/thumbs/0667138_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710226/thumbs/0667138_300.webp">
<img src="//media.idkids.fr/media/productstorage/images/okaidi/0710226/thumbs/0667138_300.jpg" width="224" height="234" class=" img-responsive " sizes="(max-width: 225px) 100vw, 225px" fetchpriority="High"
alt="Jogging en molleton light uni marine Garçon 1">
</picture>
</div>
<div class="stickers-eko">
<img src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/eko/eko.svg" alt="productlist.ekostickers.alt" width="32" height="10">
</div>
<div class="sticker-basket" onclick="showAddtoCart(193363,event)">
<div class="icon-sticker-basket"></div>
</div>
<div class="quick-message-box" style="display:none">
<div class="quick-container">
<div class="quick-message">Achat rapide</div>
</div>
</div>
<script>
$('#overlay-mobile').click(function() {
closeAddToCart(193363);
});
</script>
<div class="img-set img-move img-secondary" id="img-secondary-193363">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710226/thumbs/0667139_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710226/thumbs/0667139_300.webp">
<img alt="Jogging en molleton light uni marine Garçon 2" data-src="//media.idkids.fr/media/productstorage/images/okaidi/0710226/thumbs/0667139_300.jpg" id="secondary-193363"
class="lazyload img-responsive secondary-hide" width="224" height="234" sizes="(max-width: 225px) 100vw, 225px" loading="lazy" fetchpriority="High">
</picture>
</div> <button class="img-arrow arrow-next " id="arrow-next-193363" aria-role="button" tabindex="0" onclick="SecondaryPicture(193363,event)"></button>
</div>
</div>
<div class="details noAddToCart">
<div class="sticker sticker-solde">
<span class="stickertitle" style="border: 1px solid rgb(0, 0, 255);color: rgb(255,255,255);background-color: rgb(0, 0, 255) ; ">-20%* dès 3</span>
</div>
<div class="brand">
<span>OKAIDI</span>
</div>
<a href="/jogging-en-molleton-light-uni-marine-garcon-193363" class="product-title" id="details-193363">
<span class="product-title-txt"> Jogging en molleton light uni marine Garçon</span>
</a>
<div class="existe-coloris">
<span>Existe en 4 coloris</span>
</div>
<script>
var currentpage = tc_vars.page_number;
$('#details-193363,#picture-193363').click(function() {
var productId = '0710226_K0110';
var productName = replaceSpecialCharAndToLower('Jogging en molleton light uni marine Garçon');
//alert(productName);
var productposition = eval($(this).parents('li').attr('data-product-position')) + 1; // product position
var prefix = productId.slice(0, 2);
//alert(prefix);
var productSku = productId;
if (prefix == "00") productSku = productId.slice(2, productId.length);
//alert("ProductBoxView => " + productSku + " / " + productposition);
var data = {
'name': 'product-click',
'product_id': productSku,
'product_name': productName,
'product_position': productposition.toString(),
'page_number': currentpage
};
tagCommanderEvents(this.baseURI, "product-click", data);
});
</script>
<div class="add-info height-add-info">
<div class="price-from price-from-193363">
</div>
<div class="prices">
<span class="price actual-price price-value-193363">9,99€</span>
</div>
</div>
<!--Bazaar Voice-->
<div class="product-rate-container">
<ul class="product-rate" aria-label="5,00 reviews.overview.rate" tabindex="0">
<li class="star-0 starred"></li>
<li class="star-1 starred"></li>
<li class="star-2 starred"></li>
<li class="star-3 starred"></li>
<li class="star-4 starred"></li>
</ul>
<div class="product-rate-number">
<span aria-label="5,00 reviews.overview.rate, 3 Avis" tabindex="0">(3)</span>
</div>
</div>
</div>
<div class="details withAddToCart id_193363" id="withAddToCart">
<div class="product-title" id="details-193363">
<a href="/jogging-en-molleton-light-uni-marine-garcon-193363" class="product-title" id="details-193363">
<span class="product-title-txt"> Jogging en molleton light uni marine Garçon</span>
</a>
<span class="product-title-close" onclick="closeAddToCart(193363)"></span>
</div>
<div class="existe-coloris">
<p><span class="libelle">Couleur : </span><span>Bleu amiral</span></p>
</div>
<div class="taille">
<div class="container-size attributes-v2">
<div class="size-box libelle">Taille :</div>
</div>
<ul>
<li class="size-item" id="product_attribute_193363_10_105126">
<input type="radio" name="size_193363" value="3A" productid="193363" id="product_attribute_193363_10_105126" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193363,event,'price-value-193363')">
<label> 3A </label>
</li>
<li class="size-item" id="product_attribute_193363_10_105126">
<input type="radio" name="size_193363" value="4A" productid="193363" id="product_attribute_193363_10_105126" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193363,event,'price-value-193363')">
<label> 4A </label>
</li>
<li class="size-item" id="product_attribute_193363_10_105126">
<input type="radio" name="size_193363" value="5A" productid="193363" id="product_attribute_193363_10_105126" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193363,event,'price-value-193363')">
<label> 5A </label>
</li>
<li class="size-item" id="product_attribute_193363_10_105126">
<input type="radio" name="size_193363" value="6A" productid="193363" id="product_attribute_193363_10_105126" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193363,event,'price-value-193363')">
<label> 6A </label>
</li>
<li class="size-item" id="product_attribute_193363_10_105126">
<input type="radio" name="size_193363" value="7A" productid="193363" id="product_attribute_193363_10_105126" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193363,event,'price-value-193363')">
<label> 7A </label>
</li>
<li class="size-item" id="product_attribute_193363_10_105126">
<input type="radio" name="size_193363" value="8A" productid="193363" id="product_attribute_193363_10_105126" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193363,event,'price-value-193363')">
<label> 8A </label>
</li>
<li class="size-item" id="product_attribute_193363_10_105126">
<input type="radio" name="size_193363" value="9A" productid="193363" id="product_attribute_193363_10_105126" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193363,event,'price-value-193363')">
<label> 9A </label>
</li>
<li class="size-item" id="product_attribute_193363_10_105126">
<input type="radio" name="size_193363" value="10A" productid="193363" id="product_attribute_193363_10_105126" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193363,event,'price-value-193363')">
<label> 10A </label>
</li>
<li class="size-item" id="product_attribute_193363_10_105126">
<input type="radio" name="size_193363" value="12A" productid="193363" id="product_attribute_193363_10_105126" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193363,event,'price-value-193363')">
<label> 12A </label>
</li>
<li class="size-item" id="product_attribute_193363_10_105126">
<input type="radio" name="size_193363" value="14A" productid="193363" id="product_attribute_193363_10_105126" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',193363,event,'price-value-193363')">
<label> 14A </label>
</li>
</ul>
</div>
<div class="price_addToCart">
<div class="add-info height-add-info">
<div class="price-from price-from-193363">
</div>
<div class="prices">
<span class="price actual-price price-value-193363">9,99€</span>
</div>
</div>
<div class="add-to-cart">
<div id="add-to-cart-panel-193363" class="add-to-cart-panel">
<div class="btn-wrapper btn-wrapper--normal add-to-cart-style">
<button id="add-to-cart-button-193363" class="icon-cart addToCartPl add-to-cart-button js-addToCart" value="Ajouter au panier" data-productid="193363"
onclick="if (window.addToCartHandler) addToCartHandler(event,'0710226_K0110','193363')">
<span>Ajouter au panier</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Add to cart poppin-->
<div id="pl_add-to-cart-poppin_193363" class="pl_poppin add pl_addToCart-popin">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Check.svg" alt="img" class="lazyload">
</div>
<div class="text">
<div>Cette article a bien été ajouté à votre panier</div>
<div class="button-poppin">
<a href="/cart" class="btn-shoppingcart-poppin" data-attr="Voir le panier"> voir mon panier</a>
</div>
</div>
</div>
</div>
<div id="pl_add-to-cart-error-poppin_193363" class="pl_poppin error pl_addToCart-popin">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Dont.svg" alt="img" class="lazyload">
</div>
<div class="text" id="text pl_add-to-cart-error-poppin_193363">
<div>Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est malheureusement plus disponible.</div>
</div>
</div>
</div>
<script>
$(".add").css("display", "none");
$(".error").css("display", "none");
function handleClose(event) {
event.preventDefault();
$(".add").css("display", "none");
$(".error").css("display", "none");
}
</script>
</div>
<div class="item-box cross-sell-tag">
<script>
function removeStickerFromCrossSell() {
var stickerCrossSellCount = $("#sticker-wishlist").parents(".cross-sell-tag").length;
if (stickerCrossSellCount > 0) {
$("#picture-" + 191627).find('#sticker-wishlist').hide();
}
}
removeStickerFromCrossSell();
</script>
<div id="product-191627" class="product-item draggable -" data-productid="191627" data-productsku="0703320_K0117" data-productexternalid="18" data-itemtype="Product">
<div class="picture " id="picture-191627" data-productname="T-shirt manches longues uni bleu canard garçon" data-encodedproductname="t-shirt manches longues uni bleu canard garcon">
<div class="Img">
<div class="sticker sticker-desktop--eko" id="sticker-wishlist">
<img class="heart-wishlist " id="heart-vide-0703320_K0117" onclick="AddTowishlist(event,'0703320_K0117',191627)" src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg"
alt="Heart Wishlist" fetchpriority="High" width="20" height="20">
</div>
<script>
function AddTowishlist(event, sku, productId) {
if ($('.heart-wishlist').parents('.wishList').length > 0) {
return;
}
event.preventDefault;
var externalProductId = 0;
var numberOfFavoris = $(".wishlist-count").text();
if (isNaN(parseInt(numberOfFavoris))) {
numberOfFavoris = 0;
}
$.ajax({
type: 'POST',
contentType: 'application/json; charset=utf-8',
url: `/wishLists/addToWishList/${productId}/${externalProductId}/${sku}`,
async: true,
success: result => {
if (result.isInWishList) {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_plein_oka.svg');
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) + 1);
} else if (result.redirect == '/') {
window.location.href = "/";
} else {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg');
if (parseInt(numberOfFavoris) == 1 || Math.max(0, parseInt(numberOfFavoris) - 1) == 0) {
$(".wishlist-count").text("0");
$(".wishlist-count").hide();
} else {
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) - 1);
}
}
}
})
var prefix = sku.slice(0, 2);
var productSku = sku;
if (prefix == "00") productSku = sku.slice(2, sku.length);
var product = tc_vars.product_array.find(obj => {
return obj.product_id == productSku;
});
var productData = {
product_id: product.product_id,
product_name: product.product_name,
product_seller: product.product_seller,
product_trademark: product.product_trademark
};
tc_events_global(this.getBaseURI(), 'add-to-wishlist-pl', productData);
}
</script>
<div class="img-placeholder "></div> <button class="img-arrow arrow-hide arrow-prev" aria-role="button" tabindex="0" id="arrow-prev-191627" onclick="PrimaryPicture(191627,event)"></button>
<div class="img-set img-move" id="img-primary-191627">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0703320/thumbs/0653137_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0703320/thumbs/0653137_300.webp">
<img src="//media.idkids.fr/media/productstorage/images/okaidi/0703320/thumbs/0653137_300.jpg" width="224" height="234" class=" img-responsive " sizes="(max-width: 225px) 100vw, 225px" fetchpriority="High"
alt="T-shirt manches longues uni bleu canard garçon 1">
</picture>
</div>
<div class="stickers-eko">
<img src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/eko/eko.svg" alt="productlist.ekostickers.alt" width="32" height="10">
</div>
<div class="sticker-basket" onclick="showAddtoCart(191627,event)">
<div class="icon-sticker-basket"></div>
</div>
<div class="quick-message-box" style="display:none">
<div class="quick-container">
<div class="quick-message">Achat rapide</div>
</div>
</div>
<script>
$('#overlay-mobile').click(function() {
closeAddToCart(191627);
});
</script>
<div class="img-set img-move img-secondary" id="img-secondary-191627">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0703320/thumbs/0653138_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0703320/thumbs/0653138_300.webp">
<img alt="T-shirt manches longues uni bleu canard garçon 2" data-src="//media.idkids.fr/media/productstorage/images/okaidi/0703320/thumbs/0653138_300.jpg" id="secondary-191627"
class="lazyload img-responsive secondary-hide" width="224" height="234" sizes="(max-width: 225px) 100vw, 225px" loading="lazy" fetchpriority="High">
</picture>
</div> <button class="img-arrow arrow-next " id="arrow-next-191627" aria-role="button" tabindex="0" onclick="SecondaryPicture(191627,event)"></button>
</div>
</div>
<div class="details noAddToCart">
<div class="sticker sticker-solde">
<span class="stickertitle" style="border: 1px solid rgb(0, 0, 255);color: rgb(255,255,255);background-color: rgb(0, 0, 255) ; ">-20%* dès 3</span>
</div>
<div class="brand">
<span>OKAIDI</span>
</div>
<a href="/t-shirt-manches-longues-uni-bleu-canard-garcon-191627" class="product-title" id="details-191627">
<span class="product-title-txt"> T-shirt manches longues uni bleu canard garçon</span>
</a>
<div class="existe-coloris">
<span>Existe en 5 coloris</span>
</div>
<script>
var currentpage = tc_vars.page_number;
$('#details-191627,#picture-191627').click(function() {
var productId = '0703320_K0117';
var productName = replaceSpecialCharAndToLower('T-shirt manches longues uni bleu canard garçon');
//alert(productName);
var productposition = eval($(this).parents('li').attr('data-product-position')) + 1; // product position
var prefix = productId.slice(0, 2);
//alert(prefix);
var productSku = productId;
if (prefix == "00") productSku = productId.slice(2, productId.length);
//alert("ProductBoxView => " + productSku + " / " + productposition);
var data = {
'name': 'product-click',
'product_id': productSku,
'product_name': productName,
'product_position': productposition.toString(),
'page_number': currentpage
};
tagCommanderEvents(this.baseURI, "product-click", data);
});
</script>
<div class="add-info height-add-info">
<div class="price-from price-from-191627">
</div>
<div class="prices">
<span class="price actual-price price-value-191627">5,99€</span>
</div>
</div>
<!--Bazaar Voice-->
<div class="product-rate-container">
</div>
</div>
<div class="details withAddToCart id_191627" id="withAddToCart">
<div class="product-title" id="details-191627">
<a href="/t-shirt-manches-longues-uni-bleu-canard-garcon-191627" class="product-title" id="details-191627">
<span class="product-title-txt"> T-shirt manches longues uni bleu canard garçon</span>
</a>
<span class="product-title-close" onclick="closeAddToCart(191627)"></span>
</div>
<div class="existe-coloris">
<p><span class="libelle">Couleur : </span><span>Bleu canard</span></p>
</div>
<div class="taille">
<div class="container-size attributes-v2">
<div class="size-box libelle">Taille :</div>
</div>
<ul>
<li class="size-item" id="product_attribute_191627_10_104111">
<input type="radio" name="size_191627" value="3A" productid="191627" id="product_attribute_191627_10_104111" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',191627,event,'price-value-191627')">
<label> 3A </label>
</li>
<li class="size-item" id="product_attribute_191627_10_104111">
<input type="radio" name="size_191627" value="4A" productid="191627" id="product_attribute_191627_10_104111" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',191627,event,'price-value-191627')">
<label> 4A </label>
</li>
<li class="size-item" id="product_attribute_191627_10_104111">
<input type="radio" name="size_191627" value="5A" productid="191627" id="product_attribute_191627_10_104111" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',191627,event,'price-value-191627')">
<label> 5A </label>
</li>
<li class="size-item" id="product_attribute_191627_10_104111">
<input type="radio" name="size_191627" value="6A" productid="191627" id="product_attribute_191627_10_104111" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',191627,event,'price-value-191627')">
<label> 6A </label>
</li>
<li class="size-item" id="product_attribute_191627_10_104111">
<input type="radio" name="size_191627" value="8A" productid="191627" id="product_attribute_191627_10_104111" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',191627,event,'price-value-191627')">
<label> 8A </label>
</li>
<li class="size-item" id="product_attribute_191627_10_104111">
<input type="radio" name="size_191627" value="10A" productid="191627" id="product_attribute_191627_10_104111" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',191627,event,'price-value-191627')">
<label> 10A </label>
</li>
<li class="size-item" id="product_attribute_191627_10_104111">
<input type="radio" name="size_191627" value="12A" productid="191627" id="product_attribute_191627_10_104111" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',191627,event,'price-value-191627')">
<label> 12A </label>
</li>
<li class="size-item" id="product_attribute_191627_10_104111">
<input type="radio" name="size_191627" value="14A" productid="191627" id="product_attribute_191627_10_104111" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',191627,event,'price-value-191627')">
<label> 14A </label>
</li>
</ul>
</div>
<div class="price_addToCart">
<div class="add-info height-add-info">
<div class="price-from price-from-191627">
</div>
<div class="prices">
<span class="price actual-price price-value-191627">5,99€</span>
</div>
</div>
<div class="add-to-cart">
<div id="add-to-cart-panel-191627" class="add-to-cart-panel">
<div class="btn-wrapper btn-wrapper--normal add-to-cart-style">
<button id="add-to-cart-button-191627" class="icon-cart addToCartPl add-to-cart-button js-addToCart" value="Ajouter au panier" data-productid="191627"
onclick="if (window.addToCartHandler) addToCartHandler(event,'0703320_K0117','191627')">
<span>Ajouter au panier</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Add to cart poppin-->
<div id="pl_add-to-cart-poppin_191627" class="pl_poppin add pl_addToCart-popin">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Check.svg" alt="img" class="lazyload">
</div>
<div class="text">
<div>Cette article a bien été ajouté à votre panier</div>
<div class="button-poppin">
<a href="/cart" class="btn-shoppingcart-poppin" data-attr="Voir le panier"> voir mon panier</a>
</div>
</div>
</div>
</div>
<div id="pl_add-to-cart-error-poppin_191627" class="pl_poppin error pl_addToCart-popin">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Dont.svg" alt="img" class="lazyload">
</div>
<div class="text" id="text pl_add-to-cart-error-poppin_191627">
<div>Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est malheureusement plus disponible.</div>
</div>
</div>
</div>
<script>
$(".add").css("display", "none");
$(".error").css("display", "none");
function handleClose(event) {
event.preventDefault();
$(".add").css("display", "none");
$(".error").css("display", "none");
}
</script>
</div>
</div>
</div>
<div id="tc-related-products-cart-list" style="display: none;">0710226_K0153;jogging en molleton light uni bleu garcon|0709881_K0146;jean droit ultra-resistant bleu garcon|0710226_K0110;jogging en molleton light uni marine
garcon|0703320_K0117;t-shirt manches longues uni bleu canard garcon</div>
<script>
tc_vars["sparkow_payload"] =
's6Jgxy3jWlIuaQTjDkM/Wcv6BMi3xEozbBbxk3KyJ6xxWvg1ULUc0Miec1EnYLnsKv0OddHeTbhKlEhm1ahT+CqYBkMYwochpU4RPwzTBMXX0A3OSYtWvM+iX7YqqwIOSM331uLQZg+8O4pMEr5ZLMS0lExOf04h53ZEA/SF2BifXrVX1q6hvNN/CXCTZW4TfQIvSER/BXk1LWnFvcQwuCi5Hk4k0PazXgwMLn0W5HYdE3HHY6X7gkHDH6syiwQyTuwomINvnNAXqK6CNTh02bibCdCWDtayxI0DpLijUi1+7zzkpggmIZ6L3tAomkwfO/+AwWRZDMZTCNwWpBTi3KlX7KUB+k9/qGDq+R3PGLIN/y/cHF3Ei2Qq4fw1T/Rc0LRqcKfUwqVSzon+cfWwE9yfVT2iiW5pBEPYxDGQKqEoPQb6SqpA28XmSphqBSzU9TkVSMWxhLm2x9UDXahspvMsG4qtaB01g/TzF9J6KXv/lgBSrLaW286A8Ep7EGHVlBwuFih1iRqsdepsOwHGPbWP9sJdyQ2J7oKibC6w3LSOIBhaMZjJ7FEtxSaL4RNeXCz//QqfhpFR1AGoV+6XDcGo4NZ11yDfVFnGo0HDk6ZcSRvniFLDIi1+XJ1D++rxjoGQ2tNLom+SKfn+yUvRqUJcCJB0xeV3v1nMQdopGHfEKXvHfmfoX/4kNb+J083OHCBPvRZ7tnQb8LP7JQBXlE29jh74MAyiveYy7VHmukoUdooqams+teC15itXheChRZ4ubbyU0UD6OA5Gf643+sRJbqxVpxT8en5V0RgCJyCCTsVkWNSY8pcrU39/Ue8zh2W+CXcujqkfmlUnBy206KzU8+x1RkaJgng5DyUQNUhd58GZXl7UdGGaBTsJtDdAV7lzrH1g0SJw9u8iLRDL0TPi9ZBxeos3wJO5Iq2sMDXrwWmGcU5ljAJ3y9VCrDZd+NMhvvrkhMTNUpsLVN+pGd+V9TMvenzDGZyQJHzpdnM0BxpIjNPpjhuy7sBGKhAsYsiz6Wzwjyp84jC4ZNi8McN68/S2xhR8hwq5sF8te6b2OXNFXd6Vj568BFfuRQ29WmM8yccZeo3VPIh+HFVfS1qpwTZXHGhh/Df2oQ+VpKkpAhnF3tr9yi4EMJ2z1W/Nvmx1xz5kOttkU8gJfWPW5LRcxACpntTcE6WngN4LQljJKOo2aODDViy/K3Or5us9695veAY/DQX+fkY9ZYSNuk4T7wt7+eceRJsCKJCxRbA1DaegcXc/bldObcpN+w/8xe0W9CQJ6sjejw4mlYGon15MIm4gTA/3IiQ1BayZbPHS50A4SRu7PkkoDhbDbN4Uz0Xsg2n4U0Xgdzhk2VakRwB86VK/UfshS84gfq/d35rXgwQ4np0KI6aAm9+jiek4CdzuvNRH0fyXZGW/W+6cbiy6WewVW9XCjx0I2HM58T8f69C56oLFXYYWfxofridODAP06/4PT9KkL6ztm0wBsCN4cN9viSthJyytuu/CHJUXU7dWoK5gJXX3MJHvzUgvrHkUq3LvL6/qhPdlLBLnbSLbE9mml2iYQKS4WPWBy8DrhyoYrVHMb/Ba6vBSwzCgMlexslkGacMD/rUXvlN9RjU3NTXe0x3ac++AZHGKopNRdoVs79BytzFi6/g6UfLGzRxz9a8la1Bxoou20Gug2RB4tyFuijcUhF6Jqx108jbsLlD/sR9Cy5Mxhj5kO2i4h5pFfTYwj1EO+qjp+MDpovfhQGadNfnNlIn/5fPcU5TSJ+mha+pEVeNpJS0bVqd0z9RvL0V/ZvZwlNVgmzI+f9zn0hUOQGhcCxfa+sQwyb6D2H4sQ7LMV/M2f/Mc+2jAqYBe0378YimVyjBpXVHeAoJpSmTtIsqf9mr3FKAIQ2a85AggLstJTkzvGDseOSc6GzTsNhoWXFvYKuO/bNSbUbAdeQlpWZUIJP28ujbXamEp+JH5Kvw5EzGVnl+4ElXXC7QNNsCONS5yTXvPXV+TzaQSiZZVrZTdO9IbwewMNFrNDaozq0ieQEYQg5mcPOVitKoMmiz6XbiKgUuwk+0SHINgyrXRwrLkGBzbcUV6WBmsRN6ybzifPUwEmfQXapAz1odi77BmAGuMah1dO2hZxT0UyhhtLoSnjfhIYVFf5vELQSVn0eQ6XW0GA1X60ufdV7TKqkFJC8tWK/D01fA+8y/8UKiAb4n93fpveE4o3lc/2rgPZQf+Vut7o7qH9dhNka5dtBwHkkgaNx3htaN3b8ChEXdQ4eRlGmFMax2oXeE5fXAsfziSKxtqXGCO77HKwar8HZ7gXlq6fEmpAX781kJNUgBbxY2kmnMPO4GKKJmKm5rhqiDrxC7V22qExfbfc+daY0A40GC2sAhIanEWffRHYH8nfdOmrikGC2C8wus3gdLQwT3qCsjXXZVJv23cV4Br6Uisdw95TsCQqAedltptgAwW+M7vii/KG4edcHmjRTNSWgkCH4upiPLphNWk/FZI/aFKmCraydZSlTqRsYCQroVuHKwJ7xrHRYEGRds=';
$(".cross-sell-tag .img-set .img-responsive").attr("loading", "lazy");
$('#add-to-cart-poppin #related-products-cart').find('.product-item').click(function() {
var productName = $(this).find('.picture').data('encodedproductname');
var productSku = $(this).data('productsku');
var product = productSku + ';' + productName;
tagCommanderEvents(this.baseURI, 'cross-sell-click', {
product: product,
action: 'CrossSell_Popin_Cart'
});
});
$(function() {
tagCommanderEvents(this.baseURI, 'cross-sell-impression', {
product: '0710226_K0153;jogging en molleton light uni bleu garcon|0709881_K0146;jean droit ultra-resistant bleu garcon|0710226_K0110;jogging en molleton light uni marine garcon|0703320_K0117;t-shirt manches longues uni bleu canard garcon',
action: 'CrossSell_Popin_Cart'
});
});
</script>
</div>
<div class="button-poppin"><button type="button" class="btn-continue-poppin">Continuer</button><a href="/cart" class="btn-shoppingcart-poppin">voir mon panier</a></div>
</div>
</div>
</div>
<aside class="sticky-wrapper">
<div class="sticky-section ">
<div class="product-head">
<div class="container-logo">
<div class="supplier-logos"></div>
</div>
<div class="manufacturers"><span class="value"><img src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/brand/OKA.jpg" alt="logo" class="logoBrand"></span></div>
<div class="product-name">
<h1 class="item-title">T-shirt rugby à rayures bleu marine Garçon<!-- --> </h1>
</div>
<div class="product-head-infos">
<div class="head-info "></div>
<div class="head-info head-info--pipe"><span class="nav-product-infos-link" data-link="full-description" style="text-decoration:underline;cursor:pointer">Voir la description</span></div>
</div>
<ul class="advantages-wrapper"></ul>
</div>
<div class="overview">
<div class="additional-details hidden">
<div class="sku"><span class="label">Référence<!-- -->:</span><span class="value" id="sku-192374">0710763_K0171</span></div>
<div class="product-vendor"><span class="label">Vendeur<!-- -->:</span><span class="value"> <!-- -->Okaidi<!-- --> </span></div>
</div>
<div class="product-art-cmd-ctr">
<div class="container-size-color">
<div class="container-variation">
<div class="variation-v1">
<div><span class="variations-title">Couleur<!-- --> : <!-- -->Rayures bleu</span></div>
<ul class="container-variation variation-list">
<li class="variation-ctr ">
<a class="variation-item ColorSelected" href="t-shirt-rugby-a-rayures-bleu-marine-garcon-192374"><picture><source type="image/avif" srcset="https://media.idkids.fr/media/productstorage/images/okaidi/0710763/thumbs/0655019_100.avif"><source type="image/webp" srcset="https://media.idkids.fr/media/productstorage/images/okaidi/0710763/thumbs/0655019_100.webp"><img title="Rayures bleu" alt="T-shirt rugby à rayures bleu marine Garçon" src="https://media.idkids.fr/media/productstorage/images/okaidi/0710763/thumbs/0655019_100.jpg" class="img-responsive"></picture></a>
</li>
<li class="variation-ctr ">
<a class="variation-item " href="t-shirt-rugby-a-rayures-vert-garcon-192312"><picture><source type="image/avif" srcset="https://media.idkids.fr/media/productstorage/images/okaidi/0710763/thumbs/0654949_100.avif"><source type="image/webp" srcset="https://media.idkids.fr/media/productstorage/images/okaidi/0710763/thumbs/0654949_100.webp"><img title="Rayures vert" alt="T-shirt rugby à rayures vert Garçon" src="https://media.idkids.fr/media/productstorage/images/okaidi/0710763/thumbs/0654949_100.jpg" class="img-responsive"></picture></a>
</li>
</ul>
</div>
</div>
<div class="container-taille">
<div class=" attributes-v1 attributes ">
<dl>
<dd>
<div class="container-size attributes-v2">
<div class="size-box">Taille</div>
</div>
<ul class=" option-list sizeProductAttributes ">
<li class="size-item"><input type="radio" class="input-radio
" id="product_attribute_192374_10_104365_3A" name="product_attribute_192374_10_104365" value="3A" data-product-size="3A"><label class="" for="product_attribute_192374_10_104365_3A">3A</label></li>
<li class="size-item"><input type="radio" class="input-radio
" id="product_attribute_192374_10_104365_4A" name="product_attribute_192374_10_104365" value="4A" data-product-size="4A"><label class="" for="product_attribute_192374_10_104365_4A">4A</label></li>
<li class="size-item"><input type="radio" class="input-radio
" id="product_attribute_192374_10_104365_5A" name="product_attribute_192374_10_104365" value="5A" data-product-size="5A"><label class="" for="product_attribute_192374_10_104365_5A">5A</label></li>
<li class="size-item"><input type="radio" class="input-radio
" id="product_attribute_192374_10_104365_6A" name="product_attribute_192374_10_104365" value="6A" data-product-size="6A"><label class="" for="product_attribute_192374_10_104365_6A">6A</label></li>
<li class="size-item"><input type="radio" class="input-radio
" id="product_attribute_192374_10_104365_8A" name="product_attribute_192374_10_104365" value="8A" data-product-size="8A"><label class="" for="product_attribute_192374_10_104365_8A">8A</label></li>
<li class="size-item"><input type="radio" class="input-radio
" id="product_attribute_192374_10_104365_10A" name="product_attribute_192374_10_104365" value="10A" data-product-size="10A"><label class="" for="product_attribute_192374_10_104365_10A">10A</label></li>
<li class="size-item"><input type="radio" class="input-radio
" id="product_attribute_192374_10_104365_12A" name="product_attribute_192374_10_104365" value="12A" data-product-size="12A"><label class="" for="product_attribute_192374_10_104365_12A">12A</label></li>
<li class="size-item"><input type="radio" class="input-radio
" id="product_attribute_192374_10_104365_14A" name="product_attribute_192374_10_104365" value="14A" data-product-size="14A"><label class="" for="product_attribute_192374_10_104365_14A">14A</label></li>
</ul>
</dd>
</dl>
</div>
</div>
</div>
<div class="container-guideSize-v1"><button id="gridSizeOpen" type="button" class="size-guide">Guide des tailles</button></div>
<div class="price-box">
<div class="prices"><span></span><span></span><span></span><span class="product-price"><span id="product-price-item" class="product-price-item price-value-0">
<div class="container-price"><span class="price-val-for-dyn-upd-0">17,99€</span><span> </span></div>
</span></span><span></span><span></span><span></span><span></span><span>
<meta content="EUR">
</span></div>
</div>
<div class="marketing__action__message__promo"><a href="https://fr.okaidi.be/conditions-des-offres-2">- 20%* dès 3 articles achetés</a></div>
<div>
<div class="add-to-cart" id="add-to-cart">
<div class="add-to-cart-error"></div>
<div class="add-to-cart-error"></div>
<div class="add-to-cart-panel">
<div class="btn-wrapper btn-wrapper--normal adc add-to-cart-style"><button type="button" id="add-to-cart-button-192374" aria-label="active" class="add-to-cart-button active" data-productid="192374">Ajouter au panier</button>
</div>
<div class="btn-wrapper adc"><button id="e-reservation-add-product-192374" class="add-to-cart-button onestock" type="button">Réserver en magasin</button></div>
</div>
</div>
<div class="add-to-wish-list-oka"><img class="img-heart" src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg" alt="Ajouter aux favoris"><span class="add-to-wishlist-text">Ajouter aux
favoris</span></div>
<div id="REstimatedDeliveryDate">
<ul class="shipping-method-infos">
<li class="loyalty-point"><span class="loyalty-picto"><img src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/okaplus.svg" alt="fid_picto"></span><span>
<p class="logo-okaplus-title">LA FIDELITE</p>
<p id="loyalty-point-192374">Gagnez <b> 17 points</b>, ça vaut le coup !</p><span class="showLoyaltyPanel" tabindex="0" focusable="true" role="button">En savoir +</span>
</span></li>
<li class="icon-refresh">
<p><span><a href="/satisfait-ou-rembourse-2" target="_blank">Satisfait ou remboursé</a></span></p>
</li>
<li class="icon-shop shipping-details ">
<p>Livraison gratuite en magasin</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</aside>
<div class="product-info-detail">
<div id="js-flowbox-flow"></div>
<div id="related-look" class="related-look" data-linked="related-look"></div>
<div id="related-products" class="related-products" data-linked="related-products">
<div class="also-purchased-products-grid product-select js-relatedProductContent">
<div class="title rubricInfo-header">
<strong class="title-style">Vous aimerez aussi ...</strong>
</div>
<div class="item-grid related-slick">
<div class="item-box cross-sell-tag">
<script>
function removeStickerFromCrossSell() {
var stickerCrossSellCount = $("#sticker-wishlist").parents(".cross-sell-tag").length;
if (stickerCrossSellCount > 0) {
$("#picture-" + 191820).find('#sticker-wishlist').hide();
}
}
removeStickerFromCrossSell();
</script>
<div id="product-191820" class="product-item draggable -" data-productid="191820" data-productsku="0710257_K0161" data-productexternalid="26" data-itemtype="Product">
<div class="picture " id="picture-191820" data-productname="T-shirt bike club bleu marine Garçon" data-encodedproductname="t-shirt bike club bleu marine garcon">
<div class="Img">
<div class="sticker sticker-desktop--eko" id="sticker-wishlist" style="display: none;">
<img class="heart-wishlist " id="heart-vide-0710257_K0161" onclick="AddTowishlist(event,'0710257_K0161',191820)" src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg"
alt="Heart Wishlist" fetchpriority="High" width="20" height="20">
</div>
<script>
function AddTowishlist(event, sku, productId) {
if ($('.heart-wishlist').parents('.wishList').length > 0) {
return;
}
event.preventDefault;
var externalProductId = 0;
var numberOfFavoris = $(".wishlist-count").text();
if (isNaN(parseInt(numberOfFavoris))) {
numberOfFavoris = 0;
}
$.ajax({
type: 'POST',
contentType: 'application/json; charset=utf-8',
url: `/wishLists/addToWishList/${productId}/${externalProductId}/${sku}`,
async: true,
success: result => {
if (result.isInWishList) {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_plein_oka.svg');
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) + 1);
} else if (result.redirect == '/') {
window.location.href = "/";
} else {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg');
if (parseInt(numberOfFavoris) == 1 || Math.max(0, parseInt(numberOfFavoris) - 1) == 0) {
$(".wishlist-count").text("0");
$(".wishlist-count").hide();
} else {
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) - 1);
}
}
}
})
var prefix = sku.slice(0, 2);
var productSku = sku;
if (prefix == "00") productSku = sku.slice(2, sku.length);
var product = tc_vars.product_array.find(obj => {
return obj.product_id == productSku;
});
var productData = {
product_id: product.product_id,
product_name: product.product_name,
product_seller: product.product_seller,
product_trademark: product.product_trademark
};
tc_events_global(this.getBaseURI(), 'add-to-wishlist-pl', productData);
}
</script>
<div class="img-placeholder "></div> <button class="img-arrow arrow-hide arrow-prev" aria-role="button" tabindex="0" id="arrow-prev-191820" onclick="PrimaryPicture(191820,event)"></button>
<div class="img-set img-move" id="img-primary-191820">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710257/thumbs/0653036_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710257/thumbs/0653036_300.webp">
<img src="//media.idkids.fr/media/productstorage/images/okaidi/0710257/thumbs/0653036_300.jpg" width="224" height="234" class=" img-responsive " sizes="(max-width: 225px) 100vw, 225px" fetchpriority="High"
alt="T-shirt bike club bleu marine Garçon 1" loading="lazy">
</picture>
</div>
<div class="stickers-eko">
<img src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/eko/eko.svg" alt="productlist.ekostickers.alt" width="32" height="10">
</div>
<div class="sticker-basket" onclick="showAddtoCart(191820,event)">
<div class="icon-sticker-basket"></div>
</div>
<div class="quick-message-box" style="display:none">
<div class="quick-container">
<div class="quick-message">Achat rapide</div>
</div>
</div>
<script>
$('#overlay-mobile').click(function() {
closeAddToCart(191820);
});
</script>
<div class="img-set img-move img-secondary" id="img-secondary-191820">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710257/thumbs/0653037_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710257/thumbs/0653037_300.webp">
<img alt="T-shirt bike club bleu marine Garçon 2" data-src="//media.idkids.fr/media/productstorage/images/okaidi/0710257/thumbs/0653037_300.jpg" id="secondary-191820" class="img-responsive secondary-hide lazyloaded"
width="224" height="234" sizes="(max-width: 225px) 100vw, 225px" loading="lazy" fetchpriority="High" src="//media.idkids.fr/media/productstorage/images/okaidi/0710257/thumbs/0653037_300.jpg">
</picture>
</div> <button class="img-arrow arrow-next " id="arrow-next-191820" aria-role="button" tabindex="0" onclick="SecondaryPicture(191820,event)"></button>
</div>
</div>
<div class="details noAddToCart">
<div class="sticker sticker-solde">
<span class="stickertitle" style="border: 1px solid rgb(0, 0, 255);color: rgb(255,255,255);background-color: rgb(0, 0, 255) ; ">-20%* dès 3</span>
</div>
<div class="brand">
<span>OKAIDI</span>
</div>
<a href="/t-shirt-bike-club-bleu-marine-garcon-191820" class="product-title" id="details-191820">
<span class="product-title-txt"> T-shirt bike club bleu marine Garçon</span>
</a>
<div class="existe-coloris">
<span>Existe en 2 coloris</span>
</div>
<script>
var currentpage = tc_vars.page_number;
$('#details-191820,#picture-191820').click(function() {
var productId = '0710257_K0161';
var productName = replaceSpecialCharAndToLower('T-shirt bike club bleu marine Garçon');
//alert(productName);
var productposition = eval($(this).parents('li').attr('data-product-position')) + 1; // product position
var prefix = productId.slice(0, 2);
//alert(prefix);
var productSku = productId;
if (prefix == "00") productSku = productId.slice(2, productId.length);
//alert("ProductBoxView => " + productSku + " / " + productposition);
var data = {
'name': 'product-click',
'product_id': productSku,
'product_name': productName,
'product_position': productposition.toString(),
'page_number': currentpage
};
tagCommanderEvents(this.baseURI, "product-click", data);
});
</script>
<div class="add-info height-add-info">
<div class="price-from price-from-191820">
</div>
<div class="prices">
<span class="price actual-price price-value-191820">8,99€</span>
</div>
</div>
<!--Bazaar Voice-->
<div class="product-rate-container">
</div>
</div>
<div class="details withAddToCart id_191820" id="withAddToCart">
<div class="product-title" id="details-191820">
<a href="/t-shirt-bike-club-bleu-marine-garcon-191820" class="product-title" id="details-191820">
<span class="product-title-txt"> T-shirt bike club bleu marine Garçon</span>
</a>
<span class="product-title-close" onclick="closeAddToCart(191820)"></span>
</div>
<div class="existe-coloris">
<p><span class="libelle">Couleur : </span><span>Bleu Chine</span></p>
</div>
<div class="taille">
<div class="container-size attributes-v2">
<div class="size-box libelle">Taille :</div>
</div>
<ul>
<li class="size-item" id="product_attribute_191820_10_104185">
<input type="radio" name="size_191820" value="3A" productid="191820" id="product_attribute_191820_10_104185" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',191820,event,'price-value-191820')">
<label> 3A </label>
</li>
<li class="size-item" id="product_attribute_191820_10_104185">
<input type="radio" name="size_191820" value="4A" productid="191820" id="product_attribute_191820_10_104185" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',191820,event,'price-value-191820')">
<label> 4A </label>
</li>
<li class="size-item" id="product_attribute_191820_10_104185">
<input type="radio" name="size_191820" value="5A" productid="191820" id="product_attribute_191820_10_104185" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',191820,event,'price-value-191820')">
<label> 5A </label>
</li>
<li class="size-item" id="product_attribute_191820_10_104185">
<input type="radio" name="size_191820" value="6A" productid="191820" id="product_attribute_191820_10_104185" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',191820,event,'price-value-191820')">
<label> 6A </label>
</li>
<li class="size-item" id="product_attribute_191820_10_104185">
<input type="radio" name="size_191820" value="8A" productid="191820" id="product_attribute_191820_10_104185" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',191820,event,'price-value-191820')">
<label> 8A </label>
</li>
<li class="size-item" id="product_attribute_191820_10_104185">
<input type="radio" name="size_191820" value="10A" productid="191820" id="product_attribute_191820_10_104185" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',191820,event,'price-value-191820')">
<label> 10A </label>
</li>
<li class="size-item" id="product_attribute_191820_10_104185">
<input type="radio" name="size_191820" value="12A" productid="191820" id="product_attribute_191820_10_104185" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',191820,event,'price-value-191820')">
<label> 12A </label>
</li>
<li class="size-item" id="product_attribute_191820_10_104185">
<input type="radio" name="size_191820" value="14A" productid="191820" id="product_attribute_191820_10_104185" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',191820,event,'price-value-191820')">
<label> 14A </label>
</li>
</ul>
</div>
<div class="price_addToCart">
<div class="add-info height-add-info">
<div class="price-from price-from-191820">
</div>
<div class="prices">
<span class="price actual-price price-value-191820">8,99€</span>
</div>
</div>
<div class="add-to-cart">
<div id="add-to-cart-panel-191820" class="add-to-cart-panel">
<div class="btn-wrapper btn-wrapper--normal add-to-cart-style">
<button id="add-to-cart-button-191820" class="icon-cart addToCartPl add-to-cart-button js-addToCart" value="Ajouter au panier" data-productid="191820"
onclick="if (window.addToCartHandler) addToCartHandler(event,'0710257_K0161','191820')">
<span>Ajouter au panier</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Add to cart poppin-->
<div id="pl_add-to-cart-poppin_191820" class="pl_poppin add pl_addToCart-popin" style="display: none;">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Check.svg" alt="img" class="lazyload">
</div>
<div class="text">
<div>Cette article a bien été ajouté à votre panier</div>
<div class="button-poppin">
<a href="/cart" class="btn-shoppingcart-poppin" data-attr="Voir le panier"> voir mon panier</a>
</div>
</div>
</div>
</div>
<div id="pl_add-to-cart-error-poppin_191820" class="pl_poppin error pl_addToCart-popin" style="display: none;">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Dont.svg" alt="img" class="lazyload">
</div>
<div class="text" id="text pl_add-to-cart-error-poppin_191820">
<div>Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est malheureusement plus disponible.</div>
</div>
</div>
</div>
<script>
$(".add").css("display", "none");
$(".error").css("display", "none");
function handleClose(event) {
event.preventDefault();
$(".add").css("display", "none");
$(".error").css("display", "none");
}
</script>
</div>
<div class="item-box cross-sell-tag">
<script>
function removeStickerFromCrossSell() {
var stickerCrossSellCount = $("#sticker-wishlist").parents(".cross-sell-tag").length;
if (stickerCrossSellCount > 0) {
$("#picture-" + 36888).find('#sticker-wishlist').hide();
}
}
removeStickerFromCrossSell();
</script>
<div id="product-36888" class="product-item draggable -" data-productid="36888" data-productsku="0090058_K0800" data-productexternalid="22" data-itemtype="Product">
<div class="picture " id="picture-36888" data-productname="Polo en coton piqué blanc garçon" data-encodedproductname="polo en coton pique blanc garcon">
<div class="Img">
<div class="sticker sticker-desktop--eko" id="sticker-wishlist" style="display: none;">
<img class="heart-wishlist " id="heart-vide-0090058_K0800" onclick="AddTowishlist(event,'0090058_K0800',36888)" src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg"
alt="Heart Wishlist" fetchpriority="High" width="20" height="20">
</div>
<script>
function AddTowishlist(event, sku, productId) {
if ($('.heart-wishlist').parents('.wishList').length > 0) {
return;
}
event.preventDefault;
var externalProductId = 0;
var numberOfFavoris = $(".wishlist-count").text();
if (isNaN(parseInt(numberOfFavoris))) {
numberOfFavoris = 0;
}
$.ajax({
type: 'POST',
contentType: 'application/json; charset=utf-8',
url: `/wishLists/addToWishList/${productId}/${externalProductId}/${sku}`,
async: true,
success: result => {
if (result.isInWishList) {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_plein_oka.svg');
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) + 1);
} else if (result.redirect == '/') {
window.location.href = "/";
} else {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg');
if (parseInt(numberOfFavoris) == 1 || Math.max(0, parseInt(numberOfFavoris) - 1) == 0) {
$(".wishlist-count").text("0");
$(".wishlist-count").hide();
} else {
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) - 1);
}
}
}
})
var prefix = sku.slice(0, 2);
var productSku = sku;
if (prefix == "00") productSku = sku.slice(2, sku.length);
var product = tc_vars.product_array.find(obj => {
return obj.product_id == productSku;
});
var productData = {
product_id: product.product_id,
product_name: product.product_name,
product_seller: product.product_seller,
product_trademark: product.product_trademark
};
tc_events_global(this.getBaseURI(), 'add-to-wishlist-pl', productData);
}
</script>
<div class="img-placeholder "></div> <button class="img-arrow arrow-hide arrow-prev" aria-role="button" tabindex="0" id="arrow-prev-36888" onclick="PrimaryPicture(36888,event)"></button>
<div class="img-set img-move" id="img-primary-36888">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0090058/thumbs/0634733_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0090058/thumbs/0634733_300.webp">
<img src="//media.idkids.fr/media/productstorage/images/okaidi/0090058/thumbs/0634733_300.jpg" width="224" height="234" class=" img-responsive " sizes="(max-width: 225px) 100vw, 225px" fetchpriority="High"
alt="Polo en coton piqué blanc garçon 1" loading="lazy">
</picture>
</div>
<div class="stickers-eko">
<img src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/eko/eko.svg" alt="productlist.ekostickers.alt" width="32" height="10">
</div>
<div class="sticker-basket" onclick="showAddtoCart(36888,event)">
<div class="icon-sticker-basket"></div>
</div>
<div class="quick-message-box" style="display:none">
<div class="quick-container">
<div class="quick-message">Achat rapide</div>
</div>
</div>
<script>
$('#overlay-mobile').click(function() {
closeAddToCart(36888);
});
</script>
<div class="img-set img-move img-secondary" id="img-secondary-36888">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0090058/thumbs/0634734_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0090058/thumbs/0634734_300.webp">
<img alt="Polo en coton piqué blanc garçon 2" data-src="//media.idkids.fr/media/productstorage/images/okaidi/0090058/thumbs/0634734_300.jpg" id="secondary-36888" class="img-responsive secondary-hide lazyloaded" width="224"
height="234" sizes="(max-width: 225px) 100vw, 225px" loading="lazy" fetchpriority="High" src="//media.idkids.fr/media/productstorage/images/okaidi/0090058/thumbs/0634734_300.jpg">
</picture>
</div> <button class="img-arrow arrow-next " id="arrow-next-36888" aria-role="button" tabindex="0" onclick="SecondaryPicture(36888,event)"></button>
</div>
</div>
<div class="details noAddToCart">
<div class="sticker sticker-solde">
<span class="stickertitle" style="border: 1px solid rgb(0, 0, 255);color: rgb(255,255,255);background-color: rgb(0, 0, 255) ; ">-20%* dès 3</span>
</div>
<div class="brand">
<span>OKAIDI</span>
</div>
<a href="/polo-en-coton-pique-blanc-36888" class="product-title" id="details-36888">
<span class="product-title-txt"> Polo en coton piqué blanc garçon</span>
</a>
<div class="existe-coloris">
<span>Existe en 5 coloris</span>
</div>
<script>
var currentpage = tc_vars.page_number;
$('#details-36888,#picture-36888').click(function() {
var productId = '0090058_K0800';
var productName = replaceSpecialCharAndToLower('Polo en coton piqué blanc garçon');
//alert(productName);
var productposition = eval($(this).parents('li').attr('data-product-position')) + 1; // product position
var prefix = productId.slice(0, 2);
//alert(prefix);
var productSku = productId;
if (prefix == "00") productSku = productId.slice(2, productId.length);
//alert("ProductBoxView => " + productSku + " / " + productposition);
var data = {
'name': 'product-click',
'product_id': productSku,
'product_name': productName,
'product_position': productposition.toString(),
'page_number': currentpage
};
tagCommanderEvents(this.baseURI, "product-click", data);
});
</script>
<div class="add-info ">
<div class="price-from price-from-36888">
<span>Dès</span>
</div>
<div class="prices">
<span class="price actual-price price-value-36888">7,99€</span>
</div>
</div>
<!--Bazaar Voice-->
<div class="product-rate-container">
<ul class="product-rate" aria-label="4,85 reviews.overview.rate" tabindex="0">
<li class="star-0 starred"></li>
<li class="star-1 starred"></li>
<li class="star-2 starred"></li>
<li class="star-3 starred"></li>
<li class="star-4 starred"></li>
</ul>
<div class="product-rate-number">
<span aria-label="4,85 reviews.overview.rate, 20 Avis" tabindex="0">(20)</span>
</div>
</div>
</div>
<div class="details withAddToCart id_36888" id="withAddToCart">
<div class="product-title" id="details-36888">
<a href="/polo-en-coton-pique-blanc-36888" class="product-title" id="details-36888">
<span class="product-title-txt"> Polo en coton piqué blanc garçon</span>
</a>
<span class="product-title-close" onclick="closeAddToCart(36888)"></span>
</div>
<div class="existe-coloris">
<p><span class="libelle">Couleur : </span><span>Blanc</span></p>
</div>
<div class="taille">
<div class="container-size attributes-v2">
<div class="size-box libelle">Taille :</div>
</div>
<ul>
<li class="size-item" id="product_attribute_36888_10_23765">
<input type="radio" name="size_36888" value="2A" productid="36888" id="product_attribute_36888_10_23765" disabled="" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',36888,event,'price-value-36888')">
<label> 2A </label>
</li>
<li class="size-item" id="product_attribute_36888_10_23765">
<input type="radio" name="size_36888" value="3A" productid="36888" id="product_attribute_36888_10_23765" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',36888,event,'price-value-36888')">
<label> 3A </label>
</li>
<li class="size-item" id="product_attribute_36888_10_23765">
<input type="radio" name="size_36888" value="4A" productid="36888" id="product_attribute_36888_10_23765" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',36888,event,'price-value-36888')">
<label> 4A </label>
</li>
<li class="size-item" id="product_attribute_36888_10_23765">
<input type="radio" name="size_36888" value="5A" productid="36888" id="product_attribute_36888_10_23765" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',36888,event,'price-value-36888')">
<label> 5A </label>
</li>
<li class="size-item" id="product_attribute_36888_10_23765">
<input type="radio" name="size_36888" value="6A" productid="36888" id="product_attribute_36888_10_23765" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',36888,event,'price-value-36888')">
<label> 6A </label>
</li>
<li class="size-item" id="product_attribute_36888_10_23765">
<input type="radio" name="size_36888" value="8A" productid="36888" id="product_attribute_36888_10_23765" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',36888,event,'price-value-36888')">
<label> 8A </label>
</li>
<li class="size-item" id="product_attribute_36888_10_23765">
<input type="radio" name="size_36888" value="10A" productid="36888" id="product_attribute_36888_10_23765" disabled="" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',36888,event,'price-value-36888')">
<label> 10A </label>
</li>
<li class="size-item" id="product_attribute_36888_10_23765">
<input type="radio" name="size_36888" value="12A" productid="36888" id="product_attribute_36888_10_23765" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',36888,event,'price-value-36888')">
<label> 12A </label>
</li>
<li class="size-item" id="product_attribute_36888_10_23765">
<input type="radio" name="size_36888" value="14A" productid="36888" id="product_attribute_36888_10_23765" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',36888,event,'price-value-36888')">
<label> 14A </label>
</li>
</ul>
</div>
<div class="price_addToCart">
<div class="add-info ">
<div class="price-from price-from-36888">
<span>Dès</span>
</div>
<div class="prices">
<span class="price actual-price price-value-36888">7,99€</span>
</div>
</div>
<div class="add-to-cart">
<div id="add-to-cart-panel-36888" class="add-to-cart-panel">
<div class="btn-wrapper btn-wrapper--normal add-to-cart-style">
<button id="add-to-cart-button-36888" class="icon-cart addToCartPl add-to-cart-button js-addToCart" value="Ajouter au panier" data-productid="36888"
onclick="if (window.addToCartHandler) addToCartHandler(event,'0090058_K0800','36888')">
<span>Ajouter au panier</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Add to cart poppin-->
<div id="pl_add-to-cart-poppin_36888" class="pl_poppin add pl_addToCart-popin" style="display: none;">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Check.svg" alt="img" class="lazyload">
</div>
<div class="text">
<div>Cette article a bien été ajouté à votre panier</div>
<div class="button-poppin">
<a href="/cart" class="btn-shoppingcart-poppin" data-attr="Voir le panier"> voir mon panier</a>
</div>
</div>
</div>
</div>
<div id="pl_add-to-cart-error-poppin_36888" class="pl_poppin error pl_addToCart-popin" style="display: none;">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Dont.svg" alt="img" class="lazyload">
</div>
<div class="text" id="text pl_add-to-cart-error-poppin_36888">
<div>Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est malheureusement plus disponible.</div>
</div>
</div>
</div>
<script>
$(".add").css("display", "none");
$(".error").css("display", "none");
function handleClose(event) {
event.preventDefault();
$(".add").css("display", "none");
$(".error").css("display", "none");
}
</script>
</div>
<div class="item-box cross-sell-tag">
<script>
function removeStickerFromCrossSell() {
var stickerCrossSellCount = $("#sticker-wishlist").parents(".cross-sell-tag").length;
if (stickerCrossSellCount > 0) {
$("#picture-" + 192552).find('#sticker-wishlist').hide();
}
}
removeStickerFromCrossSell();
</script>
<div id="product-192552" class="product-item draggable -" data-productid="192552" data-productsku="0710258_K0153" data-productexternalid="26" data-itemtype="Product">
<div class="picture " id="picture-192552" data-productname="T-shirt à message bleu Garçon" data-encodedproductname="t-shirt a message bleu garcon">
<div class="Img">
<div class="sticker sticker-desktop--eko" id="sticker-wishlist" style="display: none;">
<img class="heart-wishlist " id="heart-vide-0710258_K0153" onclick="AddTowishlist(event,'0710258_K0153',192552)" src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg"
alt="Heart Wishlist" fetchpriority="High" width="20" height="20">
</div>
<script>
function AddTowishlist(event, sku, productId) {
if ($('.heart-wishlist').parents('.wishList').length > 0) {
return;
}
event.preventDefault;
var externalProductId = 0;
var numberOfFavoris = $(".wishlist-count").text();
if (isNaN(parseInt(numberOfFavoris))) {
numberOfFavoris = 0;
}
$.ajax({
type: 'POST',
contentType: 'application/json; charset=utf-8',
url: `/wishLists/addToWishList/${productId}/${externalProductId}/${sku}`,
async: true,
success: result => {
if (result.isInWishList) {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_plein_oka.svg');
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) + 1);
} else if (result.redirect == '/') {
window.location.href = "/";
} else {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg');
if (parseInt(numberOfFavoris) == 1 || Math.max(0, parseInt(numberOfFavoris) - 1) == 0) {
$(".wishlist-count").text("0");
$(".wishlist-count").hide();
} else {
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) - 1);
}
}
}
})
var prefix = sku.slice(0, 2);
var productSku = sku;
if (prefix == "00") productSku = sku.slice(2, sku.length);
var product = tc_vars.product_array.find(obj => {
return obj.product_id == productSku;
});
var productData = {
product_id: product.product_id,
product_name: product.product_name,
product_seller: product.product_seller,
product_trademark: product.product_trademark
};
tc_events_global(this.getBaseURI(), 'add-to-wishlist-pl', productData);
}
</script>
<div class="img-placeholder "></div> <button class="img-arrow arrow-hide arrow-prev" aria-role="button" tabindex="0" id="arrow-prev-192552" onclick="PrimaryPicture(192552,event)"></button>
<div class="img-set img-move" id="img-primary-192552">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710258/thumbs/0657455_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710258/thumbs/0657455_300.webp">
<img src="//media.idkids.fr/media/productstorage/images/okaidi/0710258/thumbs/0657455_300.jpg" width="224" height="234" class=" img-responsive " sizes="(max-width: 225px) 100vw, 225px" fetchpriority="High"
alt="T-shirt à message bleu Garçon 1" loading="lazy">
</picture>
</div>
<div class="stickers-eko">
<img src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/eko/eko.svg" alt="productlist.ekostickers.alt" width="32" height="10">
</div>
<div class="sticker-basket" onclick="showAddtoCart(192552,event)">
<div class="icon-sticker-basket"></div>
</div>
<div class="quick-message-box" style="display:none">
<div class="quick-container">
<div class="quick-message">Achat rapide</div>
</div>
</div>
<script>
$('#overlay-mobile').click(function() {
closeAddToCart(192552);
});
</script>
<div class="img-set img-move img-secondary" id="img-secondary-192552">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710258/thumbs/0657456_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710258/thumbs/0657456_300.webp">
<img alt="T-shirt à message bleu Garçon 2" data-src="//media.idkids.fr/media/productstorage/images/okaidi/0710258/thumbs/0657456_300.jpg" id="secondary-192552" class="img-responsive secondary-hide lazyloaded" width="224"
height="234" sizes="(max-width: 225px) 100vw, 225px" loading="lazy" fetchpriority="High" src="//media.idkids.fr/media/productstorage/images/okaidi/0710258/thumbs/0657456_300.jpg">
</picture>
</div> <button class="img-arrow arrow-next " id="arrow-next-192552" aria-role="button" tabindex="0" onclick="SecondaryPicture(192552,event)"></button>
</div>
</div>
<div class="details noAddToCart">
<div class="sticker sticker-solde">
<span class="stickertitle" style="border: 1px solid rgb(0, 0, 255);color: rgb(255,255,255);background-color: rgb(0, 0, 255) ; ">-20%* dès 3</span>
</div>
<div class="brand">
<span>OKAIDI</span>
</div>
<a href="/t-shirt-a-message-bleu-garcon-192552" class="product-title" id="details-192552">
<span class="product-title-txt"> T-shirt à message bleu Garçon</span>
</a>
<div class="existe-coloris">
<span>Existe en 2 coloris</span>
</div>
<script>
var currentpage = tc_vars.page_number;
$('#details-192552,#picture-192552').click(function() {
var productId = '0710258_K0153';
var productName = replaceSpecialCharAndToLower('T-shirt à message bleu Garçon');
//alert(productName);
var productposition = eval($(this).parents('li').attr('data-product-position')) + 1; // product position
var prefix = productId.slice(0, 2);
//alert(prefix);
var productSku = productId;
if (prefix == "00") productSku = productId.slice(2, productId.length);
//alert("ProductBoxView => " + productSku + " / " + productposition);
var data = {
'name': 'product-click',
'product_id': productSku,
'product_name': productName,
'product_position': productposition.toString(),
'page_number': currentpage
};
tagCommanderEvents(this.baseURI, "product-click", data);
});
</script>
<div class="add-info height-add-info">
<div class="price-from price-from-192552">
</div>
<div class="prices">
<span class="price actual-price price-value-192552">9,99€</span>
</div>
</div>
<!--Bazaar Voice-->
<div class="product-rate-container">
</div>
</div>
<div class="details withAddToCart id_192552" id="withAddToCart">
<div class="product-title" id="details-192552">
<a href="/t-shirt-a-message-bleu-garcon-192552" class="product-title" id="details-192552">
<span class="product-title-txt"> T-shirt à message bleu Garçon</span>
</a>
<span class="product-title-close" onclick="closeAddToCart(192552)"></span>
</div>
<div class="existe-coloris">
<p><span class="libelle">Couleur : </span><span>Bleu faience</span></p>
</div>
<div class="taille">
<div class="container-size attributes-v2">
<div class="size-box libelle">Taille :</div>
</div>
<ul>
<li class="size-item" id="product_attribute_192552_10_104517">
<input type="radio" name="size_192552" value="3A" productid="192552" id="product_attribute_192552_10_104517" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',192552,event,'price-value-192552')">
<label> 3A </label>
</li>
<li class="size-item" id="product_attribute_192552_10_104517">
<input type="radio" name="size_192552" value="4A" productid="192552" id="product_attribute_192552_10_104517" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',192552,event,'price-value-192552')">
<label> 4A </label>
</li>
<li class="size-item" id="product_attribute_192552_10_104517">
<input type="radio" name="size_192552" value="5A" productid="192552" id="product_attribute_192552_10_104517" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',192552,event,'price-value-192552')">
<label> 5A </label>
</li>
<li class="size-item" id="product_attribute_192552_10_104517">
<input type="radio" name="size_192552" value="6A" productid="192552" id="product_attribute_192552_10_104517" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',192552,event,'price-value-192552')">
<label> 6A </label>
</li>
<li class="size-item" id="product_attribute_192552_10_104517">
<input type="radio" name="size_192552" value="8A" productid="192552" id="product_attribute_192552_10_104517" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',192552,event,'price-value-192552')">
<label> 8A </label>
</li>
<li class="size-item" id="product_attribute_192552_10_104517">
<input type="radio" name="size_192552" value="10A" productid="192552" id="product_attribute_192552_10_104517" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',192552,event,'price-value-192552')">
<label> 10A </label>
</li>
<li class="size-item" id="product_attribute_192552_10_104517">
<input type="radio" name="size_192552" value="12A" productid="192552" id="product_attribute_192552_10_104517" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',192552,event,'price-value-192552')">
<label> 12A </label>
</li>
<li class="size-item" id="product_attribute_192552_10_104517">
<input type="radio" name="size_192552" value="14A" productid="192552" id="product_attribute_192552_10_104517" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',192552,event,'price-value-192552')">
<label> 14A </label>
</li>
</ul>
</div>
<div class="price_addToCart">
<div class="add-info height-add-info">
<div class="price-from price-from-192552">
</div>
<div class="prices">
<span class="price actual-price price-value-192552">9,99€</span>
</div>
</div>
<div class="add-to-cart">
<div id="add-to-cart-panel-192552" class="add-to-cart-panel">
<div class="btn-wrapper btn-wrapper--normal add-to-cart-style">
<button id="add-to-cart-button-192552" class="icon-cart addToCartPl add-to-cart-button js-addToCart" value="Ajouter au panier" data-productid="192552"
onclick="if (window.addToCartHandler) addToCartHandler(event,'0710258_K0153','192552')">
<span>Ajouter au panier</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Add to cart poppin-->
<div id="pl_add-to-cart-poppin_192552" class="pl_poppin add pl_addToCart-popin" style="display: none;">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Check.svg" alt="img" class="lazyload">
</div>
<div class="text">
<div>Cette article a bien été ajouté à votre panier</div>
<div class="button-poppin">
<a href="/cart" class="btn-shoppingcart-poppin" data-attr="Voir le panier"> voir mon panier</a>
</div>
</div>
</div>
</div>
<div id="pl_add-to-cart-error-poppin_192552" class="pl_poppin error pl_addToCart-popin" style="display: none;">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Dont.svg" alt="img" class="lazyload">
</div>
<div class="text" id="text pl_add-to-cart-error-poppin_192552">
<div>Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est malheureusement plus disponible.</div>
</div>
</div>
</div>
<script>
$(".add").css("display", "none");
$(".error").css("display", "none");
function handleClose(event) {
event.preventDefault();
$(".add").css("display", "none");
$(".error").css("display", "none");
}
</script>
</div>
<div class="item-box cross-sell-tag">
<script>
function removeStickerFromCrossSell() {
var stickerCrossSellCount = $("#sticker-wishlist").parents(".cross-sell-tag").length;
if (stickerCrossSellCount > 0) {
$("#picture-" + 192088).find('#sticker-wishlist').hide();
}
}
removeStickerFromCrossSell();
</script>
<div id="product-192088" class="product-item draggable -" data-productid="192088" data-productsku="0710261_K0921" data-productexternalid="25" data-itemtype="Product">
<div class="picture " id="picture-192088" data-productname="T-shirt motif dinosaure gris Garçon" data-encodedproductname="t-shirt motif dinosaure gris garcon">
<div class="Img">
<div class="sticker sticker-desktop--eko" id="sticker-wishlist" style="display: none;">
<img class="heart-wishlist " id="heart-vide-0710261_K0921" onclick="AddTowishlist(event,'0710261_K0921',192088)" src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg"
alt="Heart Wishlist" fetchpriority="High" width="20" height="20">
</div>
<script>
function AddTowishlist(event, sku, productId) {
if ($('.heart-wishlist').parents('.wishList').length > 0) {
return;
}
event.preventDefault;
var externalProductId = 0;
var numberOfFavoris = $(".wishlist-count").text();
if (isNaN(parseInt(numberOfFavoris))) {
numberOfFavoris = 0;
}
$.ajax({
type: 'POST',
contentType: 'application/json; charset=utf-8',
url: `/wishLists/addToWishList/${productId}/${externalProductId}/${sku}`,
async: true,
success: result => {
if (result.isInWishList) {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_plein_oka.svg');
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) + 1);
} else if (result.redirect == '/') {
window.location.href = "/";
} else {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg');
if (parseInt(numberOfFavoris) == 1 || Math.max(0, parseInt(numberOfFavoris) - 1) == 0) {
$(".wishlist-count").text("0");
$(".wishlist-count").hide();
} else {
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) - 1);
}
}
}
})
var prefix = sku.slice(0, 2);
var productSku = sku;
if (prefix == "00") productSku = sku.slice(2, sku.length);
var product = tc_vars.product_array.find(obj => {
return obj.product_id == productSku;
});
var productData = {
product_id: product.product_id,
product_name: product.product_name,
product_seller: product.product_seller,
product_trademark: product.product_trademark
};
tc_events_global(this.getBaseURI(), 'add-to-wishlist-pl', productData);
}
</script>
<div class="img-placeholder "></div> <button class="img-arrow arrow-hide arrow-prev" aria-role="button" tabindex="0" id="arrow-prev-192088" onclick="PrimaryPicture(192088,event)"></button>
<div class="img-set img-move" id="img-primary-192088">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710261/thumbs/0654015_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710261/thumbs/0654015_300.webp">
<img src="//media.idkids.fr/media/productstorage/images/okaidi/0710261/thumbs/0654015_300.jpg" width="224" height="234" class=" img-responsive " sizes="(max-width: 225px) 100vw, 225px" fetchpriority="High"
alt="T-shirt motif dinosaure gris Garçon 1" loading="lazy">
</picture>
</div>
<div class="stickers-eko">
<img src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/eko/eko.svg" alt="productlist.ekostickers.alt" width="32" height="10">
</div>
<div class="sticker-basket" onclick="showAddtoCart(192088,event)">
<div class="icon-sticker-basket"></div>
</div>
<div class="quick-message-box" style="display:none">
<div class="quick-container">
<div class="quick-message">Achat rapide</div>
</div>
</div>
<script>
$('#overlay-mobile').click(function() {
closeAddToCart(192088);
});
</script>
<div class="img-set img-move img-secondary" id="img-secondary-192088">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710261/thumbs/0654016_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0710261/thumbs/0654016_300.webp">
<img alt="T-shirt motif dinosaure gris Garçon 2" data-src="//media.idkids.fr/media/productstorage/images/okaidi/0710261/thumbs/0654016_300.jpg" id="secondary-192088" class="lazyload img-responsive secondary-hide"
width="224" height="234" sizes="(max-width: 225px) 100vw, 225px" loading="lazy" fetchpriority="High">
</picture>
</div> <button class="img-arrow arrow-next " id="arrow-next-192088" aria-role="button" tabindex="0" onclick="SecondaryPicture(192088,event)"></button>
</div>
</div>
<div class="details noAddToCart">
<div class="sticker sticker-solde">
<span class="stickertitle" style="border: 1px solid rgb(0, 0, 255);color: rgb(255,255,255);background-color: rgb(0, 0, 255) ; ">-20%* dès 3</span>
</div>
<div class="brand">
<span>OKAIDI</span>
</div>
<a href="/t-shirt-motif-dinosaure-gris-garcon-192088" class="product-title" id="details-192088">
<span class="product-title-txt"> T-shirt motif dinosaure gris Garçon</span>
</a>
<div class="existe-coloris">
<span>Existe en 4 coloris</span>
</div>
<script>
var currentpage = tc_vars.page_number;
$('#details-192088,#picture-192088').click(function() {
var productId = '0710261_K0921';
var productName = replaceSpecialCharAndToLower('T-shirt motif dinosaure gris Garçon');
//alert(productName);
var productposition = eval($(this).parents('li').attr('data-product-position')) + 1; // product position
var prefix = productId.slice(0, 2);
//alert(prefix);
var productSku = productId;
if (prefix == "00") productSku = productId.slice(2, productId.length);
//alert("ProductBoxView => " + productSku + " / " + productposition);
var data = {
'name': 'product-click',
'product_id': productSku,
'product_name': productName,
'product_position': productposition.toString(),
'page_number': currentpage
};
tagCommanderEvents(this.baseURI, "product-click", data);
});
</script>
<div class="add-info height-add-info">
<div class="price-from price-from-192088">
</div>
<div class="prices">
<span class="price actual-price price-value-192088">8,99€</span>
</div>
</div>
<!--Bazaar Voice-->
<div class="product-rate-container">
</div>
</div>
<div class="details withAddToCart id_192088" id="withAddToCart">
<div class="product-title" id="details-192088">
<a href="/t-shirt-motif-dinosaure-gris-garcon-192088" class="product-title" id="details-192088">
<span class="product-title-txt"> T-shirt motif dinosaure gris Garçon</span>
</a>
<span class="product-title-close" onclick="closeAddToCart(192088)"></span>
</div>
<div class="existe-coloris">
<p><span class="libelle">Couleur : </span><span>Gris fumée</span></p>
</div>
<div class="taille">
<div class="container-size attributes-v2">
<div class="size-box libelle">Taille :</div>
</div>
<ul>
<li class="size-item" id="product_attribute_192088_10_104219">
<input type="radio" name="size_192088" value="3A" productid="192088" id="product_attribute_192088_10_104219" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',192088,event,'price-value-192088')">
<label> 3A </label>
</li>
<li class="size-item" id="product_attribute_192088_10_104219">
<input type="radio" name="size_192088" value="4A" productid="192088" id="product_attribute_192088_10_104219" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',192088,event,'price-value-192088')">
<label> 4A </label>
</li>
<li class="size-item" id="product_attribute_192088_10_104219">
<input type="radio" name="size_192088" value="5A" productid="192088" id="product_attribute_192088_10_104219" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',192088,event,'price-value-192088')">
<label> 5A </label>
</li>
<li class="size-item" id="product_attribute_192088_10_104219">
<input type="radio" name="size_192088" value="6A" productid="192088" id="product_attribute_192088_10_104219" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',192088,event,'price-value-192088')">
<label> 6A </label>
</li>
<li class="size-item" id="product_attribute_192088_10_104219">
<input type="radio" name="size_192088" value="8A" productid="192088" id="product_attribute_192088_10_104219" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',192088,event,'price-value-192088')">
<label> 8A </label>
</li>
<li class="size-item" id="product_attribute_192088_10_104219">
<input type="radio" name="size_192088" value="10A" productid="192088" id="product_attribute_192088_10_104219" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',192088,event,'price-value-192088')">
<label> 10A </label>
</li>
<li class="size-item" id="product_attribute_192088_10_104219">
<input type="radio" name="size_192088" value="12A" productid="192088" id="product_attribute_192088_10_104219" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',192088,event,'price-value-192088')">
<label> 12A </label>
</li>
</ul>
</div>
<div class="price_addToCart">
<div class="add-info height-add-info">
<div class="price-from price-from-192088">
</div>
<div class="prices">
<span class="price actual-price price-value-192088">8,99€</span>
</div>
</div>
<div class="add-to-cart">
<div id="add-to-cart-panel-192088" class="add-to-cart-panel">
<div class="btn-wrapper btn-wrapper--normal add-to-cart-style">
<button id="add-to-cart-button-192088" class="icon-cart addToCartPl add-to-cart-button js-addToCart" value="Ajouter au panier" data-productid="192088"
onclick="if (window.addToCartHandler) addToCartHandler(event,'0710261_K0921','192088')">
<span>Ajouter au panier</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Add to cart poppin-->
<div id="pl_add-to-cart-poppin_192088" class="pl_poppin add pl_addToCart-popin" style="display: none;">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Check.svg" alt="img" class="lazyload">
</div>
<div class="text">
<div>Cette article a bien été ajouté à votre panier</div>
<div class="button-poppin">
<a href="/cart" class="btn-shoppingcart-poppin" data-attr="Voir le panier"> voir mon panier</a>
</div>
</div>
</div>
</div>
<div id="pl_add-to-cart-error-poppin_192088" class="pl_poppin error pl_addToCart-popin" style="display: none;">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Dont.svg" alt="img" class="lazyload">
</div>
<div class="text" id="text pl_add-to-cart-error-poppin_192088">
<div>Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est malheureusement plus disponible.</div>
</div>
</div>
</div>
<script>
$(".add").css("display", "none");
$(".error").css("display", "none");
function handleClose(event) {
event.preventDefault();
$(".add").css("display", "none");
$(".error").css("display", "none");
}
</script>
</div>
<div class="item-box cross-sell-tag">
<script>
function removeStickerFromCrossSell() {
var stickerCrossSellCount = $("#sticker-wishlist").parents(".cross-sell-tag").length;
if (stickerCrossSellCount > 0) {
$("#picture-" + 149655).find('#sticker-wishlist').hide();
}
}
removeStickerFromCrossSell();
</script>
<div id="product-149655" class="product-item draggable -" data-productid="149655" data-productsku="0685142_K0959" data-productexternalid="26" data-itemtype="Product">
<div class="picture " id="picture-149655" data-productname="T-shirt basique manches courtes gris garçon" data-encodedproductname="t-shirt basique manches courtes gris garcon">
<div class="Img">
<div class="sticker sticker-desktop--eko" id="sticker-wishlist" style="display: none;">
<img class="heart-wishlist " id="heart-vide-0685142_K0959" onclick="AddTowishlist(event,'0685142_K0959',149655)" src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg"
alt="Heart Wishlist" fetchpriority="High" width="20" height="20">
</div>
<script>
function AddTowishlist(event, sku, productId) {
if ($('.heart-wishlist').parents('.wishList').length > 0) {
return;
}
event.preventDefault;
var externalProductId = 0;
var numberOfFavoris = $(".wishlist-count").text();
if (isNaN(parseInt(numberOfFavoris))) {
numberOfFavoris = 0;
}
$.ajax({
type: 'POST',
contentType: 'application/json; charset=utf-8',
url: `/wishLists/addToWishList/${productId}/${externalProductId}/${sku}`,
async: true,
success: result => {
if (result.isInWishList) {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_plein_oka.svg');
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) + 1);
} else if (result.redirect == '/') {
window.location.href = "/";
} else {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg');
if (parseInt(numberOfFavoris) == 1 || Math.max(0, parseInt(numberOfFavoris) - 1) == 0) {
$(".wishlist-count").text("0");
$(".wishlist-count").hide();
} else {
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) - 1);
}
}
}
})
var prefix = sku.slice(0, 2);
var productSku = sku;
if (prefix == "00") productSku = sku.slice(2, sku.length);
var product = tc_vars.product_array.find(obj => {
return obj.product_id == productSku;
});
var productData = {
product_id: product.product_id,
product_name: product.product_name,
product_seller: product.product_seller,
product_trademark: product.product_trademark
};
tc_events_global(this.getBaseURI(), 'add-to-wishlist-pl', productData);
}
</script>
<div class="img-placeholder "></div> <button class="img-arrow arrow-hide arrow-prev" aria-role="button" tabindex="0" id="arrow-prev-149655" onclick="PrimaryPicture(149655,event)"></button>
<div class="img-set img-move" id="img-primary-149655">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0685142/thumbs/0435228_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0685142/thumbs/0435228_300.webp">
<img src="//media.idkids.fr/media/productstorage/images/okaidi/0685142/thumbs/0435228_300.jpg" width="224" height="234" class=" img-responsive " sizes="(max-width: 225px) 100vw, 225px" fetchpriority="High"
alt="T-shirt basique manches courtes gris garçon 1" loading="lazy">
</picture>
</div>
<div class="stickers-eko">
<img src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/eko/eko.svg" alt="productlist.ekostickers.alt" width="32" height="10">
</div>
<div class="sticker-basket" onclick="showAddtoCart(149655,event)">
<div class="icon-sticker-basket"></div>
</div>
<div class="quick-message-box" style="display:none">
<div class="quick-container">
<div class="quick-message">Achat rapide</div>
</div>
</div>
<script>
$('#overlay-mobile').click(function() {
closeAddToCart(149655);
});
</script>
<div class="img-set img-move img-secondary" id="img-secondary-149655">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0685142/thumbs/0435229_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0685142/thumbs/0435229_300.webp">
<img alt="T-shirt basique manches courtes gris garçon 2" data-src="//media.idkids.fr/media/productstorage/images/okaidi/0685142/thumbs/0435229_300.jpg" id="secondary-149655" class="lazyload img-responsive secondary-hide"
width="224" height="234" sizes="(max-width: 225px) 100vw, 225px" loading="lazy" fetchpriority="High">
</picture>
</div> <button class="img-arrow arrow-next " id="arrow-next-149655" aria-role="button" tabindex="0" onclick="SecondaryPicture(149655,event)"></button>
</div>
</div>
<div class="details noAddToCart">
<div class="sticker sticker-solde">
<span class="stickertitle" style="border: 1px solid rgb(0, 0, 255);color: rgb(255,255,255);background-color: rgb(0, 0, 255) ; ">-20%* dès 3</span>
</div>
<div class="brand">
<span>OKAIDI</span>
</div>
<a href="/t-shirt-basique-manches-courtes-gris-chine-tres-clair-149655" class="product-title" id="details-149655">
<span class="product-title-txt"> T-shirt basique manches courtes gris garçon</span>
</a>
<div class="existe-coloris">
<span>Existe en 10 coloris</span>
</div>
<script>
var currentpage = tc_vars.page_number;
$('#details-149655,#picture-149655').click(function() {
var productId = '0685142_K0959';
var productName = replaceSpecialCharAndToLower('T-shirt basique manches courtes gris garçon');
//alert(productName);
var productposition = eval($(this).parents('li').attr('data-product-position')) + 1; // product position
var prefix = productId.slice(0, 2);
//alert(prefix);
var productSku = productId;
if (prefix == "00") productSku = productId.slice(2, productId.length);
//alert("ProductBoxView => " + productSku + " / " + productposition);
var data = {
'name': 'product-click',
'product_id': productSku,
'product_name': productName,
'product_position': productposition.toString(),
'page_number': currentpage
};
tagCommanderEvents(this.baseURI, "product-click", data);
});
</script>
<div class="add-info height-add-info">
<div class="price-from price-from-149655">
</div>
<div class="prices">
<span class="price actual-price price-value-149655">5,99€</span>
</div>
</div>
<!--Bazaar Voice-->
<div class="product-rate-container">
<ul class="product-rate" aria-label="5,00 reviews.overview.rate" tabindex="0">
<li class="star-0 starred"></li>
<li class="star-1 starred"></li>
<li class="star-2 starred"></li>
<li class="star-3 starred"></li>
<li class="star-4 starred"></li>
</ul>
<div class="product-rate-number">
<span aria-label="5,00 reviews.overview.rate, 2 Avis" tabindex="0">(2)</span>
</div>
</div>
</div>
<div class="details withAddToCart id_149655" id="withAddToCart">
<div class="product-title" id="details-149655">
<a href="/t-shirt-basique-manches-courtes-gris-chine-tres-clair-149655" class="product-title" id="details-149655">
<span class="product-title-txt"> T-shirt basique manches courtes gris garçon</span>
</a>
<span class="product-title-close" onclick="closeAddToCart(149655)"></span>
</div>
<div class="existe-coloris">
<p><span class="libelle">Couleur : </span><span>Gris chiné très clair</span></p>
</div>
<div class="taille">
<div class="container-size attributes-v2">
<div class="size-box libelle">Taille :</div>
</div>
<ul>
<li class="size-item" id="product_attribute_149655_10_84321">
<input type="radio" name="size_149655" value="3A" productid="149655" id="product_attribute_149655_10_84321" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',149655,event,'price-value-149655')">
<label> 3A </label>
</li>
<li class="size-item" id="product_attribute_149655_10_84321">
<input type="radio" name="size_149655" value="4A" productid="149655" id="product_attribute_149655_10_84321" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',149655,event,'price-value-149655')">
<label> 4A </label>
</li>
<li class="size-item" id="product_attribute_149655_10_84321">
<input type="radio" name="size_149655" value="5A" productid="149655" id="product_attribute_149655_10_84321" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',149655,event,'price-value-149655')">
<label> 5A </label>
</li>
<li class="size-item" id="product_attribute_149655_10_84321">
<input type="radio" name="size_149655" value="6A" productid="149655" id="product_attribute_149655_10_84321" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',149655,event,'price-value-149655')">
<label> 6A </label>
</li>
<li class="size-item" id="product_attribute_149655_10_84321">
<input type="radio" name="size_149655" value="8A" productid="149655" id="product_attribute_149655_10_84321" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',149655,event,'price-value-149655')">
<label> 8A </label>
</li>
<li class="size-item" id="product_attribute_149655_10_84321">
<input type="radio" name="size_149655" value="10A" productid="149655" id="product_attribute_149655_10_84321" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',149655,event,'price-value-149655')">
<label> 10A </label>
</li>
<li class="size-item" id="product_attribute_149655_10_84321">
<input type="radio" name="size_149655" value="12A" productid="149655" id="product_attribute_149655_10_84321" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',149655,event,'price-value-149655')">
<label> 12A </label>
</li>
<li class="size-item" id="product_attribute_149655_10_84321">
<input type="radio" name="size_149655" value="14A" productid="149655" id="product_attribute_149655_10_84321" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',149655,event,'price-value-149655')">
<label> 14A </label>
</li>
</ul>
</div>
<div class="price_addToCart">
<div class="add-info height-add-info">
<div class="price-from price-from-149655">
</div>
<div class="prices">
<span class="price actual-price price-value-149655">5,99€</span>
</div>
</div>
<div class="add-to-cart">
<div id="add-to-cart-panel-149655" class="add-to-cart-panel">
<div class="btn-wrapper btn-wrapper--normal add-to-cart-style">
<button id="add-to-cart-button-149655" class="icon-cart addToCartPl add-to-cart-button js-addToCart" value="Ajouter au panier" data-productid="149655"
onclick="if (window.addToCartHandler) addToCartHandler(event,'0685142_K0959','149655')">
<span>Ajouter au panier</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Add to cart poppin-->
<div id="pl_add-to-cart-poppin_149655" class="pl_poppin add pl_addToCart-popin" style="display: none;">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Check.svg" alt="img" class="lazyload">
</div>
<div class="text">
<div>Cette article a bien été ajouté à votre panier</div>
<div class="button-poppin">
<a href="/cart" class="btn-shoppingcart-poppin" data-attr="Voir le panier"> voir mon panier</a>
</div>
</div>
</div>
</div>
<div id="pl_add-to-cart-error-poppin_149655" class="pl_poppin error pl_addToCart-popin" style="display: none;">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Dont.svg" alt="img" class="lazyload">
</div>
<div class="text" id="text pl_add-to-cart-error-poppin_149655">
<div>Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est malheureusement plus disponible.</div>
</div>
</div>
</div>
<script>
$(".add").css("display", "none");
$(".error").css("display", "none");
function handleClose(event) {
event.preventDefault();
$(".add").css("display", "none");
$(".error").css("display", "none");
}
</script>
</div>
<div class="item-box cross-sell-tag">
<script>
function removeStickerFromCrossSell() {
var stickerCrossSellCount = $("#sticker-wishlist").parents(".cross-sell-tag").length;
if (stickerCrossSellCount > 0) {
$("#picture-" + 124930).find('#sticker-wishlist').hide();
}
}
removeStickerFromCrossSell();
</script>
<div id="product-124930" class="product-item draggable -" data-productid="124930" data-productsku="0096252_K0138" data-productexternalid="19" data-itemtype="Product">
<div class="picture " id="picture-124930" data-productname="Polo manches longues bleu garçon" data-encodedproductname="polo manches longues bleu garcon">
<div class="Img">
<div class="sticker sticker-desktop--eko" id="sticker-wishlist" style="display: none;">
<img class="heart-wishlist " id="heart-vide-0096252_K0138" onclick="AddTowishlist(event,'0096252_K0138',124930)" src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg"
alt="Heart Wishlist" fetchpriority="High" width="20" height="20">
</div>
<script>
function AddTowishlist(event, sku, productId) {
if ($('.heart-wishlist').parents('.wishList').length > 0) {
return;
}
event.preventDefault;
var externalProductId = 0;
var numberOfFavoris = $(".wishlist-count").text();
if (isNaN(parseInt(numberOfFavoris))) {
numberOfFavoris = 0;
}
$.ajax({
type: 'POST',
contentType: 'application/json; charset=utf-8',
url: `/wishLists/addToWishList/${productId}/${externalProductId}/${sku}`,
async: true,
success: result => {
if (result.isInWishList) {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_plein_oka.svg');
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) + 1);
} else if (result.redirect == '/') {
window.location.href = "/";
} else {
$("#heart-vide-" + sku).attr('src', 'https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/transverse/coeur_vide_oka.svg');
if (parseInt(numberOfFavoris) == 1 || Math.max(0, parseInt(numberOfFavoris) - 1) == 0) {
$(".wishlist-count").text("0");
$(".wishlist-count").hide();
} else {
$(".wishlist-count").show();
$(".wishlist-count").text(parseInt(numberOfFavoris) - 1);
}
}
}
})
var prefix = sku.slice(0, 2);
var productSku = sku;
if (prefix == "00") productSku = sku.slice(2, sku.length);
var product = tc_vars.product_array.find(obj => {
return obj.product_id == productSku;
});
var productData = {
product_id: product.product_id,
product_name: product.product_name,
product_seller: product.product_seller,
product_trademark: product.product_trademark
};
tc_events_global(this.getBaseURI(), 'add-to-wishlist-pl', productData);
}
</script>
<div class="img-placeholder "></div> <button class="img-arrow arrow-hide arrow-prev" aria-role="button" tabindex="0" id="arrow-prev-124930" onclick="PrimaryPicture(124930,event)"></button>
<div class="img-set img-move" id="img-primary-124930">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0096252/thumbs/0485701_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0096252/thumbs/0485701_300.webp">
<img src="//media.idkids.fr/media/productstorage/images/okaidi/0096252/thumbs/0485701_300.jpg" width="224" height="234" class=" img-responsive " sizes="(max-width: 225px) 100vw, 225px" fetchpriority="High"
alt="Polo manches longues bleu garçon 1" loading="lazy">
</picture>
</div>
<div class="stickers-eko">
<img src="https://idgroupe.dam-broadcast.com/medias/_static/10541/pictos/eko/eko.svg" alt="productlist.ekostickers.alt" width="32" height="10">
</div>
<div class="sticker-basket" onclick="showAddtoCart(124930,event)">
<div class="icon-sticker-basket"></div>
</div>
<div class="quick-message-box" style="display:none">
<div class="quick-container">
<div class="quick-message">Achat rapide</div>
</div>
</div>
<script>
$('#overlay-mobile').click(function() {
closeAddToCart(124930);
});
</script>
<div class="img-set img-move img-secondary" id="img-secondary-124930">
<picture>
<source type="image/avif" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0096252/thumbs/0485702_300.avif">
<source type="image/webp" srcset="//media.idkids.fr/media/productstorage/images/okaidi/0096252/thumbs/0485702_300.webp">
<img alt="Polo manches longues bleu garçon 2" data-src="//media.idkids.fr/media/productstorage/images/okaidi/0096252/thumbs/0485702_300.jpg" id="secondary-124930" class="lazyload img-responsive secondary-hide" width="224"
height="234" sizes="(max-width: 225px) 100vw, 225px" loading="lazy" fetchpriority="High">
</picture>
</div> <button class="img-arrow arrow-next " id="arrow-next-124930" aria-role="button" tabindex="0" onclick="SecondaryPicture(124930,event)"></button>
</div>
</div>
<div class="details noAddToCart">
<div class="sticker sticker-solde">
<span class="stickertitle" style="border: 1px solid rgb(0, 0, 255);color: rgb(255,255,255);background-color: rgb(0, 0, 255) ; ">-20%* dès 3</span>
</div>
<div class="brand">
<span>OKAIDI</span>
</div>
<a href="/polo-manches-longues-bleu-navy-124930" class="product-title" id="details-124930">
<span class="product-title-txt"> Polo manches longues bleu garçon</span>
</a>
<div class="existe-coloris">
<span>Existe en 5 coloris</span>
</div>
<script>
var currentpage = tc_vars.page_number;
$('#details-124930,#picture-124930').click(function() {
var productId = '0096252_K0138';
var productName = replaceSpecialCharAndToLower('Polo manches longues bleu garçon');
//alert(productName);
var productposition = eval($(this).parents('li').attr('data-product-position')) + 1; // product position
var prefix = productId.slice(0, 2);
//alert(prefix);
var productSku = productId;
if (prefix == "00") productSku = productId.slice(2, productId.length);
//alert("ProductBoxView => " + productSku + " / " + productposition);
var data = {
'name': 'product-click',
'product_id': productSku,
'product_name': productName,
'product_position': productposition.toString(),
'page_number': currentpage
};
tagCommanderEvents(this.baseURI, "product-click", data);
});
</script>
<div class="add-info height-add-info">
<div class="price-from price-from-124930">
</div>
<div class="prices">
<span class="price actual-price price-value-124930">9,99€</span>
</div>
</div>
<!--Bazaar Voice-->
<div class="product-rate-container">
<ul class="product-rate" aria-label="4,00 reviews.overview.rate" tabindex="0">
<li class="star-0 starred"></li>
<li class="star-1 starred"></li>
<li class="star-2 starred"></li>
<li class="star-3 starred"></li>
<li class="star-4 star-null"></li>
</ul>
<div class="product-rate-number">
<span aria-label="4,00 reviews.overview.rate, 8 Avis" tabindex="0">(8)</span>
</div>
</div>
</div>
<div class="details withAddToCart id_124930" id="withAddToCart">
<div class="product-title" id="details-124930">
<a href="/polo-manches-longues-bleu-navy-124930" class="product-title" id="details-124930">
<span class="product-title-txt"> Polo manches longues bleu garçon</span>
</a>
<span class="product-title-close" onclick="closeAddToCart(124930)"></span>
</div>
<div class="existe-coloris">
<p><span class="libelle">Couleur : </span><span>Bleu navy</span></p>
</div>
<div class="taille">
<div class="container-size attributes-v2">
<div class="size-box libelle">Taille :</div>
</div>
<ul>
<li class="size-item" id="product_attribute_124930_10_71768">
<input type="radio" name="size_124930" value="3A" productid="124930" id="product_attribute_124930_10_71768" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',124930,event,'price-value-124930')">
<label> 3A </label>
</li>
<li class="size-item" id="product_attribute_124930_10_71768">
<input type="radio" name="size_124930" value="4A" productid="124930" id="product_attribute_124930_10_71768" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',124930,event,'price-value-124930')">
<label> 4A </label>
</li>
<li class="size-item" id="product_attribute_124930_10_71768">
<input type="radio" name="size_124930" value="5A" productid="124930" id="product_attribute_124930_10_71768" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',124930,event,'price-value-124930')">
<label> 5A </label>
</li>
<li class="size-item" id="product_attribute_124930_10_71768">
<input type="radio" name="size_124930" value="6A" productid="124930" id="product_attribute_124930_10_71768" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',124930,event,'price-value-124930')">
<label> 6A </label>
</li>
<li class="size-item" id="product_attribute_124930_10_71768">
<input type="radio" name="size_124930" value="8A" productid="124930" id="product_attribute_124930_10_71768" class="checkbox" onchange="changeAttribute('/ProductDetails_AttributeChange',124930,event,'price-value-124930')">
<label> 8A </label>
</li>
<li class="size-item" id="product_attribute_124930_10_71768">
<input type="radio" name="size_124930" value="10A" productid="124930" id="product_attribute_124930_10_71768" disabled="" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',124930,event,'price-value-124930')">
<label> 10A </label>
</li>
<li class="size-item" id="product_attribute_124930_10_71768">
<input type="radio" name="size_124930" value="12A" productid="124930" id="product_attribute_124930_10_71768" disabled="" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',124930,event,'price-value-124930')">
<label> 12A </label>
</li>
<li class="size-item" id="product_attribute_124930_10_71768">
<input type="radio" name="size_124930" value="14A" productid="124930" id="product_attribute_124930_10_71768" disabled="" class="checkbox"
onchange="changeAttribute('/ProductDetails_AttributeChange',124930,event,'price-value-124930')">
<label> 14A </label>
</li>
</ul>
</div>
<div class="price_addToCart">
<div class="add-info height-add-info">
<div class="price-from price-from-124930">
</div>
<div class="prices">
<span class="price actual-price price-value-124930">9,99€</span>
</div>
</div>
<div class="add-to-cart">
<div id="add-to-cart-panel-124930" class="add-to-cart-panel">
<div class="btn-wrapper btn-wrapper--normal add-to-cart-style">
<button id="add-to-cart-button-124930" class="icon-cart addToCartPl add-to-cart-button js-addToCart" value="Ajouter au panier" data-productid="124930"
onclick="if (window.addToCartHandler) addToCartHandler(event,'0096252_K0138','124930')">
<span>Ajouter au panier</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Add to cart poppin-->
<div id="pl_add-to-cart-poppin_124930" class="pl_poppin add pl_addToCart-popin" style="display: none;">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Check.svg" alt="img" class="lazyload">
</div>
<div class="text">
<div>Cette article a bien été ajouté à votre panier</div>
<div class="button-poppin">
<a href="/cart" class="btn-shoppingcart-poppin" data-attr="Voir le panier"> voir mon panier</a>
</div>
</div>
</div>
</div>
<div id="pl_add-to-cart-error-poppin_124930" class="pl_poppin error pl_addToCart-popin" style="display: none;">
<div class="close-poppin" onclick="handleClose(event);">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="15" height="15" class="icon-close-poppin">
<title>close</title>
<path class="path1" d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"></path>
</svg>
</div>
<div class="box-poppin">
<div class="icon">
<img data-src="/Content/images/svg/01-Icon_Indicator_Dont.svg" alt="img" class="lazyload">
</div>
<div class="text" id="text pl_add-to-cart-error-poppin_124930">
<div>Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est malheureusement plus disponible.</div>
</div>
</div>
</div>
<script>
$(".add").css("display", "none");
$(".error").css("display", "none");
function handleClose(event) {
event.preventDefault();
$(".add").css("display", "none");
$(".error").css("display", "none");
}
</script>
</div>
</div>
</div>
<script>
tc_vars["sparkow_payload"] =
's6Jgxy3jWlIuaQTjDkM/Wcv6BMi3xEozbBbxk3KyJ6xxWvg1ULUc0Miec1EnYLnsKv0OddHeTbhKlEhm1ahT+CqYBkMYwochpU4RPwzTBMXX0A3OSYtWvM+iX7YqqwIOSM331uLQZg+8O4pMEr5ZLMS0lExOf04h53ZEA/SF2BifXrVX1q6hvNN/CXCTZW4TfQIvSER/BXk1LWnFvcQwuCi5Hk4k0PazXgwMLn0W5HYdE3HHY6X7gkHDH6syiwQyTuwomINvnNAXqK6CNTh02bibCdCWDtayxI0DpLijUi1+7zzkpggmIZ6L3tAomkwfO/+AwWRZDMZTCNwWpBTi3KlX7KUB+k9/qGDq+R3PGLIN/y/cHF3Ei2Qq4fw1T/Rc0LRqcKfUwqVSzon+cfWwE9yfVT2iiW5pBEPYxDGQKqEoPQb6SqpA28XmSphqBSzU9TkVSMWxhLm2x9UDXahspvMsG4qtaB01g/TzF9J6KXv/lgBSrLaW286A8Ep7EGHVlBwuFih1iRqsdepsOwHGPbWP9sJdyQ2J7oKibC6w3LSOIBhaMZjJ7FEtxSaL4RNeXCz//QqfhpFR1AGoV+6XDcGo4NZ11yDfVFnGo0HDk6ZcSRvniFLDIi1+XJ1D++rxjoGQ2tNLom+SKfn+yUvRqUJcCJB0xeV3v1nMQdopGHfEKXvHfmfoX/4kNb+J083OHCBPvRZ7tnQb8LP7JQBXlE29jh74MAyiveYy7VHmukoUdooqams+teC15itXheChRZ4ubbyU0UD6OA5Gf643+sRJbqxVpxT8en5V0RgCJyCCTsVkWNSY8pcrU39/Ue8zh2W+CXcujqkfmlUnBy206KzU8+x1RkaJgng5DyUQNUhd58GZXl7UdGGaBTsJtDdAV7lzrH1g0SJw9u8iLRDL0TPi9ZBxeos3wJO5Iq2sMDXrwWmGcU5ljAJ3y9VCrDZd+NMhvvrkhMTNUpsLVN+pGd+V9TMvenzDGZyQJHzpdnM0BxpIjNPpjhuy7sBGKhAsYsiz6Wzwjyp84jC4ZNi8McN68/S2xhR8hwq5sF8te6b2OXNFXd6Vj568BFfuRQ29WmM8yccZeo3VPIh+HFVfS1qpwTZXHGhh/Df2oQ+VpKkpAhnF3tr9yi4EMJ2z1W/Nvmx1xz5kOttkU8gJfWPW5LRcxACpntTcE6WngN4LQljJKOo2aODDViy/K3Or5us9695veAY/DQX+fkY9ZYSNuk4T7wt7+eceRJsCKJCxRbA1DaegcXc/bldObcpN+w/8xe0W9CQJ6sjejw4mlYGon15MIm4gTA/3IiQ1BayZbPHS50A4SRu7PkkoDhbDbN4Uz0Xsg2n4U0Xgdzhk2VakRwB86VK/UfshS84gfq/d35rXgwQ4np0KI6aAm9+jiek4CdzuvNRH0fyXZGW/W+6cbiy6WewVW9XCjx0I2HM58T8f69C56oLFXYYWfxofridODAP06/4PT9KkL6ztm0wBsCN4cN9viSthJyytuu/CHJUXU7dWoK5gJXX3MJHvzUgvrHkUq3LvL6/qhPdlLBLnbSLbE9mml2iYQKS4WPWBy8DrhyoYrVHMb/Ba6vBSwzCgMlexslkGacMD/rUXvlN9RjU3NTXe0x3ac++AZHGKopNRdoVs79BytzFi6/g6UfLGzRxz9a8la1Bxoou20Gug2RB4tyFuijcUhF6Jqx108jbsLlD/sR9Cy5Mxhj5kO2i4h5pFfTYwj1EO+qjp+MDpovfhQGadNfnNlIn/5fPcU5TSJ+mha+pEVeNpJS0bVqd0z9RvL0V/ZvZwlNVgmzI+f9zn0hUOQGhcCxfa+sQwyb6D2H4sQ7LMV/M2f/Mc+2jAqYBe0378YimVyjBpXVHeAoJpSmTtIsqf9mr3FKAIQ2a85AggLstJTkzvGDseOSc6GzTsNhoWXFvYKuO/bNSbUbAdeQlpWZUIJP28ujbXamEp+JH5Kvw5EzGVnl+4ElXXC7QNNsCONS5yTXvPXV+TzaQSiZZVrZTdO9IbwewMNFrNDaozq0ieQEYQg5mcPOVitKoMmiz6XbiKgUuwk+0SHINgyrXRwrLkGBzbcUV6WBmsRN6ybzifPUwEmfQXapAz1odi77BmAGuMah1dO2hZxT0UyhhtLoSnjfhIYVFf5vELQSVn0eQ6XW0GA1X60ufdV7TKqkFJC8tWK/D01fA+8y/8UKiAb4n93fpveE4o3lc/2rgPZQf+Vut7o7qH9dhNka5dtBwHkkgaNx3htaN3b8ChEXdQ4eRlGmFMax2oXeE5fXAsfziSKxtqXGCO77HKwar8HZ7gXlq6fEmpAX781kJNUgBbxY2kmnMPO4GKKJmKm5rhqiDrxC7V22qExfbfc+daY0A40GC2sAhIanEWffRHYH8nfdOmrikGC2C8wus3gdLQwT3qCsjXXZVJv23cV4Br6Uisdw95TsCQqAedltptgAwW+M7vii/KG4edcHmjRTNSWgkCH4upiPLphNWk/FZI/aFKmCraydZSlTqRsYCQroVuHKwJ7xrHRYEGRds=';
$(".cross-sell-tag .img-set .img-responsive").attr("loading", "lazy");
$('.product-info-detail .cross-sell-tag .product-item').click(function() {
var productName = $(this).find('.picture').data('encodedproductname');
var productSku = $(this).data('productsku');
var itemType = $(this).data('itemtype');
var product = productSku + ';' + productName;
if (itemType == "Look") {
var lookEan = $(this).data('productexternalid');
product = productSku + ';' + productName + ';' + lookEan;
}
tagCommanderEvents(this.baseURI, 'cross-sell-click', {
product: product,
action: 'CrossSell_Fiche_Multi_Produit'
});
});
$(function() {
tagCommanderEvents(this.baseURI, 'cross-sell-impression', {
product: "0710257_K0161;t-shirt bike club bleu marine garcon|0090058_K0800;polo en coton pique blanc garcon|0710258_K0153;t-shirt a message bleu garcon|0710261_K0921;t-shirt motif dinosaure gris garcon|0685142_K0959;t-shirt basique manches courtes gris garcon|0096252_K0138;polo manches longues bleu garcon",
action: 'CrossSell_Fiche_Multi_Produit'
});
});
</script>
</div>
<div id="brand-content"></div>
</div>
</div>
</div>
</div>
</form><form>
<div class="line1">Suivez nous</div>
<div class="nl-form"><label>Ne manquez aucune de nos offres et nouveautés !</label>
<div class="inputs"><input id="newsletter-email" class="email-box" autocomplete="off" name="q" placeholder="Votre adresse email" type="email"> <input id="newsletter-subscribe-button" class="email-box-button notempty focused" value="OK"
type="submit"></div>
</div>
<div class="newsletter-validation"><span id="subscribe-loading-progress" class="please-wait" style="display: none;">Patientez...</span></div>
</form>POST
<form id="preview-form" action="" method="POST">
<input id="datetimepicker" type="datetime" name="PreviewVersionDate" onchange="persistPreviewPage();" onclick="datatimepicker()" class="search-box-text">
<input id="hiddenkey" type="hidden" name="key">
<div class="previewflex">
<input id="persist" type="checkbox" onclick="persistPreviewPage();"><span class="keeppreview">Conserver pendant ma navigation</span>
</div>
<p>Id Navigation </p><input id="PreviewVersionNavigation" type="text" name="PreviewVersionNavigation" onchange="persistPreviewPage();">
<input class="btn-preview" type="submit" value="Aperçu">
</form>POST /
<form action="/" method="post">
<input id="email-ctctblt" class="" type="email" name="email" value="" placeholder="">
<input id="email-ctctblt-button" class="button-1" type="submit" name="email" value="OK" data-fancybox-close="">
</form>Text Content
* J'en profite >
* GOOD DAYS : -20%* sur TOUTE la collection dès 3 articles achetés !
* J'en profite >
* GOOD DAYS : -20%* sur TOUTE la collection dès 3 articles achetés !
16073796-34A7-4803-96C6-E0635915A418 A39CB1C1-C42A-4F54-808B-C6C970312347
* Mots clés suggérés
* search.suggested.tips
* Produits suggérés
* Magasin
* Se connecter
Bonjour !
Se connecter
Créer un compte
✕
LA FIDELITE
En savoir plus
Mes informations
Suivre une commande
Mes newsletter & SMS
*
* Panier
* Favoris
* GOOD DAYS -20%* dès 3 articles
GOOD DAYS -20%* dès 3 articles
Nos produits
* Naissance
* Bébé fille
* Bébé garçon
* Fille
* Garçon
* Tous les produits
* Nouvelle collection
Nouvelle collection
Nos produits
* Naissance
* Bébé fille
* Bébé garçon
* Fille
* Garçon
* TOUS LES PRODUITS
Nos sélections
Nouvelle Collection
Découvrir
* Rentrée des classes
Rentrée des classes
Nos produits
* Fille
* Garçon
* Bébé fille
* Bébé garçon
* Naissance 0 - 12 mois
Naissance 0 - 12 mois
Naissance
* Bodies
* Dors-bien, pyjamas
* Gigoteuses, couvertures
* Robes
* Ensembles, salopettes
* Sweats, pulls, gilets
* Pantalons, shorts
* Combipilotes
* Bavoirs
* Doudous
* Capes de bain
* Bonnets, moufles
* Collants, chaussettes
* Chaussures, chaussons naissance
* Tous les produits
Nos sélections
* -20%* dès 3 articles
* Nouvelle Collection
* Tenues enfant
* Sélection EKO
* Lot d'essentiels
* La valise maternité
* Idées cadeaux naissance
Nos conseils
* Guide des tailles
* Préparer votre valise maternité
* Offrir un cadeau de naissance
* Éveiller bébé
Nos sélections
Nouvelle CollectionNaissance
Découvrir
* Bébé Fille 3 mois - 5 ans
Bébé Fille 3 mois - 5 ans
Nos produits
* T-shirts, sous pull
* Robes, jupes
* Ensembles, salopettes
* Sweats, pulls, cardigans
* Pantalons, jeans, shorts
* Shorts
* Leggings
* Maillots de bain, accessoires de plage
* Accessoires
* Doudounes, vestes
* Bodies
* Dors-bien, pyjamas
* Chaussettes, collants
* Tous les produits
Nos sélections
* -20%* dès 3 articles
* Nouvelle Collection
* Rentrée des crèches
* Tenues enfant
* Sélection EKO
* Les basics dès 3.99€
* Lot d'essentiels
* Absorba by Okaidi
Nos conseils
* L'éveil de 0 à 2 ans
* Guide des tailles
Nos sélections
Nouvelle CollectionBébé fille
Découvrir
* Bébé Garçon 3 mois - 5 ans
Bébé Garçon 3 mois - 5 ans
Nos produits
* T-shirts, sous pull
* Chemises, polos
* Ensembles, salopettes
* Sweats, pulls, cardigans
* Pantalons, jeans, shorts
* Shorts
* Joggings
* Maillots de bain, accessoires de plage
* Accessoires
* Manteaux, doudounes
* Bodies
* Dors-bien, pyjamas
* Chaussettes
* Tous les produits
Nos sélections
* -20%* dès 3 articles
* Nouvelle Collection
* Rentrée des crèches
* Tenues enfant
* Sélection EKO
* Les basics dès 3.99€
* Lots d'essentiels
* Absorba by Okaidi
Nos conseils
* L'éveil de 0 à 2 ans
* Guide des tailles
Nos sélections
Nouvelle CollectionBébé garçon
Découvrir
* Fille 3 - 14 ans
Fille 3 - 14 ans
Nos produits
* Tabliers
* T-shirts, sous pull
* Robes, jupes
* Sweats, pulls, gilets
* Pantalons
* Shorts
* Leggings
* Jeans
* Maillots de bain
* Accessoires
* Manteaux, doudounes
* Pyjamas
* Sous-vêtements
* Collants, chaussettes
* Tous les produits
Nos sélections
* -20%* dès 3 articles
* Nouvelle Collection
* Rentrée des classes
* Tenues enfant
* Sélection EKO
* Collection Sport
* Les basics dès 3.99€
* Collection Chipie et Lili Gaufrette
NOS CONSEILS
* Guide jeans
* Guide des tailles
Nos sélections
Nouvelle CollectionFille
Découvrir
* Garçon 3 - 14 ans
Garçon 3 - 14 ans
Nos produits
* Tabliers
* T-shirts, sous pull
* Chemises, polos
* Sweats, pulls, gilets
* Pantalons
* Shorts, bermudas
* Joggings
* Jeans
* Maillots de bain
* Accessoires
* Manteaux, doudounes
* Pyjamas
* Sous-vêtements
* Chaussures garçon (25-38)
* Tous les produits
Nos sélections
* -20%* dès 3 articles
* Nouvelle Collection
* Rentrée des classes
* Tenues enfant
* Sélection EKO
* Collection Sport
* Les basics dès 3.99€
NOS CONSEILS
* Guide jeans
* Guide des tailles
Nos sélections
Nouvelle CollectionGarçon
Découvrir
* Chaussures Du 18 au 38
Chaussures Du 18 au 38
Nos produits
* Chaussures, chaussons naissance
* Chaussures bébé fille (18-24)
* Chaussures bébé garçon (18-24)
* Chaussures Fille (25-38)
* Chaussures garçon (25-38)
* Chaussons
* Chaussettes antidérapantes
* Tous les produits
Nos sélections
* Collection Printemps-Été
* Sélection EKO
* Guide des tailles
Nos sélections
Nouvelle CollectionChaussures
Découvrir
* Nos engagements
* Accueil
* Vêtements Garçon
* Chemises, polos
* Polos
* T-shirt rugby à rayures bleu marine Garçon
-20%* dès 3
<
retour
Détails, entretien et composition
Description
Avec ce t-shirt manches longues, l'esprit campus rencontre le style sportswear.
Jersey doux et épais. Coupe droite. Larges rayures en fils teints. Col polo avec
revers en popeline. Ouverture boutonnée, enfilage facile. Logo OK sur la
poitrine. Manches longues. Base droite.
* EKO : 20% au minimum des fibres de ce produit sont recyclées.
IDTROC : Offrez une seconde vie à cet article. En savoir plus
IDTROC
IDTROC
close
Parce que vos enfants grandissent, les articles qu'ils ont aimés peuvent à
nouveau être vendus et faire des heureux…
Tout savoir sur IDTROC
Composition
Tissus principal
100 % Coton
Entretien
*
*
*
*
*
Référence : 0710763_K0171
-
L'article a bien été ajouté au panier
L'article a bien été ajouté au panier
close
Vous aimerez aussi
Achat rapide
-20%* dès 3
OKAIDI
Jogging en molleton light uni bleu Garçon
Existe en 4 coloris
9,99€
*
*
*
*
*
(1)
Jogging en molleton light uni bleu Garçon
Couleur : Bleu faience
Taille :
* 3A
* 4A
* 5A
* 6A
* 7A
* 8A
* 9A
* 10A
* 12A
* 14A
9,99€
Ajouter au panier
close
Cette article a bien été ajouté à votre panier
voir mon panier
close
Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est
malheureusement plus disponible.
Achat rapide
-20%* dès 3
OKAIDI
Jean droit ultra-résistant bleu Garçon
19,99€
Jean droit ultra-résistant bleu Garçon
Couleur : Denim bleu stone
Taille :
* 3A
* 4A
* 5A
* 6A
* 7A
* 8A
* 9A
* 10A
* 12A
* 14A
19,99€
Ajouter au panier
close
Cette article a bien été ajouté à votre panier
voir mon panier
close
Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est
malheureusement plus disponible.
Achat rapide
-20%* dès 3
OKAIDI
Jogging en molleton light uni marine Garçon
Existe en 4 coloris
9,99€
*
*
*
*
*
(3)
Jogging en molleton light uni marine Garçon
Couleur : Bleu amiral
Taille :
* 3A
* 4A
* 5A
* 6A
* 7A
* 8A
* 9A
* 10A
* 12A
* 14A
9,99€
Ajouter au panier
close
Cette article a bien été ajouté à votre panier
voir mon panier
close
Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est
malheureusement plus disponible.
Achat rapide
-20%* dès 3
OKAIDI
T-shirt manches longues uni bleu canard garçon
Existe en 5 coloris
5,99€
T-shirt manches longues uni bleu canard garçon
Couleur : Bleu canard
Taille :
* 3A
* 4A
* 5A
* 6A
* 8A
* 10A
* 12A
* 14A
5,99€
Ajouter au panier
close
Cette article a bien été ajouté à votre panier
voir mon panier
close
Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est
malheureusement plus disponible.
0710226_K0153;jogging en molleton light uni bleu garcon|0709881_K0146;jean droit
ultra-resistant bleu garcon|0710226_K0110;jogging en molleton light uni marine
garcon|0703320_K0117;t-shirt manches longues uni bleu canard garcon
Continuervoir mon panier
T-SHIRT RUGBY À RAYURES BLEU MARINE GARÇON
Voir la description
Référence:0710763_K0171
Vendeur: Okaidi
Couleur : Rayures bleu
*
*
Taille
* 3A
* 4A
* 5A
* 6A
* 8A
* 10A
* 12A
* 14A
Guide des tailles
17,99€
- 20%* dès 3 articles achetés
Ajouter au panier
Réserver en magasin
Ajouter aux favoris
* LA FIDELITE
Gagnez 17 points, ça vaut le coup !
En savoir +
* Satisfait ou remboursé
* Livraison gratuite en magasin
Vous aimerez aussi ...
Achat rapide
-20%* dès 3
OKAIDI
T-shirt bike club bleu marine Garçon
Existe en 2 coloris
8,99€
T-shirt bike club bleu marine Garçon
Couleur : Bleu Chine
Taille :
* 3A
* 4A
* 5A
* 6A
* 8A
* 10A
* 12A
* 14A
8,99€
Ajouter au panier
close
Cette article a bien été ajouté à votre panier
voir mon panier
close
Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est
malheureusement plus disponible.
Achat rapide
-20%* dès 3
OKAIDI
Polo en coton piqué blanc garçon
Existe en 5 coloris
Dès
7,99€
*
*
*
*
*
(20)
Polo en coton piqué blanc garçon
Couleur : Blanc
Taille :
* 2A
* 3A
* 4A
* 5A
* 6A
* 8A
* 10A
* 12A
* 14A
Dès
7,99€
Ajouter au panier
close
Cette article a bien été ajouté à votre panier
voir mon panier
close
Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est
malheureusement plus disponible.
Achat rapide
-20%* dès 3
OKAIDI
T-shirt à message bleu Garçon
Existe en 2 coloris
9,99€
T-shirt à message bleu Garçon
Couleur : Bleu faience
Taille :
* 3A
* 4A
* 5A
* 6A
* 8A
* 10A
* 12A
* 14A
9,99€
Ajouter au panier
close
Cette article a bien été ajouté à votre panier
voir mon panier
close
Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est
malheureusement plus disponible.
Achat rapide
-20%* dès 3
OKAIDI
T-shirt motif dinosaure gris Garçon
Existe en 4 coloris
8,99€
T-shirt motif dinosaure gris Garçon
Couleur : Gris fumée
Taille :
* 3A
* 4A
* 5A
* 6A
* 8A
* 10A
* 12A
8,99€
Ajouter au panier
close
Cette article a bien été ajouté à votre panier
voir mon panier
close
Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est
malheureusement plus disponible.
Achat rapide
-20%* dès 3
OKAIDI
T-shirt basique manches courtes gris garçon
Existe en 10 coloris
5,99€
*
*
*
*
*
(2)
T-shirt basique manches courtes gris garçon
Couleur : Gris chiné très clair
Taille :
* 3A
* 4A
* 5A
* 6A
* 8A
* 10A
* 12A
* 14A
5,99€
Ajouter au panier
close
Cette article a bien été ajouté à votre panier
voir mon panier
close
Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est
malheureusement plus disponible.
Achat rapide
-20%* dès 3
OKAIDI
Polo manches longues bleu garçon
Existe en 5 coloris
9,99€
*
*
*
*
*
(8)
Polo manches longues bleu garçon
Couleur : Bleu navy
Taille :
* 3A
* 4A
* 5A
* 6A
* 8A
* 10A
* 12A
* 14A
9,99€
Ajouter au panier
close
Cette article a bien été ajouté à votre panier
voir mon panier
close
Cet article n'a pas été ajouté à votre panier. La taille séléctionnée n'est
malheureusement plus disponible.
CF6241A5-7BD1-41EC-8600-0C1369083DA7
Livraison gratuite en Point Relais
dès 40€ d'achat
Livraison gratuite en magasin
en 2 à 4 jours
Échange ou remboursement
pendant 60 jours
01-Icon/Services/E-resa
E-réservation
en 2 heures dans votre magasin
Nos marques
La marque Okaïdi
Nos engagements
Nos engagements pour l'environnement
Nos actions solidaires
Suivez nous
Ne manquez aucune de nos offres et nouveautés !
Patientez...
Pour plus d’informations sur le traitement de vos données personnelles, vous
pouvez consulter notre rubrique Données personnelles.
Facebook Instagram
Découvrez le programme de fidélité qui pense aux enfants et à la planète !
Par ici, les avantages
Découvrez nos magasins
Localisez rapidement le magasin le plus proche de vous parmi plus de 56
magasins. Trouver un magasin
* Nos services
* FAQ
* Paiement sécurisé
* Nos modes de livraison
* E-réservation
* Carte cadeau
* Pochette Cadeau
* Guide des tailles
* À propos d’ÏDKIDS
* Charte avis clients
* IDTROC
* Devenir franchisé
* Service Client
* Contactez nous
* 078 60 00 37
AU TARIF LOCAL
Le service client est ouvert du lundi au vendredi de 9h a 19h et le samedi de
9h30 à 18h
* *
*
*
*
*
*
*
*
* CGV
* Mentions légales
* Conditions des offres
* Cookies
* Données personnelles
Prévisualiser le site au
Conserver pendant ma navigation
Id Navigation
Store : Language :
Français Nederlands
Bienvenue sur Okaidi.be
close
Notre site existe également en langue néerlandaise.
Voulez-vous continuer sur la version française?
Français Nederlands
Envie de recevoir nos actualités ?
Inscrivez-vous à la newsletter pour rester informé/e des dernières offres et
nouveautés
En laissant votre adresse e-mail, vous avez pris connaissance et acceptez la
Politique de protection des données personnelles.
La qualité de votre expérience dépend de vos choix
Améliorer notre site au quotidien, c'est notre préoccupation première chez
Okaïdi.
Lorsque vous consultez notre site, des cookies sont déposés sur votre
ordinateur, votre mobile ou votre tablette.
Ceux-ci nous permettent de faciliter votre navigation, de détecter d'éventuels
problèmes et d'y remédier. Certains de nos outils sont exemptés de consentement
et ne servent qu'au pilotage strictement nécessaire des performances de notre
site.
Nous vous laissons la possibilité de paramétrer votre consentement aux
différentes typologies de cookies.
Pour en savoir plus sur les cookies, cliquez ici.
Refuser toutAccepter tout