selfpackaging.fr
Open in
urlscan Pro
94.130.201.142
Public Scan
URL:
https://selfpackaging.fr/boites-en-carton/2293-boites-postales-allongees-3187.html?comb=1223
Submission: On June 01 via manual from BE — Scanned from FR
Submission: On June 01 via manual from BE — Scanned from FR
Form analysis 6 forms found in the DOM
POST /boites-en-carton/2293-boites-postales-allongees-3187.html?comb=1223
<form id="setCurrency" action="/boites-en-carton/2293-boites-postales-allongees-3187.html?comb=1223" method="post">
<div class="current"> <span>fr</span></div>
<ul id="first-languages" class="languages-block_ul toogle_content" style="">
<li> <a href="https://selfpackaging.com" title="SelfPackaging.COM"> <span>SelfPackaging.COM</span> </a></li>
<li> <a href="https://selfpackaging.de" title="Selfpackaging.DE"> <span>Selfpackaging.DE</span> </a></li>
<li> <a href="https://selfpackaging.es" title="SelfPackaging.ES"> <span>SelfPackaging.ES</span> </a></li>
<li> <a href="https://selfpackaging.fr" title="SelfPackaging.FR"> <span>SelfPackaging.FR</span> </a></li>
<li> <a href="https://selfpackaging.it" title="SelfPackaging.IT"> <span>SelfPackaging.IT</span> </a></li>
</ul>
</form>GET https://selfpackaging.fr/module/ambjolisearch/jolisearch
<form method="get" action="https://selfpackaging.fr/module/ambjolisearch/jolisearch" id="searchbox" itemprop="potentialAction" itemscope="" itemtype="http://schema.org/SearchAction"
onkeypress="if(typeof isMobile != 'undefined' && !isMobile) if(event.keyCode == 13) event.returnValue = false;">
<meta itemprop="target" content="https://selfpackaging.fr/module/ambjolisearch/jolisearch?search_query={search_query}"><input type="hidden" name="controller" value="jolisearch"> <input type="hidden" name="module" value="ambjolisearch"> <input
type="hidden" name="fc" value="module"> <input type="hidden" name="orderby" value="position"> <input type="hidden" name="orderway" value="desc"> <input type="hidden" name="p" value="1"><input itemprop="query-input"
class="search_query form-control ui-autocomplete-input" type="text" id="search_query_top" name="search_query" value="" data-autocomplete="https://selfpackaging.fr/module/ambjolisearch/jolisearch" data-lang="3" data-manufacturer="Nos marques"
data-product="Nos produits" data-category="Nos catégories" data-no-results-found="Aucun produit ne correspond à cette recherche" data-more-results="Montrer tous les résultats »" placeholder="Rechercher..." autocomplete="off"><span role="status"
aria-live="polite" class="ui-helper-hidden-accessible"></span><button type="submit" name="submit_search" class="button btn btn-default button-search" disabled=""> <span>Rechercher</span> </button>
</form>POST /boites-en-carton/2293-boites-postales-allongees-3187.html?comb=1223
<form id="setCurrency" action="/boites-en-carton/2293-boites-postales-allongees-3187.html?comb=1223" method="post">
<div class="current active"> <span>fr</span></div>
<ul id="first-languages" class="languages-block_ul toogle_content">
<li> <a href="https://selfpackaging.com" title="SelfPackaging.COM"> <span>SelfPackaging.COM</span> </a></li>
<li> <a href="https://selfpackaging.de" title="Selfpackaging.DE"> <span>Selfpackaging.DE</span> </a></li>
<li> <a href="https://selfpackaging.es" title="SelfPackaging.ES"> <span>SelfPackaging.ES</span> </a></li>
<li> <a href="https://selfpackaging.fr" title="SelfPackaging.FR"> <span>SelfPackaging.FR</span> </a></li>
<li> <a href="https://selfpackaging.it" title="SelfPackaging.IT"> <span>SelfPackaging.IT</span> </a></li>
</ul>
</form>POST https://selfpackaging.fr/carrito
<form id="buy_block" onkeypress="if(event.keyCode == 13) event.returnValue = false;" {="" class="clearfix border_bottom-dashed " action="https://selfpackaging.fr/carrito" method="post">
<p class="hidden"> <input type="hidden" name="token" value="7624a249e71b763cbcfe927fd4a703aa"> <input type="hidden" name="id_product" value="3187" id="product_page_product_id"> <input type="hidden" name="add" value="1"> <input type="hidden"
name="id_product_attribute" id="idCombination" value="1223"></p>
<div class="container">
<div class="top-hr"></div>
</div>
<div class="hide-mobile pb-left-column col-xs-12 col-md-6">
<h1 itemprop="name">Boîte d'expédition de forme allongée</h1>
<div id="product_reference" class="fjalla"> REF. : <span class="editable" itemprop="sku">2293</span></div>
<div id="short_description_block">
<div id="short_description_content" class="rte align_justify" itemprop="description">
<p class="p1">Boîtes pour envoyer des bouteilles de vin ou champagne. Forme allongée et montage très facile, la taille la plus petite est parfaite comme <strong>boîte d'expédition pour envoyer des lunettes</strong> !</p>
</div>
<p class="buttons_bottom_block"> <a href="javascript:{}" class="button"> Plus de détails </a></p>
</div>
<div class="resumen-caracteristicas row clearfix">
<div class="col-xs-4 col-md-2 dificultad"><span>Difficulté :</span> <i class="fa fa-circle" aria-hidden="true"></i> <i class="fa fa-circle-o" aria-hidden="true"></i> <i class="fa fa-circle-o" aria-hidden="true"></i>
<i class="fa fa-circle-o" aria-hidden="true"></i> <i class="fa fa-circle-o" aria-hidden="true"></i></div>
<div class="col-xs-3 col-md-2 montaje"><span>Montage :</span> 0,5 minutes</div>
<div class="col-xs-2 col-md-2 herramientas" style="display: none;"></div>
<div class="col-xs-2 col-md-1 video">
<a onclick="if ($('.video_montaje_embed').attr('src') != $('.video_montaje_embed').data('src')) $('.video_montaje_embed').attr('src',$('.video_montaje_embed').data('src'));" title="Video montaje" id="data-video-montaje-inline" href="#data-video-montaje"><i class="demo-icon icon-pictogrames-final-33"></i></a>
</div>
<div style="display:none">
<div id="data-video-montaje">
<div class="video-montaje-content sam1"> <iframe class="video_montaje_embed" width="560" height="315" data-src="https://www.youtube.com/embed/jRtVR6wsSFI" frameborder="0" allowfullscreen=""></iframe></div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$("a#data-video-montaje-inline").fancybox();
});
</script>
<div class="col-xs-2 col-md-1 info"><a href="#data-consejos-montaje" title="Info"><i class="demo-icon icon-pictogrames-final-34"></i></a></div>
<div id="btn-consejos-montaje">
<div style="display:none">
<div id="data-consejos-montaje">
<div id="popup-consejos" class="popup-modal content-consejos">
<div style="width: 100%; max-width: 800px; height: auto;padding: 30px;">
<div id="tabla-consejos">
<div id="logo"> <img class="img-responsive" src="https://selfpackaging.fr/img/selfpackaginges-logo-1468395568.jpg" alt="SelfPackaging"></div>
<div class="row">
<p class="col-xs-12 col-sm-2">Consejo 1</p>
<div class="col-xs-12 col-sm-10">
<p>Il est très important de bien plier les pattes avant de monter une boîte. Avec un bon pliage, vos boîtes auront un meilleur rendu !</p>
</div>
</div>
<div class="row">
<p class="col-xs-12 col-sm-2">Consejo 2</p>
<div class="col-xs-12 col-sm-10">
<p>Les pattes sont des marques en forme de U qui indiquent les endroits où plier le papier lors du montage de la boîte. Pour obtenir des résultats parfaits, respectez les conseils de l'image suivante :</p>
<p>Pliage incorrect de patte</p>
<p><img src="http://newselfpackaging.webimpacto.net//img/cms/doblado-incorrecto-hendido.png" alt="" width="580" height="101"></p>
<p>Pliage correct de patte</p>
<p><img src="http://newselfpackaging.webimpacto.net//img/cms/doblado-correcto-hendido.png" alt="" width="580" height="92"></p>
<p>Pour obtenir de meilleurs résultats, il est nécessaire de réaliser chaque pli en trois étapes :</p>
<ul>
<li>Placez le papier afin que la partie concave des pattes (∪) soit vers le haut.</li>
<li>Pliez chaque patte vers l'intérieur, c'est-à-dire vers sa partie concave (∪), et ensuite vers l'extérieur, vers la partie convexe (∩) pour s'assurer que le pli est bien marqué.</li>
<li>Commencez le montage de la boîte avec les pattes vers l'intérieur, c'est-à-dire en s'assurant qu'elles restent à l'intérieur de la boîtes.</li>
</ul>
</div>
</div>
<div class="row">
<p class="col-xs-12 col-sm-2">Consejo 3</p>
<div class="col-xs-12 col-sm-10">
<p>Sur la page de description de chaque boîte apparaissent nos designs préférés. Vous trouverez dans la section inspiration d'autres exemples originaux pour décorer vos cadeaux personnels ou professionnels.</p>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$(".info a").fancybox({
'frameWidth': 800,
'frameHeight': 'auto',
'overlayShow': false,
'scrolling': 'auto',
'autoScale': false,
'showNavArrows': false,
'hideOnContentClick': false,
'autoDimensions': true
});
});
</script>
</div>
</div>
</div>
<div id="comprar_muestras" id_size="1" class="boton-compra-muestras col-xs-12 col-sm-2" style="display: block;">
<a class="comprar_muestras" id_size="1" rel="ajax_id_product_0" href="#muestras-content-1"><p class="muestras fjalla">JE VEUX DES ÉCHANTILLONS!</p> </a></div>
<div id="comprar_muestras" id_size="2" class="boton-compra-muestras col-xs-12 col-sm-2" style="display: none;">
<a class="comprar_muestras" id_size="2" rel="ajax_id_product_0" href="#muestras-content-2"><p class="muestras fjalla">JE VEUX DES ÉCHANTILLONS!</p> </a></div>
<div id="comprar_muestras" id_size="3" class="boton-compra-muestras col-xs-12 col-sm-2" style="display: none;">
<a class="comprar_muestras" id_size="3" rel="ajax_id_product_0" href="#muestras-content-3"><p class="muestras fjalla">JE VEUX DES ÉCHANTILLONS!</p> </a></div>
<div id="comprar_muestras" id_size="4" class="boton-compra-muestras col-xs-12 col-sm-2" style="display: none;">
<a class="comprar_muestras" id_size="4" rel="ajax_id_product_0" href="#muestras-content-4"><p class="muestras fjalla">JE VEUX DES ÉCHANTILLONS!</p> </a></div>
</div>
</div>
<p id="quantity_wanted_p" style="display: none;"> <input type="text" name="qty" id="quantity_wanted" class="text" value="1" style="display: none;"></p>
<div class="clearfix"></div>
<div class="pb-left-column col-xs-12 col-md-6 col-lg-7 image-column">
<div id="image-block" class="col-xs-12 col-sm-12 col-md-9 col-lg-10">
<p id="availability_statut" style="display: none;"> <img data-src="https://selfpackaging.fr/themes/selfpackaging/img/agotado_fr.png" width="130" height="118" class="img-responsive nopadding agotado lazyload"></p> <span id="view_full_size"
style="padding-bottom: 0px;"> <img id="bigpic" itemprop="image" src="https://selfpackaging.fr/modules/selfconfigboxfront/img/combinations/3187/1223.jpg" title="Boîte d'expédition de forme allongée" alt="Boîte d'expédition de forme allongée"
width="480" height="480"> <img class="image_suppl_0" src="" title="2" alt="" width="458" height="458" style="display: none;"> <img class="image_suppl_1" src="" title="2" alt="" width="458" height="458" style="display: none;"> </span>
</div>
<div class="slide-out-div " style="display: none"> <a class="handle"><i class="fa fa-angle-up rotate" aria-hidden="true"></i></a>
<div id="slide_out_carrusel"></div>
</div>
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 image-thumbs nopadding">
<div id="views_block" class="nopadding clearfix col-xs-12 col-sm-12">
<div id="thumbs_list">
<ul id="thumbs_list_frame" style="visibility: visible;">
<li id="thumbnail_image-size_1-id-3187.jpg" id_size="1">
<a href="/modules/selfpackagingotros/img/products/3187/image-size_1-id-3187.jpg" data-fancybox-group="other-views" class="fancybox shown" title="Boîte d'expédition de forme allongée"> <img class="img-responsive lazyloaded" id="thumb_image-size_1-id-3187.jpg" data-src="/modules/selfconfigboxfront/ajax_box.php?width=400&img_url=https://selfpackaging.fr/modules/selfpackagingotros/img/products/3187/image-size_1-id-3187.jpg" alt="Boîte d'expédition de forme allongée" title="Boîte d'expédition de forme allongée" height="80" width="80" itemprop="image" src="/modules/selfconfigboxfront/ajax_box.php?width=400&img_url=https://selfpackaging.fr/modules/selfpackagingotros/img/products/3187/image-size_1-id-3187.jpg"> </a>
</li>
<li id="thumbnail_image-cutdie_1-id-3187.jpg" id_size="1">
<a href="/modules/selfpackagingotros/img/products/3187/image-cutdie_1-id-3187.jpg" data-fancybox-group="other-views" class="fancybox shown" title="Boîte d'expédition de forme allongée"> <img class="img-responsive lazyloaded" id="thumb_image-cutdie_1-id-3187.jpg" data-src="/modules/selfconfigboxfront/ajax_box.php?width=400&img_url=https://selfpackaging.fr/modules/selfpackagingotros/img/products/3187/image-cutdie_1-id-3187.jpg" alt="Boîte d'expédition de forme allongée" title="Boîte d'expédition de forme allongée" height="80" width="80" itemprop="image" src="/modules/selfconfigboxfront/ajax_box.php?width=400&img_url=https://selfpackaging.fr/modules/selfpackagingotros/img/products/3187/image-cutdie_1-id-3187.jpg"> </a>
</li>
<li id="thumbnail_image-1_1-id-3187.jpg" id_size="1">
<a href="/modules/selfpackagingotros/img/products/3187/image-1_1-id-3187.jpg" data-fancybox-group="other-views" class="fancybox shown" title="Boîte d'expédition de forme allongée"> <img class="img-responsive lazyloaded" id="thumb_image-1_1-id-3187.jpg" data-src="/modules/selfconfigboxfront/ajax_box.php?width=400&img_url=https://selfpackaging.fr/modules/selfpackagingotros/img/products/3187/image-1_1-id-3187.jpg" alt="Boîte d'expédition de forme allongée" title="Boîte d'expédition de forme allongée" height="80" width="80" itemprop="image" src="/modules/selfconfigboxfront/ajax_box.php?width=400&img_url=https://selfpackaging.fr/modules/selfpackagingotros/img/products/3187/image-1_1-id-3187.jpg"> </a>
</li>
<li id="thumbnail_image-2_1-id-3187.jpg" id_size="1">
<a href="/modules/selfpackagingotros/img/products/3187/image-2_1-id-3187.jpg" data-fancybox-group="other-views" class="fancybox shown" title="Boîte d'expédition de forme allongée"> <img class="img-responsive lazyloaded" id="thumb_image-2_1-id-3187.jpg" data-src="/modules/selfconfigboxfront/ajax_box.php?width=400&img_url=https://selfpackaging.fr/modules/selfpackagingotros/img/products/3187/image-2_1-id-3187.jpg" alt="Boîte d'expédition de forme allongée" title="Boîte d'expédition de forme allongée" height="80" width="80" itemprop="image" src="/modules/selfconfigboxfront/ajax_box.php?width=400&img_url=https://selfpackaging.fr/modules/selfpackagingotros/img/products/3187/image-2_1-id-3187.jpg"> </a>
</li>
<li id="thumbnail_image-3_1-id-3187.jpg" id_size="1">
<a href="/modules/selfpackagingotros/img/products/3187/image-3_1-id-3187.jpg" data-fancybox-group="other-views" class="fancybox shown" title="Boîte d'expédition de forme allongée"> <img class="img-responsive lazyloaded" id="thumb_image-3_1-id-3187.jpg" data-src="/modules/selfconfigboxfront/ajax_box.php?width=400&img_url=https://selfpackaging.fr/modules/selfpackagingotros/img/products/3187/image-3_1-id-3187.jpg" alt="Boîte d'expédition de forme allongée" title="Boîte d'expédition de forme allongée" height="80" width="80" itemprop="image" src="/modules/selfconfigboxfront/ajax_box.php?width=400&img_url=https://selfpackaging.fr/modules/selfpackagingotros/img/products/3187/image-3_1-id-3187.jpg"> </a>
</li>
</ul>
</div>
</div>
</div>
<p class="resetimg clear no-print"> <span id="wrapResetImages" style="display: none;">
<a href="https://selfpackaging.fr/boites-en-carton/2293-boites-postales-allongees-3187.html" name="resetImages"> <i class="icon-repeat"></i> Voir toutes les images </a> </span></p>
<div class="clear"></div>
</div>
<div class="pb-right-column col-xs-12 col-md-6 col-lg-5">
<div class="content_prices clearfix col-xs-6">
<p id="reduction_percent" style="display:none;"> <span id="reduction_percent_display" class="qty-discount fjalla"> </span></p>
<p id="reduction_amount" style="display:none"> <span id="reduction_amount_display" class="qty-discount fjalla"> </span></p>
<div class="col-xs-12 col-md-12 clearfix price">
<div class="price-units">
<p class="our_price_display odometer odometer-auto-theme" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer"></p>
<div class="odometer-inside" style="float: left;"><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span
class="odometer-value">0</span></span></span></span></span><span class="odometer-formatting-mark odometer-radix-mark">,</span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span
class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">9</span></span></span></span></span><span class="odometer-digit"><span
class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">3</span></span></span></span></span></div>
<p></p> <span class="price-currency precioEuro">€</span> <span class="text-und precioUnidad">/un.</span>
</div>
<div class="price-total">
<p class="our_price_total_display"> <span class="text-und">Total : </span> <span id="our_price_total_display">92,66 €</span><span class="asterisco">*</span></p>
</div>
<p id="minimal_quantity_wanted_p" style="display: none;"> Le minimum de commande pour ce produit est <b id="minimal_quantity_label">1</b></p>
</div>
<div class="col-xs-12 col-md-12 clearfix"></div>
<div class="base_price" style="display: none;"><span>Avant: </span><span id="old_price_display">0,00 €</span></div>
<div class="clear"></div>
<div class="clear"></div>
</div>
<div class="col-xs-6 col-md-6 block-add-to-cart">
<div class="box-cart-bottom">
<div>
<div class="favourite"></div>
<div id="popup-compra-impresion">
<p id="add_to_cart" class="buttons_bottom_block no-print"> <button type="submit" name="Submit" class="exclusive"> <span>Ajouter au panier <icon class="fa fa-chevron-right"></icon></span> </button></p>
<div class="contenedorIva">*(TVA incluse)</div>
</div>
<div id="btn-compra-impresion">
<div style="display:none">
<div id="data-compra-impresion">
<div id="data-warningprint" style="background: url('/themes/selfpackaging/img/bg-textura-mas-vendidos.png') repeat scroll 0 0 transparent;">
<div id="popup-warningprint" class="content-warningprint popup-modal">
<div style="width: 100%; max-width: 620px; height: 100%;padding: 30px;">
<div class="title-popup">CONDITIONS DE SELFPACKAGING</div>
<p style="font-size: 14px; font-weight: bold;">Conditions de commandes avec impression</p>
<p class="text-popup">Ces conditions commerciales s'appliqueront aux services d'impression sur nos produits, et elles forment un accord légalement inaliénable entre vous et SelfPackaging.</p>
<p class="text-popup">À continuation vous trouverez les Conditions Commerciales se référant aux commandes avec ce service d'impression, toutefois nous vous conseillons de consulter toutes nos Conditions Générales.</p>
<p style="font-size: 14px; font-weight: bold;">1. COMMANDES ET SPÉCIFICATIONS</p>
<ol style="padding: 0 0 0 20px;" type="a">
<li>
<p class="text-popup">Le résultat final de ces commandes peut varier à conséquence des actuels systèmes de couleur multistandard (système RGB pour visualisation sur les moniteurs et système CMYK pour l'impression) <span
style="color: #d27c30;">LA COULEUR VISUALISÉE SUR LES MONITEURS PEUT NE PAS CORRESPONDRE EXACTEMENT AU RÉSULTAT PHYSIQUE QUE LE CLIENT RECEVRA.</span></p>
</li>
<li>
<p class="text-popup">Le Vendeur décrira d'une forme approchée les changements possibles de l'impression en fonction de la couleur du produit choisi, mais il ne s'engage pas à garantir que les couleurs montrées sur le
moniteur correspondent exactement avec les produits physiques que le client recevra.</p>
</li>
</ol>
<p style="font-size: 14px; font-weight: bold;">2. LIVRAISON</p>
<p class="text-popup">Le délai de livraison estimé pour les commandes qui contiennent des produits avec impression, est, généralement de :</p>
<p style="text-align: center; font-size: 26px; margin: 20px; font-family: 'dinregular';"><span style="padding: 15px; background-color: #eccd3d; line-height: 43px;">2 JOURS OUVRÉS ADDITIONNELS</span></p>
<p class="text-popup">Au délai habituel qui est de 7 jours ouvrés pour la production et transport.</p>
<p style="text-align: center; font-size: 26px; margin: 20px; font-family: 'dinregular';"></p>
<div style="padding: 15px; background-color: #eccd3d;font-size: 20px;text-align: center;line-height: 22px;font-weight: 400;">PRODUITS AVEC IMPRESSION (BOÎTES OU AUTOCOLLANTS) NE SONT PAS COMPATIBLES AVEC LE SERVICE EXPRESS</div>
<p></p>
<p class="text-popup">En cas d'impression, sélectionner le transport Express n'est pas une garantie de réception de la commande avant les dates stipulées ci-dessus puisque la production dépendra également de l’atelier
d'impression.</p>
<p style="font-size: 14px; font-weight: bold;">3. RÉTRACTATION, DROITS D'ANNULATION ET RESPONSABILITÉS</p>
<p style="color: #d27c30; font-size: 14px; font-weight: 400; border: 1px solid #d27c30; padding: 15px; margin: 10px -20px 20px -20px;">A. S'IL S'AGIT D'UNE COMMANDE QUI CONTIENT DES PRODUITS AVEC IMPRESSION, LES RETOURS,
ÉCHANGES OU ANNULATIONS NE SONT PAS ACCEPTÉS.</p>
<ol style="padding: 0 0 0 20px;" type="a" start="2">
<li>
<p class="text-popup">L'Acheteur sera le seul responsable de la commande confirmée sur le site et il devra accepter sa livraison.</p>
</li>
<li>
<p class="text-popup">Le Vendeur ne sera pas responsable du design téléchargé par l'utilisateur.</p>
</li>
</ol>
<div style="margin:0px 60px 0px 60px;padding:39px;clear: both;height: 30px;"> <span id="btn-cancel" class="button_text"
style="background: #666666;border-radius: 4px;float:left;color: #ffffff;display: inline-block;cursor: pointer;font-size: 12px;line-height: 1em;padding: 10px 5px;text-transform: uppercase;"
onclick="parent.jQuery.fancybox.close();">ANNULER</span> <span id="btn-accept" class="button_large"
style="background: #ee7c24;padding: 10px 5px;float:right;font-size: 12px;text-transform: uppercase;cursor: pointer;">J'ACCEPTE</span></div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
var directo = 0;
$("#popup-compra-impresion").click(function() {
if (directo == 0) {
$.each($('#valores-boton-printable-diseños > ul li'), function(key, value) {
if ($(this).hasClass('selected')) {
event.preventDefault();
event.stopPropagation();
$.fancybox.open({
'frameWidth': 630,
'frameHeight': 395,
'overlayShow': true,
'scrolling': 'auto',
'autoScale': true,
'showNavArrows': false,
'hideOnContentClick': false,
'autoDimensions': true,
'href': '#data-compra-impresion'
/*$('add_to_cart')*/
});
}
});
var id_size = $('#group_size .selector_talla.active').attr('id_size');
if ($('#group_configurator[id_size="' + id_size + '"] input[name="configuration[' + id_size + '][printable3D]"]').length > 0) {
event.preventDefault();
event.stopPropagation();
$.fancybox.open({
'frameWidth': 630,
'frameHeight': 395,
'overlayShow': true,
'scrolling': 'auto',
'autoScale': true,
'showNavArrows': false,
'hideOnContentClick': false,
'autoDimensions': true,
'href': '#data-compra-impresion'
});
}
}
});
$('#data-compra-impresion #btn-accept').on("click", function() {
$.fancybox.close();
directo = 1;
$('#add_to_cart button').not('#popup-compra-impresion').click();
});
$('#data-compra-impresion #btn-cancel').on("click", function() {
$.fancybox.close();
directo = 0;
});
});
</script>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box-info-product" style="display: none;">
<div class="product_attributes clearfix">
<div id="attributes">
<div class="clearfix"></div>
<fieldset class="attribute_fieldset"> <label class="attribute_label">couleur </label>
<div class="attribute_list">
<ul id="color_to_pick_list" class="clearfix">
<li class="selected"> <a href="https://selfpackaging.fr/boites-en-carton/2293-boites-postales-allongees-3187.html" id="color_113" name="58595b" class="color_pick selected" title="58595b"> </a></li>
</ul> <input type="hidden" class="color_pick_hidden" name="group_3" value="113">
</div>
</fieldset>
<fieldset class="attribute_fieldset"> <label class="attribute_label" for="group_1">Taille </label>
<div class="attribute_list"> <select name="group_1" id="group_1" class="form-control attribute_select no-print">
<option value="1" selected="selected" title="S">S</option>
<option value="2" title="M">M</option>
<option value="3" title="L">L</option>
<option value="4" title="XL">XL</option>
</select></div>
</fieldset>
<fieldset class="attribute_fieldset"> <label class="attribute_label" for="group_5">Parties </label>
<div class="attribute_list"> <select name="group_5" id="group_5" class="form-control attribute_select no-print">
<option value="46" selected="selected" title="Boîte">Boîte</option>
</select></div>
</fieldset>
<fieldset class="attribute_fieldset"> <label class="attribute_label" for="group_6">Tamaño Etiqueta </label>
<div class="attribute_list"> <select name="group_6" id="group_6" class="form-control attribute_select no-print">
<option value="61" selected="selected" title="1">1</option>
<option value="62" title="2">2</option>
<option value="63" title="3">3</option>
</select></div>
</fieldset>
<fieldset class="attribute_fieldset"> <label class="attribute_label" for="group_7">Forma Etiqueta </label>
<div class="attribute_list"> <select name="group_7" id="group_7" class="form-control attribute_select no-print">
<option value="67" title="D">D</option>
<option value="68" selected="selected" title="E">E</option>
</select></div>
</fieldset>
<fieldset class="attribute_fieldset"> <label class="attribute_label" for="group_14">Échantillons </label>
<div class="attribute_list"> <select name="group_14" id="group_14" class="form-control attribute_select no-print">
<option value="95" title="Échantillon">Échantillon</option>
</select></div>
</fieldset>
<fieldset class="attribute_fieldset"> <label class="attribute_label" for="group_18">Revisión </label>
<div class="attribute_list"> <select name="group_18" id="group_18" class="form-control attribute_select no-print">
<option value="189" selected="selected" title="Contrôlez vos étiquettes">Contrôlez vos étiquettes</option>
</select></div>
</fieldset>
<fieldset class="attribute_fieldset"> <label class="attribute_label">Bande imprimable </label>
<div class="attribute_list">
<ul id="color_to_pick_list" class="clearfix">
<li class="selected">
<a href="https://selfpackaging.fr/boites-en-carton/2293-boites-postales-allongees-3187.html" id="color_236" name="" class="color_pick selected" title=""> <img class="lazyload" data-src="https://selfpackaging.fr/img/co/236.jpg" alt="" title="" width="20" height="20"> </a>
</li>
<li>
<a href="https://selfpackaging.fr/boites-en-carton/2293-boites-postales-allongees-3187.html" id="color_235" name="" class="color_pick" title=""> <img class="lazyload" data-src="https://selfpackaging.fr/img/co/235.jpg" alt="" title="" width="20" height="20"> </a>
</li>
</ul> <input type="hidden" class="color_pick_hidden" name="group_21" value="236">
</div>
</fieldset>
</div>
</div>
</div>
<div id="configurador-form"> <input type="hidden" name="configuration[id_product]" value="3187">
<div id="listado_atributos" class="col-xs-12 col-sm-5" style="">
<div class="clear"></div>
<ul>
<li id="group_unidades" class="border-dashed-bottom" id_size="0" attribute_group="0"> <span class="f-active fa fa-caret-right"></span> <span class="number" style="">1</span>
<div class="row-name"> <span class="title">Unités</span> <span id="boton-unidades" class="boton-atributo">100</span><input type="hidden" name="configuration[qty]" value="100"></div> <span class="subtitle"></span>
</li>
<li id="group_size" class="border-dashed-bottom" id_size="0" attribute_group="1" style=""> <span class="f-active fa fa-caret-right"></span> <span class="number">2</span>
<div class="row-name"> <span class="title">Taille</span>
<div class="col-md-12 selector_talla tallas_attr_self_S_1 attr_self_S_1 active" id_size="1" attribute_group="1" talla="S" title="S" data-medidas="7.2 x 19.2 x 8.7 cm" data-medidas-inside="6.8 x 17.7 x 8.1 cm" data-min="1" data-max="400"
style="float: right; text-align: center; margin-top: 8px; background: rgb(77, 77, 77);"><span style="margin: 0px;">S</span></div><input type="hidden" name="configuration[size]" value="1">
</div> <span class="subtitle" style="margin-top: 1px;">7.2 x 19.2 x 8.7 cm</span>
</li>
<div id="buttons-color" id_size="1" class="buttons-sizes-extras default" style="display: inline-block;">
<li id="group_color" class="border-dashed-bottom" id_size="1" attribute_group="2" style=""> <span class="f-active fa fa-caret-right" style="top: 47%;"></span> <span class="number">3</span>
<div class="row-name"> <span class="title">Couleur</span>
<div id="selected-color" style="float:right;">
<div
title="<h6>Quels sont les papiers recyclés ?</h6><p>Le contenu de ce papier comprend au moins 40% de papier recyclé, même si certains peuvent même être à 100%, découvrez dans notre <strong><a href="https://selfpackaging.fr/content/43-materiau-durable">tableau des matières</a></strong> de la composition exacte de chacun de nos papiers. Être durable na jamais été aussi facile !</p>"
class="tooltip_alim col-xs-3 selector_color attr_self_S_1 attr_self_Boîte_46 attr_self_CARTON_NATUREL_113 part-1 active" id_size="1" id_attribute="113" color="#bc8b58" part="46" attribute_group="2" pos="1" type_color="4"
printable="1" material="2" style="background-color: #bc8b58; display: block; "></div><input type="hidden" name="configuration[1][parts][46]" part="46" value="113" class="input_colors">
</div>
</div> <span class="subtitle"></span>
</li>
<li id="group_configurator" class="clearfix col-sm-3 border-dashed-bottom active" id_size="1" attribute_group="20"> <span class="f-active fa fa-caret-right active" style="top: 46%;"></span>
<i class="demo-icon icon-pictogrames-final-21"></i>
<div class="row-name"> <span class="title">Imprimer</span> <i class="iconc3dPlus iconc3dPlus-new_orange" style="float:right;"></i></div>
<div id="boton-configurator" id_box="" class="boton-atributo ok"></div>
</li>
<li id="group_psd" class="clearfix col-sm-3" id_size="1" attribute_group="5"> <span class="f-active fa fa-caret-right"></span>
<div class="col-md-9 nopadding more-options"> <i class="demo-icon icon-picto-faja-seleccionada">a</i> <span class="group-more-title">Bande imprimable </span></div>
<div class="boton-atributo ok"></div>
</li>
<li id="group_etiquetas" class="clearfix col-sm-3" id_size="1" attribute_group="4"> <span class="f-active fa fa-caret-right" style="top: 46%;"></span>
<div class="col-md-9 nopadding more-options"> <i class="demo-icon icon-pictogrames-final-10"></i> <span class="group-more-title">Étiquette</span></div>
<div id="boton-etiquetas" class="boton-atributo ok"></div>
</li>
<li id="group_extras" class="clearfix col-sm-3" id_size="1" attribute_group="8"> <span class="f-active fa fa-caret-right" style="top: 46%;"></span>
<div class="col-md-9 nopadding more-options"> <i class="demo-icon icon-pictogrames-final-22"></i> <span class="group-more-title">Extras</span></div>
<div id="boton-extra" class="boton-atributo ok"></div>
</li>
</div>
<div id="buttons-color" id_size="2" class="buttons-sizes-extras" style="display: none;">
<li id="group_color" class="border-dashed-bottom" id_size="2" attribute_group="2" style=""> <span class="f-active fa fa-caret-right" style="top: 47%;"></span> <span class="number">3</span>
<div class="row-name"> <span class="title">Couleur</span>
<div id="selected-color" style="float:right;">
<div
title="<h6>Quels sont les papiers recyclés ?</h6><p>Le contenu de ce papier comprend au moins 40% de papier recyclé, même si certains peuvent même être à 100%, découvrez dans notre <strong><a href="https://selfpackaging.fr/content/43-materiau-durable">tableau des matières</a></strong> de la composition exacte de chacun de nos papiers. Être durable na jamais été aussi facile !</p>"
class="tooltip_alim col-xs-3 selector_color attr_self_M_2 attr_self_Boîte_46 attr_self_CARTON_NATUREL_113 part-1 active" id_size="2" id_attribute="113" color="#bc8b58" part="46" attribute_group="2" pos="1" type_color="4"
printable="1" material="2" style="background-color: #bc8b58; display: block; "></div><input type="hidden" name="configuration[2][parts][46]" part="46" value="113" class="input_colors">
</div>
</div> <span class="subtitle"></span>
</li>
<li id="group_configurator" class="clearfix col-sm-3 border-dashed-bottom" id_size="2" attribute_group="20"> <span class="f-active fa fa-caret-right" style="top: 46%;"></span> <i class="demo-icon icon-pictogrames-final-21"></i>
<div class="row-name"> <span class="title">Imprimer</span> <i class="iconc3dPlus iconc3dPlus-new_orange" style="float:right;"></i></div>
<div id="boton-configurator" id_box="" class="boton-atributo ok"></div>
</li>
<li id="group_psd" class="clearfix col-sm-3" id_size="2" attribute_group="5"> <span class="f-active fa fa-caret-right"></span>
<div class="col-md-9 nopadding more-options"> <i class="demo-icon icon-picto-faja-seleccionada">a</i> <span class="group-more-title">Bande imprimable </span></div>
<div class="boton-atributo ok"></div>
</li>
<li id="group_etiquetas" class="clearfix col-sm-3" id_size="2" attribute_group="4"> <span class="f-active fa fa-caret-right" style="top: 46%;"></span>
<div class="col-md-9 nopadding more-options"> <i class="demo-icon icon-pictogrames-final-10"></i> <span class="group-more-title">Étiquette</span></div>
<div id="boton-etiquetas" class="boton-atributo ok"></div>
</li>
<li id="group_extras" class="clearfix col-sm-3" id_size="2" attribute_group="8"> <span class="f-active fa fa-caret-right" style="top: 46%;"></span>
<div class="col-md-9 nopadding more-options"> <i class="demo-icon icon-pictogrames-final-22"></i> <span class="group-more-title">Extras</span></div>
<div id="boton-extra" class="boton-atributo ok"></div>
</li>
</div>
<div id="buttons-color" id_size="3" class="buttons-sizes-extras" style="display: none;">
<li id="group_color" class="border-dashed-bottom" id_size="3" attribute_group="2" style=""> <span class="f-active fa fa-caret-right" style="top: 47%;"></span> <span class="number">3</span>
<div class="row-name"> <span class="title">Couleur</span>
<div id="selected-color" style="float:right;">
<div
title="<h6>Quels sont les papiers recyclés ?</h6><p>Le contenu de ce papier comprend au moins 40% de papier recyclé, même si certains peuvent même être à 100%, découvrez dans notre <strong><a href="https://selfpackaging.fr/content/43-materiau-durable">tableau des matières</a></strong> de la composition exacte de chacun de nos papiers. Être durable na jamais été aussi facile !</p>"
class="tooltip_alim col-xs-3 selector_color attr_self_L_3 attr_self_Boîte_46 attr_self_CARTON_NATUREL_113 part-1 active" id_size="3" id_attribute="113" color="#bc8b58" part="46" attribute_group="2" pos="1" type_color="4"
printable="1" material="2" style="background-color: #bc8b58; display: block; "></div><input type="hidden" name="configuration[3][parts][46]" part="46" value="113" class="input_colors">
</div>
</div> <span class="subtitle"></span>
</li>
<li id="group_configurator" class="clearfix col-sm-3 border-dashed-bottom" id_size="3" attribute_group="20"> <span class="f-active fa fa-caret-right" style="top: 46%;"></span> <i class="demo-icon icon-pictogrames-final-21"></i>
<div class="row-name"> <span class="title">Imprimer</span> <i class="iconc3dPlus iconc3dPlus-new_orange" style="float:right;"></i></div>
<div id="boton-configurator" id_box="" class="boton-atributo ok"></div>
</li>
<li id="group_psd" class="clearfix col-sm-3" id_size="3" attribute_group="5"> <span class="f-active fa fa-caret-right"></span>
<div class="col-md-9 nopadding more-options"> <i class="demo-icon icon-picto-faja-seleccionada">a</i> <span class="group-more-title">Bande imprimable </span></div>
<div class="boton-atributo ok"></div>
</li>
<li id="group_etiquetas" class="clearfix col-sm-3" id_size="3" attribute_group="4"> <span class="f-active fa fa-caret-right" style="top: 46%;"></span>
<div class="col-md-9 nopadding more-options"> <i class="demo-icon icon-pictogrames-final-10"></i> <span class="group-more-title">Étiquette</span></div>
<div id="boton-etiquetas" class="boton-atributo ok"></div>
</li>
<li id="group_extras" class="clearfix col-sm-3" id_size="3" attribute_group="8"> <span class="f-active fa fa-caret-right" style="top: 46%;"></span>
<div class="col-md-9 nopadding more-options"> <i class="demo-icon icon-pictogrames-final-22"></i> <span class="group-more-title">Extras</span></div>
<div id="boton-extra" class="boton-atributo ok"></div>
</li>
</div>
<div id="buttons-color" id_size="4" class="buttons-sizes-extras" style="display: none;">
<li id="group_color" class="border-dashed-bottom" id_size="4" attribute_group="2" style=""> <span class="f-active fa fa-caret-right" style="top: 47%;"></span> <span class="number">3</span>
<div class="row-name"> <span class="title">Couleur</span>
<div id="selected-color" style="float:right;">
<div
title="<h6>Quels sont les papiers recyclés ?</h6><p>Le contenu de ce papier comprend au moins 40% de papier recyclé, même si certains peuvent même être à 100%, découvrez dans notre <strong><a href="https://selfpackaging.fr/content/43-materiau-durable">tableau des matières</a></strong> de la composition exacte de chacun de nos papiers. Être durable na jamais été aussi facile !</p>"
class="tooltip_alim col-xs-3 selector_color attr_self_XL_4 attr_self_Boîte_46 attr_self_CARTON_NATUREL_113 part-1 active" id_size="4" id_attribute="113" color="#bc8b58" part="46" attribute_group="2" pos="1" type_color="4"
printable="1" material="2" style="background-color: #bc8b58; display: block; "></div><input type="hidden" name="configuration[4][parts][46]" part="46" value="113" class="input_colors">
</div>
</div> <span class="subtitle"></span>
</li>
<li id="group_etiquetas" class="clearfix col-sm-3" id_size="4" attribute_group="4"> <span class="f-active fa fa-caret-right" style="top: 46%;"></span>
<div class="col-md-9 nopadding more-options"> <i class="demo-icon icon-pictogrames-final-10"></i> <span class="group-more-title">Étiquette</span></div>
<div id="boton-etiquetas" class="boton-atributo ok"></div>
</li>
<li id="group_extras" class="clearfix col-sm-3" id_size="4" attribute_group="8"> <span class="f-active fa fa-caret-right" style="top: 46%;"></span>
<div class="col-md-9 nopadding more-options"> <i class="demo-icon icon-pictogrames-final-22"></i> <span class="group-more-title">Extras</span></div>
<div id="boton-extra" class="boton-atributo ok"></div>
</li>
</div>
</ul>
</div>
<div id="listado_atributos_mobile" style="display: none">
<div id="owl-carousel-main-temporal" style="display: none">
<div class="item item-colors item-sizes-extras" id_size="2" attribute_group="2">
<div><span class="item-color" id_size="2" id_attribute="113" color="#bc8b58" part="46" attribute_group="2" pos="1" style="background-color: #bc8b58;"></span></div>
<h4>Couleur</h4>
</div>
<div class="item item-fajas item-icon item-sizes-extras" id_size="2" attribute_group="5">
<h3> </h3>
<h4>Bande imprimable </h4>
</div>
<div class="item item-print item-icon item-sizes-extras" id_size="2" attribute_group="23"> <i class="demo-icon icon-pictogrames-final-21"></i>
<h4>Imprimer</h4>
</div>
<div class="item item-colors item-sizes-extras" id_size="3" attribute_group="2">
<div><span class="item-color" id_size="3" id_attribute="113" color="#bc8b58" part="46" attribute_group="2" pos="1" style="background-color: #bc8b58;"></span></div>
<h4>Couleur</h4>
</div>
<div class="item item-fajas item-icon item-sizes-extras" id_size="3" attribute_group="5">
<h3> </h3>
<h4>Bande imprimable </h4>
</div>
<div class="item item-print item-icon item-sizes-extras" id_size="3" attribute_group="23"> <i class="demo-icon icon-pictogrames-final-21"></i>
<h4>Imprimer</h4>
</div>
<div class="item item-colors item-sizes-extras" id_size="4" attribute_group="2">
<div><span class="item-color" id_size="4" id_attribute="113" color="#bc8b58" part="46" attribute_group="2" pos="1" style="background-color: #bc8b58;"></span></div>
<h4>Couleur</h4>
</div>
</div>
<div id="owl-carousel-main" class="owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s;">
<div class="owl-item">
<div class="item item-unidades active" id_size="0" attribute_group="0">
<h3>100</h3>
<h4>Montant</h4>
</div>
</div>
<div class="owl-item">
<div class="item item-sizes" id_size="0" attribute_group="1"> <span class="item-size">S</span>
<h4>Taille</h4>
</div>
</div>
<div class="owl-item">
<div class="item item-colors item-sizes-extras" id_size="1" attribute_group="2">
<div><span class="item-color" id_size="1" id_attribute="113" color="#bc8b58" part="46" attribute_group="2" pos="1" style="background-color: #bc8b58;"></span></div>
<h4>Couleur</h4>
</div>
</div>
<div class="owl-item">
<div class="item item-fajas item-icon item-sizes-extras" id_size="1" attribute_group="5">
<h3> </h3>
<h4>Bande imprimable </h4>
</div>
</div>
<div class="owl-item">
<div class="item item-print item-icon item-sizes-extras" id_size="1" attribute_group="23"> <i class="demo-icon icon-pictogrames-final-21"></i>
<h4>Imprimer</h4>
</div>
</div>
</div>
</div>
<div class="owl-nav"><button type="button" role="presentation" class="owl-prev disabled">
<icon class="fa fa-angle-left"></icon>
</button><button type="button" role="presentation" class="owl-next">
<icon class="fa fa-angle-right"></icon>
</button></div>
<div class="owl-dots disabled"></div>
</div>
<div id="owl-carousel-unidades" style="display: block;">
<div class="slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all ui-slider-pips ui-slider-float" aria-disabled="false">
<a class="ui-slider-handle ui-state-default ui-corner-all" style="left: 4.95248%;"><span class="ui-slider-tip"><input type="text" id="qty_slider" value="100"></span></a><span
class="ui-slider-pip ui-slider-pip-first ui-slider-pip-label ui-slider-pip-1" style="left: 0%"><span class="ui-slider-line"></span><span class="ui-slider-label" data-value="1">1</span></span><span
class="ui-slider-pip ui-slider-pip-last ui-slider-pip-label ui-slider-pip-2000" style="left: 100%"><span class="ui-slider-line"></span><span class="ui-slider-label" data-value="2000">2000</span></span></div>
</div>
<div id="owl-carousel-unidades-input" style="display: block;">
<p id="quantity_wanted_p_mobile"> <a href="#" data-field-qty="qty" class="btn btn-default button-minus product_quantity_down"> <i class="icon-minus"></i> </a><input type="text" name="qty" id="quantity_wanted_mobile" class="text"
value="1"><a href="#" data-field-qty="qty" class="btn btn-default button-plus product_quantity_up"> <i class="icon-plus"></i> </a> <span class="clearfix"></span></p>
</div>
<div id="owl-carousel-sizes" style="display: none;">
<div class="item" id_size="35" attribute_group="1" style="display: none;"><span class="item-size">XS</span></div>
<div class="item active" id_size="1" attribute_group="1"><span class="item-size">S</span></div>
<div class="item" id_size="2" attribute_group="1"><span class="item-size">M</span></div>
<div class="item" id_size="3" attribute_group="1"><span class="item-size">L</span></div>
<div class="item" id_size="4" attribute_group="1"><span class="item-size">XL</span></div>
</div>
<div id="owl-carousel-sizes-info" style="display: none;">
<p class="item-size-info"><span class="item-size-info-outside">7.2 x 19.2 x 8.7 cm</span> (Intérieur:<span class="item-size-info-inside">6.8 x 17.7 x 8.1 cm</span>)</p>
</div>
<div id="owl-carousel-parts" style="display: none;" id_size="4">
<div class="item" id_size="1" part="46" attribute_group="2"><span class="item-parts" style="color:#bc8b58;">Boîte</span></div>
<div class="item" id_size="2" part="46" attribute_group="2"><span class="item-parts" style="color:#bc8b58;">Boîte</span></div>
<div class="item" id_size="3" part="46" attribute_group="2"><span class="item-parts" style="color:#bc8b58;">Boîte</span></div>
<div class="item" id_size="4" part="46" attribute_group="2"><span class="item-parts" style="color:#bc8b58;">Boîte</span></div>
</div>
<div id="owl-carousel-colors" class="owl-carousel-colors owl-carousel owl-theme owl-loaded owl-drag" style="display: none;" id_size="1" part="46">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s;">
<div class="owl-item">
<div class="item" id_size="1" attribute_group="2"> <span class="item-color" id_size="1" id_attribute="113" color="#bc8b58" part="46" attribute_group="2" pos="1" style="background-color: #bc8b58;"></span></div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev disabled">
<icon class="fa fa-angle-left"></icon>
</button><button type="button" role="presentation" class="owl-next disabled">
<icon class="fa fa-angle-right"></icon>
</button></div>
<div class="owl-dots disabled"></div>
</div>
<div id="owl-carousel-print" class="owl-carousel-print" style="display: none;" id_size="1" attribute_group="8">
<div class="item" id_size="1" attribute_group="23">
<p class="item-print-header"> <span class="highlighted">NON DISPONIBLE</span> <span>SUR PHONES.</span></p>
<p class="item-print-info"> <span>Il est préférable d'utiliser un grand écran,</span><br> <span class="highlighted">Courrez vers votre ordinateur!</span></p>
</div>
</div>
<div id="owl-carousel-colors" class="owl-carousel-colors owl-carousel owl-theme owl-loaded owl-drag" style="display: none;" id_size="2" part="46">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s;">
<div class="owl-item">
<div class="item" id_size="2" attribute_group="2"> <span class="item-color" id_size="2" id_attribute="113" color="#bc8b58" part="46" attribute_group="2" pos="1" style="background-color: #bc8b58;"></span></div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev disabled">
<icon class="fa fa-angle-left"></icon>
</button><button type="button" role="presentation" class="owl-next disabled">
<icon class="fa fa-angle-right"></icon>
</button></div>
<div class="owl-dots disabled"></div>
</div>
<div id="owl-carousel-print" class="owl-carousel-print" style="display: none;" id_size="2" attribute_group="8">
<div class="item" id_size="2" attribute_group="23">
<p class="item-print-header"> <span class="highlighted">NON DISPONIBLE</span> <span>SUR PHONES.</span></p>
<p class="item-print-info"> <span>Il est préférable d'utiliser un grand écran,</span><br> <span class="highlighted">Courrez vers votre ordinateur!</span></p>
</div>
</div>
<div id="owl-carousel-colors" class="owl-carousel-colors owl-carousel owl-theme owl-loaded owl-drag" style="display: none;" id_size="3" part="46">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s;">
<div class="owl-item">
<div class="item" id_size="3" attribute_group="2"> <span class="item-color" id_size="3" id_attribute="113" color="#bc8b58" part="46" attribute_group="2" pos="1" style="background-color: #bc8b58;"></span></div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev disabled">
<icon class="fa fa-angle-left"></icon>
</button><button type="button" role="presentation" class="owl-next disabled">
<icon class="fa fa-angle-right"></icon>
</button></div>
<div class="owl-dots disabled"></div>
</div>
<div id="owl-carousel-print" class="owl-carousel-print" style="display: none;" id_size="3" attribute_group="8">
<div class="item" id_size="3" attribute_group="23">
<p class="item-print-header"> <span class="highlighted">NON DISPONIBLE</span> <span>SUR PHONES.</span></p>
<p class="item-print-info"> <span>Il est préférable d'utiliser un grand écran,</span><br> <span class="highlighted">Courrez vers votre ordinateur!</span></p>
</div>
</div>
<div id="owl-carousel-colors" class="owl-carousel-colors owl-carousel owl-theme owl-loaded owl-drag" style="display: none;" id_size="4" part="46">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s;">
<div class="owl-item">
<div class="item" id_size="4" attribute_group="2"> <span class="item-color" id_size="4" id_attribute="113" color="#bc8b58" part="46" attribute_group="2" pos="1" style="background-color: #bc8b58;"></span></div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev disabled">
<icon class="fa fa-angle-left"></icon>
</button><button type="button" role="presentation" class="owl-next disabled">
<icon class="fa fa-angle-right"></icon>
</button></div>
<div class="owl-dots disabled"></div>
</div>
</div>
<script>
$(document).ready(function() {
/* posibilidad de customizar select */
/*var $cst = $('.custom_select_tallas').customSelect();
var $csc = $('.custom_select_colors').customSelect();*/
$('#owl-carousel-main').owlCarousel({
loop: false,
nav: true,
items: 3,
dots: false,
navText: ['<icon class="fa fa-angle-left"></icon>', '<icon class="fa fa-angle-right"></icon>'],
responsive: {
0: {
items: 3
},
600: {
items: 3
},
1000: {
items: 3
}
}
});
$('.owl-carousel-colors, .owl-carousel-complementos').owlCarousel({
loop: false,
nav: true,
items: 7,
dots: false,
navText: ['<icon class="fa fa-angle-left"></icon>', '<icon class="fa fa-angle-right"></icon>'],
responsive: {
0: {
items: 7
},
600: {
items: 7
},
1000: {
items: 7
}
}
});
$('.owl-carousel-config-tag-main, .owl-carousel-config-font-family').owlCarousel({
loop: false,
nav: true,
items: 5,
dots: false,
navText: ['<icon class="fa fa-angle-left"></icon>', '<icon class="fa fa-angle-right"></icon>'],
responsive: {
0: {
items: 5
},
600: {
items: 5
},
1000: {
items: 5
}
}
});
$('#qty_unit').change(function() {
$(".slider").slider("value", $(this).val());
});
$('#qty_slider').change(function() {
$('#qty_unit').val($(this).val());
});
$(".custom_select_tallas").change(function() {
$('.tallas_' + $(this).val()).click();
$('.color_' + $(this).val() + ' .custom_select_colors').trigger('change');
$('.select_colors > div').hide();
$('.color_' + $(this).val()).show();
});
$('.custom_select_colors').change(function() {
//$('.'+$(this).val()).click();
$('.' + $(this).val() + '[id_size="' + $(this).attr('id_size') + '"][part="' + $(this).attr('part') + '"]').click();
});
$('input[name="configuration[qty]"]').change(function() {
$('#qty_unit').val($(this).val());
});
/* Filtros mobile */
$('.select_colors > div').hide();
$('#listado_atributos_mobile .color_attr_self__1').show();
$('.configurador-etiquetas-mobile').appendTo('body');
/* Combinacion por defecto */
});
function input_colors() {
var object = '.custom_select_colors[id_size="' + $(this).attr('id_size') + '"][part="' + $(this).attr('part') + '"]';
$(object).val(object + ' option[id_attribute="' + $(this).attr('id_attribute') + '"]');
};
</script>
<div id="valores_group" class="col-xs-12 col-sm-7 nopadding">
<div id="valores-boton-unidades" class="vista_atributos" id_size="0" attribute_group="0" style="display: none;">
<div class="header-conf"></div> <a id="open_ahorro" href="#ahorropopup"><span class="info_ahorrocompra fa fa-info pull-right"></span></a>
<div class="ocultopopup">
<div id="ahorropopup"><i class="demo-icon icon-pictogrames-final-31-cerdo"></i>
<p>Nos boîtes sont produites sur commande. Vous remarquerez donc que pour les commandes de moins de 50 pièces, le prix unitaire est cher. Cependant, plus le nombre d'unités commandés augmente, plus le prix unitaire diminue.</p>
</div>
</div>
<div class="slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all ui-slider-pips ui-slider-float" aria-disabled="false">
<a class="ui-slider-handle ui-state-default ui-corner-all" style="left: 4.95248%;"><span class="ui-slider-tip"><input type="text" id="qty_slider" value="100"></span></a><span
class="ui-slider-pip ui-slider-pip-first ui-slider-pip-label ui-slider-pip-1" style="left: 0%"><span class="ui-slider-line"></span><span class="ui-slider-label" data-value="1">1</span></span><span
class="ui-slider-pip ui-slider-pip-label ui-slider-pip-501" style="left: 25.0125%"><span class="ui-slider-line"></span><span class="ui-slider-label" data-value="501">501</span></span><span
class="ui-slider-pip ui-slider-pip-label ui-slider-pip-1001" style="left: 50.0250%"><span class="ui-slider-line"></span><span class="ui-slider-label" data-value="1001">1001</span></span><span
class="ui-slider-pip ui-slider-pip-label ui-slider-pip-1501" style="left: 75.0375%"><span class="ui-slider-line"></span><span class="ui-slider-label" data-value="1501">1501</span></span><span
class="ui-slider-pip ui-slider-pip-last ui-slider-pip-label ui-slider-pip-2000" style="left: 100%"><span class="ui-slider-line"></span><span class="ui-slider-label" data-value="2000">2000</span></span></div>
<div class="ahorro-porc fjalla clearfix" style="visibility: visible;">
<div class="">
<p><i class="demo-icon icon-pictogrames-final-31"></i> Wow !</p>
</div>
<div class="col-lg-7 nopadding 15px">
<div class="ahorro-descuento">-25%</div>
</div>
<div class="col-lg-5 noppading info-ahorro">
<p></p>
<p>VOUS ÉCONOMISEZ</p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-12 nopadding contact-order fjalla clearfix">
<div class="col-md-12 nopadding">
<p>+ de 2000 exemplaires ?</p>
</div>
<div class="text-contact-order col-md-12 nopadding 15px">
<p>Si vous avez besoin de plus de 2000 exemplaires, <a href="https://selfpackaging.fr/des-boites-sur-mesure#contact-form-box-b2b" alt="contactez-">contactez-</a> nous.</p>
</div>
<div class="data-contact-order col-md-12 nopadding 15px">
<p> <a class="orange" href="https://selfpackaging.fr/des-boites-sur-mesure#contact-form-box-b2b"> <i class="demo-icon icono-mensaje"></i>Devis </a></p>
</div>
</div>
</div>
<div id="valores-boton-tamano" class="vista_atributos" style="display:none;" id_size="0" attribute_group="1">
<div class="header-conf"></div>
<div class="text-atributos col-md-12">hauteur, longueur, largeur</div>
<div class="col-md-12 selector_talla tallas_attr_self_S_1 attr_self_S_1 active" id_size="1" attribute_group="1" talla="S" title="S" data-medidas="7.2 x 19.2 x 8.7 cm" data-medidas-inside="6.8 x 17.7 x 8.1 cm" data-min="1" data-max="400">
<span>S</span>
<div class="medidas_talla">
<p>Extérieur 7.2 x 19.2 x 8.7 cm</p>
<p>Intérieur 6.8 x 17.7 x 8.1 cm</p>
</div>
</div>
<div class="col-md-12 selector_talla tallas_attr_self_M_2 attr_self_M_2" id_size="2" attribute_group="1" talla="M" title="M" data-medidas="8.2 x 28.2 x 8.2 cm" data-medidas-inside="7.8 x 26.5 x 7.6 cm" data-min="1" data-max="200">
<span>M</span>
<div class="medidas_talla">
<p>Extérieur 8.2 x 28.2 x 8.2 cm</p>
<p>Intérieur 7.8 x 26.5 x 7.6 cm</p>
</div>
</div>
<div class="col-md-12 selector_talla tallas_attr_self_L_3 attr_self_L_3" id_size="3" attribute_group="1" talla="L" title="L" data-medidas="10.1 x 34 x 10.2 cm" data-medidas-inside="9.6 x 33.5 x 9.6 cm" data-min="1" data-max="100">
<span>L</span>
<div class="medidas_talla">
<p>Extérieur 10.1 x 34 x 10.2 cm</p>
<p>Intérieur 9.6 x 33.5 x 9.6 cm</p>
</div>
</div>
<div class="col-md-12 selector_talla tallas_attr_self_XL_4 attr_self_XL_4" id_size="4" attribute_group="1" talla="XL" title="XL" data-medidas="10.3 x 39.7 x 10.7 cm" data-medidas-inside="9.85 x 38.2 x 9.8 cm" data-min="1" data-max="100">
<span>XL</span>
<div class="medidas_talla">
<p>Extérieur 10.3 x 39.7 x 10.7 cm</p>
<p>Intérieur 9.85 x 38.2 x 9.8 cm</p>
</div>
</div> <a href="https://selfpackaging.fr/des-boites-sur-mesure#contact-form-box-b2b" class="view_tallas">Sur mesure? Sollicitez un devis! (min. 300u)</a>
<ul class="view_medidas">
<li>1. Hauteur</li>
<li>2. Longueur</li>
<li>3. Profondeur</li>
</ul>
<div id="tallas-content" class="tallas-content" style="display: none;">
<div class="clearfix tallas"> <img class="lazyload" data-src="/modules/selfconfigboxfront/ajax_box.php?width=400&img_url=https://selfpackaging.fr/modules/selfpackagingotros/img/products/3187/image-size_1-id-3187.jpg"
style="width: 100%;"></div>
</div>
<script>
$(document).ready(function() {
$("a.view_tallas").fancybox({
'frameWidth': 630,
'frameHeight': 395,
'overlayShow': true,
'scrolling': 'no',
'showNavArrows': false,
'hideOnContentClick': false
});
});
</script> <img class="img-responsive image_medidas lazyload" data-src="https://selfpackaging.fr/themes/selfpackaging/img/caja-medidas.png" alt="Mesures de la boîte<">
</div>
<div id="valores-boton-color-1" class="vista_atributos" style="display:none;" id_size="1" attribute_group="2">
<div class="header-conf"></div>
<div class="nodisponleColores"> Cette boîte est seulement disponible dans la couleur indiquée</div>
<div style="display: none;" class="group-part-color-atributos col-xs-12 nopadding clearfix color_grid_1" size="1">
<div class="text-atributos col-xs-12">Boîte</div>
<div class="col-xs-12 clearfix nopadding">
<div
title="<h6>Quels sont les papiers recyclés ?</h6><p>Le contenu de ce papier comprend au moins 40% de papier recyclé, même si certains peuvent même être à 100%, découvrez dans notre <strong><a href="https://selfpackaging.fr/content/43-materiau-durable">tableau des matières</a></strong> de la composition exacte de chacun de nos papiers. Être durable na jamais été aussi facile !</p>"
class="tooltip_alim col-xs-3 selector_color attr_self_S_1 attr_self_Boîte_46 attr_self_CARTON_NATUREL_113 part-1 active" id_size="1" id_attribute="113" color="#bc8b58" part="46" attribute_group="2" pos="1" type_color="4" printable="1"
material="2" style="background-color: #bc8b58; display: block; ">
<div class="print"><i class="self-pictos-v2 icon-self-pictos-73"></i></div>
</div>
</div>
</div> <span class="aclaracion-color">* Pantone donné à titre indicatif et mat (non couché)</span> <i class="demo-icon icon-pictogrames-final-39 image_color"></i>
</div>
<div id="valores-boton-etiquetas" class="vista_atributos" style="display:none;" id_size="1" attribute_group="4">
<div class="header-conf"></div> <a id="open_etiquetas" href="#etiquetaspopup" class="infoI"><span class="info_ahorrocompra fa fa-info pull-right"></span></a>
<div class="ocultopopup">
<div id="etiquetaspopup">
<p class="p1"><span class="s1">Voici quelques indications pour vous aider à créer un fichier d'impression correct, afin que le résultat soit celui que vous attendez :</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>1- Format du fichier :</strong></span></p>
<p class="p1"><span class="s1"><strong>Le format de vos images doit être .JPG, .GIF, .PNG ou .TIFF. </strong>Ces formats vous permettront d'obtenir des résultats d'une grande qualité, si vous respectez les autres recommandations.</span>
</p>
<p class="p1"><span class="s1">En utilisant le design, vous vous engagez à veiller que ce contenu respecte les droits d'auteur. Veuillez vous assuree que vous possédez le droit d'utiliser ces images.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>2- Couleurs :</strong></span></p>
<p class="p1"><span class="s1"><strong>Les fichiers doivent être envoyés en RGB. </strong>Les images en CMYK ou avec des couleurs Pantone seront converties automatiquement vers ce format.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>3- Résolution :</strong></span></p>
<p class="p1"><span class="s1"><strong>Votre image doit avoir une résolution de 300 dpi, et ne doit pas dépasser 5MB.</strong></span></p>
<p class="p1"><span class="s1">Afin de couvrir complètement la zone d'impression, nous vous recommandons d'utiliser des images égales ou plus grandes que la zone à imprimer. Dans le cas contraire, l'image risque d'être floue ou
pixélisée.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>4- Fonctionnement :</strong></span></p>
<p class="p1"><span class="s1">Vous pouvez configurer directement votre impression dans le menu déroulant et choisir de mettre soit du texte ou soit une image (choisir une option parmi les 2 proposées), selon vos préférences.</span></p>
<p class="p1"><span class="s1">Les dimensions des étiquettes adhésives varient en fonction de la taille. Dans le menu déroulant et dans l'aperçu avant impression, vous pourrez voir les dimensions de chaque étiquette, en fonction de la
taille de la boîte sélectionnée.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>5. Finition :</strong></span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>- </strong>Les étiquettes adhésives sont imprimées sur du vinyle plastifié mat. Ce matériau d'une grande qualité est plus résistant que le papier et il permet que les stickers d'être
amovibles.</span></p>
<p class="p1"><span class="s1"><strong>- </strong>Les étiquettes non imprimées sont fabriquées en papier mat, vous pouvez ainsi écrire dessus sans aucun problème et avec n'importe quel stylo ou marqueur. Ce type d'étiquette n'est pas
amovible.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>6. Quantités :</strong></span></p>
<p class="p1"><span class="s1">Lors de votre achat, quand vous créez une étiquette adhésive (avec ou sans impression), la nombre d'étiquettes ajouté à votre panier correspond à la quantité de boîtes commandée.</span></p>
<p class="p1"><span class="s1">Cette quantité pourra être modifiée par la suite, dans le récapitulatif de la commande.</span></p>
</div>
</div>
<div class="tag-formas-printed" id_size="1">
<div class="text-atributos col-xs-12">Avec de l'impression <span class="medidas">4 x 5 cm</span></div>
<div class="tag-formas col-xs-12 clearfix">
<ul class="clearfix">
<li id_size="1"><span class="tag-no" src="/modules/selfconfigboxfront/img/no-tag.png" data-tag-shape="-1" data-tag-size-id="-1" data-tag-shape-id="-1"></span></li>
<li id_size="1"> <span class="attr_self_S_1 attr_self_D_67 attr_self_1_61 tag-1" src="/modules/selfconfigboxfront/img/1-tag.png" data-printable="true" data-size="1" data-tag-shape="1"
data-tag-info="{"tag_shape":"1","tag_size":"D","lines":"3","print_per_page":"1","print_size":"200.000000","tag_steps":"7 x 7 cm","text_left":"35","text_top":"35","text_width":"126","text_height":"126"}"
data-tag-size-id="67" data-tag-shape-id="61"></span></li>
<li id_size="1"> <span class="attr_self_S_1 attr_self_D_67 attr_self_2_62 tag-2" src="/modules/selfconfigboxfront/img/2-tag.png" data-printable="true" data-size="1" data-tag-shape="2"
data-tag-info="{"tag_shape":"2","tag_size":"D","lines":"4","print_per_page":"1","print_size":"200.000000","tag_steps":"7 x 7 cm","text_left":"8","text_top":"8","text_width":"174","text_height":"174"}"
data-tag-size-id="67" data-tag-shape-id="62"></span></li>
<li id_size="1"> <span class="attr_self_S_1 attr_self_D_67 attr_self_3_63 tag-3" src="/modules/selfconfigboxfront/img/3-tag.png" data-printable="true" data-size="1" data-tag-shape="3"
data-tag-info="{"tag_shape":"3","tag_size":"D","lines":"2","print_per_page":"1","print_size":"215.000000","tag_steps":"7,5 x 6,5 cm ","text_left":"27","text_top":"53","text_width":"141","text_height":"89"}"
data-tag-size-id="67" data-tag-shape-id="63"></span></li>
</ul>
</div>
<div class="masInformacionEtiquetas"> Creez votre étiquette personnalisée !<br> <span class="materialNegrita">Matériel</span> Vinyl plastifié (amovible)</div>
<div id="tag-no" class="col-xs-12 nopadding clearfix" style="display: none;">
<p>Sans étiquette</p>
</div>
</div>
<div class="tag-formas-unprinted" id_size="1">
<div class="text-atributos col-xs-12">Sans impression <span class="medidas">4 x 5 cm</span></div>
<div class="tag-formas col-xs-12 clearfix ">
<ul class="clearfix">
<li id_size="1"><span class="tag-no" src="/modules/selfconfigboxfront/img/no-tag.png" data-tag-shape="-1" data-tag-size-id="-1" data-tag-shape-id="-1"></span></li>
<li id_size="1"> <span class="attr_self_S_1 attr_self_D_67 attr_self_1_61 tag-1" src="/modules/selfconfigboxfront/img/1-tag.png" data-size="1" data-tag-shape="1" data-printable="false"
data-tag-info="{"tag_shape":"1","tag_size":"D","lines":"3","print_per_page":"1","print_size":"200.000000","tag_steps":"7 x 7 cm","text_left":"35","text_top":"35","text_width":"126","text_height":"126"}"
data-tag-size-id="67" data-tag-shape-id="61"></span></li>
<li id_size="1"> <span class="attr_self_S_1 attr_self_D_67 attr_self_2_62 tag-2" src="/modules/selfconfigboxfront/img/2-tag.png" data-size="1" data-tag-shape="2" data-printable="false"
data-tag-info="{"tag_shape":"2","tag_size":"D","lines":"4","print_per_page":"1","print_size":"200.000000","tag_steps":"7 x 7 cm","text_left":"8","text_top":"8","text_width":"174","text_height":"174"}"
data-tag-size-id="67" data-tag-shape-id="62"></span></li>
<li id_size="1"> <span class="attr_self_S_1 attr_self_D_67 attr_self_3_63 tag-3" src="/modules/selfconfigboxfront/img/3-tag.png" data-size="1" data-tag-shape="3" data-printable="false"
data-tag-info="{"tag_shape":"3","tag_size":"D","lines":"2","print_per_page":"1","print_size":"215.000000","tag_steps":"7,5 x 6,5 cm ","text_left":"27","text_top":"53","text_width":"141","text_height":"89"}"
data-tag-size-id="67" data-tag-shape-id="63"></span></li>
</ul>
</div>
<div class="contenedorEtiquetaImg" style="display:none;">
<div class="consejoDIY">Conseil DIY</div> <img data-src="/modules/selfconfigboxfront/img/imagen_etiquetas.png" alt="Creez votre étiquette personnalisée !" class="img-responsive lazyload">
<div class="consejofinalDIY">Écrivez à la main vos étiquettes et donnez une touche fait maison à vos cadeaux</div>
</div>
</div>
<div class="masInformacionEtiquetas"> Étiquettes blanches lisses<br> <span class="materialNegrita">Matériel</span> Papier mat</div>
<div id="tag-config"> <input type="hidden" name="id_print_tag" id_size="1" id="id_print_tag" value=""> <input type="hidden" name="configuration[1][tag_size]" id_size="1" value=""> <input type="hidden" name="configuration[1][tag_shape]"
id_size="1" value=""> <input type="hidden" name="configuration[1][tag_empty]" id_size="1" value="0">
<div id="tag_bg_config" id_size="1" class="col-xs-12 clearfix">
<div class="color_tag tooltip_show" id_size="1" title="<span class="name">Couleur de fond</span>">
<div class="bg_color_selector select" id_size="1">
<div style="background-color: #FFFFFF;"></div>
</div>
</div>
<div class="imagen_tag tag_image_config"> <input type="file" class="tag_upload" id_size="1" style="display: none;">
<div class="bg_imagen-tag"> <span class="btn_tag_img pull-left tooltip_show" id_size="1"
title="<span class="name">Télécharger image</span>"><i class="fa fa-cloud-upload" aria-hidden="true"></i> <i class="loading-printtag fa fa-spinner fa-spin fa-2x" style="vertical-align: sub; display: none;" id_size="1"></i></span>
<div class="btn_tag_img_eliminar pull-right tooltip_show" id_size="1" title="<span class="name">Éliminer image</span>"> <span class="pull-right eliminar" id_size="1"> <span id_size="1"
class="eliminar x icon-delete-self"></span> </span></div>
</div>
</div>
<div id="modificar-tag-imagen" id_size="1" class="tag_image_config pull-right clearfix">
<div id="btn-centrar" title="<span class="name">Centrer image</span>" class="tooltip_show pull-left"><span></span></div>
<div id="btn-rotar" class="tooltip_show pull-right hidden" title="<span class="name">Zoom</span>">
<div class="tagSliderRotate ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" style=" width: 55px; height: 4px; margin-top: 9px; " aria-disabled="false">
<a class="ui-slider-handle ui-state-default ui-corner-all" style="left: 31.0345%;"></a></div>
</div>
<div title="<span class="name">Réduire taille</span>" class="tooltip_show pull-left minus-zoom icon-zoom" id_size="1"><span class="icon icon-minus-circle"></span></div>
<div title="<span class="name">Augmenter taille</span>" class="tooltip_show pull-left plus-zoom icon-zoom" id_size="1"><span class="icon icon-plus-circle"></span></div>
</div>
</div> <span style="display:none;" class="info-detect fa fa-exclamation pull-right tooltip_alim"
title="<p class='alert-detect'>Ce produit contient quelques images dont la taille originale a été augmentée et elles peuvent être floues ou pixellisées lors de l’impression de l’article</p>"></span>
<div id="tag_text_config" id_size="1" class="col-xs-12 clearfix"> <select class="tag_text_font select tooltip_show" id_size="1" title="<span class="name">Police du texte</span>">
<option value="Bank Gothic" style="font-family: 'Bank Gothic';">Bank Gothic</option>
<option value="DinRegular" style="font-family: 'DinRegular';" selected="">DinRegular</option>
<option value="Impact" style="font-family: 'Impact';">Impact</option>
<option value="JustMeAgainDownHere" style="font-family: 'JustMeAgainDownHere';">Just me again down here</option>
<option value="Mogambo" style="font-family: 'Mogambo';">Mogambo</option>
<option value="Peak" style="font-family: 'Peak';">Peak</option>
<option value="Sacramento" style="font-family: 'sacramento';">Sacramento</option>
<option value="Times New Roman" style="font-family: 'Times New Roman';">Times New Roman</option>
<option value="Trebuchet MS" style="font-family: 'Trebuchet MS';">Trebuchet MS</option>
</select> <select class="tag_size_select select tooltip_show" id_size="1" title="<span class="name">Taille du texte</span>">
<option value="19px">20</option>
<option value="20px">21</option>
<option value="21px">22</option>
<option value="22px">23</option>
<option value="23px">24</option>
<option value="24px">25</option>
<option value="25px">26</option>
<option value="26px">27</option>
<option value="27px">28</option>
<option value="28px">29</option>
<option value="29px">30</option>
<option value="30px">31</option>
<option value="31px">32</option>
<option value="32px">33</option>
<option value="33px">34</option>
<option value="34px">35</option>
<option value="35px">36</option>
<option value="36px">37</option>
<option value="37px">38</option>
<option value="38px">39</option>
<option value="39px">40</option>
<option value="40px">41</option>
<option value="41px">42</option>
<option value="42px">43</option>
<option value="43px">44</option>
<option value="44px">45</option>
<option value="45px">46</option>
<option value="46px">47</option>
<option value="47px">48</option>
<option value="48px">49</option>
<option value="49px">50</option>
<option value="50px">51</option>
<option value="51px">52</option>
<option value="52px">53</option>
<option value="53px">54</option>
<option value="54px">55</option>
<option value="55px">56</option>
<option value="56px">57</option>
<option value="57px">58</option>
<option value="58px">59</option>
<option value="59px">60</option>
<option value="60px">61</option>
<option value="61px">62</option>
<option value="62px">63</option>
<option value="63px">64</option>
<option value="64px">65</option>
<option value="65px">66</option>
<option value="66px">67</option>
<option value="67px">68</option>
<option value="68px">69</option>
<option value="69px">70</option>
<option value="70px">71</option>
<option value="71px">72</option>
<option value="72px">73</option>
<option value="73px">74</option>
<option value="74px">75</option>
<option value="75px">76</option>
<option value="76px">77</option>
<option value="77px">78</option>
<option value="78px">79</option>
<option value="79px">80</option>
</select>
<div id="tag_text_color" id_size="1" class="select tooltip_show" title="<span class="name">Couleur du texte</span>">
<div class="text_color_selector" id_size="1">
<div>A</div>
</div>
</div> <select class="tag_text_align select selectpicker bs-select-hidden" id_size="1">
<option value="left" data-content="<i class="fa fa-align-left" title="Gauche"></i>"> </option>
<option value="center" data-content="<i class="fa fa-align-center" title="Centre"></i>"> </option>
<option value="right" data-content="<i class="fa fa-align-right" title="Droite"></i>"> </option>
</select>
<div class="btn-group bootstrap-select tag_text_align select"><button type="button" class="btn dropdown-toggle select btn-info" data-toggle="dropdown" title=""><span
class="filter-option pull-left"><i class="fa fa-align-left" title="Gauche"></i></span> <span class="caret"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><i class="fa fa-align-left" title="Gauche"></i><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><i class="fa fa-align-center" title="Centre"></i><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><i class="fa fa-align-right" title="Droite"></i><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="etiqueta_container">
<div id="tag_bg_color" id_size="1" style="background-color: #FFFFFF;">
<div id="mask_image" style="background-image: url(https://selfpackaging.fr/upload/printTag/mask/mask_3.png);"></div> <img class="background_image ui-draggable" src="" id_size="1"
style="width: 100%; position: absolute; z-index: 15;display: none;cursor: pointer;">
</div>
<div class="text-container">
<div id="tag_text" id_size="1">
<div class="text-write"><img src="/modules/selfconfigboxfront/img/escribe_fr.png"></div>
</div>
</div>
</div>
<div class="col-xs-12 block-buttons clearfix"> <a class="button-etiqueta-preview button-etiqueta-preview-1 button-preview pull-left" href="#data-etiqueta-preview-1" id_size="1" title="Aperçu"><span>Aperçu</span></a>
<a class="button-delete-print-tag pull-left" href="" title="Effacer le texte" id_size="1"><span>Effacer le texte</span></a>
<div id="data-etiqueta-preview-1" style="background: url('/themes/selfpackaging/img/bg-textura-mas-vendidos.png') repeat scroll 0 0 transparent;display: none; height: 100%;">
<div id="etiqueta_preview" id_size="1" style="text-align: center;background: url('https://selfpackaging.fr/themes/selfpackaging/img/bg-textura-mas-vendidos.png') repeat scroll 0 0 transparent; width:auto; min-width: 420px;">
<div>
<p style="font-size: 20px;padding: 20px 0 0px 0;">Prévisualisation</p>
<p class="etiqueta-preview-medidas" style="font-size: 25px;font-weight: bold;padding: 0 0 10px 0;">/p></p>
</div> <img class="image_preview" style="margin: 0 30px;"> <img data-src="/themes/selfpackaging/img/loading-print.gif" class="loadingPreviewPrintTag lazyload" style="display: none;margin: 0 30px;">
<div class="clearfix" style="padding: 20px 0">
<div class="col-xs-12 col-md-6"><span id="btn-cancel" class="button_large" style="background: #666666;border-radius: 4px;color: #ffffff;cursor: pointer;font-size: 12px;padding: 10px 8px;text-transform: uppercase;">Continuer votre
création</span></div>
<div class="col-xs-12 col-md-6"><span id="btn-accept" class="button_large" style="background: #ee7c24;padding: 10px 8px; font-size: 12px;text-transform: uppercase;">Accepter votre création</span></div>
</div>
</div>
<script>
$(document).ready(function() {
$('a.button-etiqueta-preview-' + 1).live('click', function(e) {
var size = $(this).attr('id_size');
var config_tag_shape = jQuery.parseJSON($('#valores-boton-etiquetas[id_size="' + size + '"] .tag-formas li.active span').attr('data-tag-info'));
var configInfo = getTagPrintValues(size);
var config = jQuery.parseJSON(configInfo);
var str = config_tag_shape['tag_steps'];
var res = str.split(" ");
//var src = "/generatePrintImageVistaPrevia.php?id_caja=" + id_product + "&id_size=" + size + "&config_printable=" + checkPrintableValues(size).replace(/##n/g, ':EAG;') + "&v=" + new Date().getTime();
var src = "/generatePrintTagImage.php?tag_config=" + configInfo + "&v=" + new Date().getTime();
/*Generamos la imagen de vista previa*/
$('#valores-boton-etiquetas[id_size="' + size + '"] #data-etiqueta-preview-' + size + ' .image_preview').attr("src", src);
$('#data-etiqueta-preview-' + size + ' .etiqueta-preview-medidas').text(str);
$('#valores-boton-etiquetas[id_size="' + size + '"] #data-etiqueta-preview-' + size + ' .image_preview').attr("width", config_tag_shape.print_size);
$('.loadingPreviewPrintTag').attr("width", config_tag_shape.print_size);
$('#valores-boton-etiquetas[id_size="' + size + '"] .button-etiqueta-preview-' + size).fancybox();
//Hide image preview
$(".image_preview").hide();
// display loading image here...
$('.loadingPreviewPrintTag').show();
// request your data...
var req = new XMLHttpRequest();
req.open("POST", src, true);
req.onreadystatechange = function() {
if (req.readyState == 4 && req.status == 200) {
// content is loaded...hide the gif and display the content...
if (req.responseText) {
/*Generamos la imagen de vista previa*/
$('#data-etiqueta-preview-' + size + ' .image_preview').show();
$('.loadingPreviewPrintTag').hide();
}
}
};
req.send(null);
$('#valores-boton-etiquetas[id_size="' + size + '"] .button-etiqueta-preview-' + size).fancybox();
});
$("a.button-etiqueta-preview-1").fancybox({
'overlayShow': true,
'scrolling': 'no',
'autoScale': false,
'showNavArrows': false,
'hideOnContentClick': false,
'autoDimensions': true,
'autoResize': true,
'height': 'auto',
'width': 'auto'
});
$('#data-etiqueta-preview-1 #btn-accept').on("click", function(event) {
//Despliega el cuadro selector del atributo
event.preventDefault();
saveTagConfig($(this).parents('#etiqueta_preview').attr('id_size'));
//Despliega el cuadro selector del atributo
//$('.vista_atributos').hide();
//$('#valores-boton-etiquetas-diseños[id_size="'+$(this).parents('#etiqueta_preview').attr('id_size')+'"]').show();
$.fancybox.close();
});
$('#etiqueta_preview #btn-cancel').on("click", function() {
$.fancybox.close();
});
});
</script>
</div>
</div>
</div>
<div class="footer-conf"></div>
</div>
<div id="valores-boton-etiquetas-diseños" class="vista_atributos" style="display:none;" id_size="1" attribute_group="4">
<div class="header-conf"></div> <span class="info_impresion fa fa-info pull-right"></span>
<div class="text-atributos col-xs-12">Fichier</div>
<div class="text-description col-xs-12 nopadding">Vous ne pourrez enregistrer que 2 designs</div>
<ul>
<li id="new-design" class="col-xs-12 nopadding clearfix" id_size="1">
<div class="new-design-img-block clearfix"> <img class="new-design lazyload" data-src="/modules/selfconfigboxfront/img/new-design.png"></div>
<div class="new-design-data-block col-lg-12 clearfix">
<div class="col-lg-6 pull-left nopadding new-design-medidas-block"></div>
<div class="new-design-edit-block col-lg-6 nopadding pull-right"> <a href="" data-tag="" class="new-design-edit" size="1">Modifiez votre design</a></div>
</div>
</li>
<li id="new-design" class="col-xs-12 nopadding clearfix" id_size="1">
<div class="new-design-img-block clearfix"> <img class="new-design lazyload" data-src="/modules/selfconfigboxfront/img/new-design.png"></div>
<div class="new-design-data-block col-lg-12 clearfix">
<div class="col-lg-6 pull-left nopadding new-design-medidas-block"></div>
<div class="new-design-edit-block col-lg-6 nopadding pull-right"> <a href="" data-tag="" class="new-design-edit" size="1">Modifiez votre design</a></div>
</div>
</li>
</ul> <a class="button-nuevo-diseño" href="" id_size="1" title="Nouveau"><span>Nouveau</span></a>
<div class="footer-conf"></div>
</div>
<div id="valores-boton-configurator" class="vista_atributos" style="display: block;" id_size="1" attribute_group="20">
<div class="header-conf"></div>
<div class="text-atributos col-xs-12">Imprimer</div>
<div class="text-description col-xs-12 nopadding">Choisissez l'option que vous préférez</div>
<div class="item-configurator3D" data-item="1" id_attribute="258">
<div class="col-md-6 nopadding"> <span class="text-configurator3D">UNE FACE</span></div>
<div class="col-md-6 nopadding"> <img data-src="/modules/configurator3D/img/caras-imprimibles-01.png" class="img-configurator3D lazyloaded" src="/modules/configurator3D/img/caras-imprimibles-01.png"></div>
</div>
<div class="item-configurator3D" data-item="2" data-active-profesional="0" id_attribute="257">
<div class="col-md-6 nopadding"> <span class="text-configurator3D">TOUTES LES FACES</span></div>
<div class="col-md-6 nopadding"> <img data-src="/modules/configurator3D/img/caras-imprimibles-02.png" class="img-configurator3D lazyloaded" src="/modules/configurator3D/img/caras-imprimibles-02.png"></div>
</div>
<div class="item-configurator3D-result" style="display: none;">
<div class="col-md-12 nopadding"> <img src="" class="img-responsive"></div>
</div>
<div class="checkbox"> <input id="item-configurator3D-empty-1" name="item-configurator3D-empty-1" class="item-configurator3D-empty" type="checkbox" value="1"> <label for="item-configurator3D-empty-1">Sans impression</label></div>
<a class="button-congiguration-design" href="#data-configuration-selector-1" title="PERSONNALISER" id_size="1"> <span>PERSONNALISER</span> <span class="button-result" style="display: none;">MODIFIER LE DESIGN</span> </a><a class="button-congiguration-terms" href="#data-configuration-terms-1" id_size="1" style="display: none;"> <span>Terms</span> </a>
<div id="data-configuration-selector-1" style="display: none; height: 100%;">
<div id="popup-configuration-selector" class="popup-modal">
<div style="width: 100%; height: 100%;">
<div class="title-popup">COMMENT VOULEZ-VOUS PERSONNALISER VOTRE BOÎTE ?</div>
<a class="configurator-diseno-online" href="#configurator-1"><div class="item-configuration-selector pull-left"> <span class="ico-configuration-selector iconc3d iconc3d-paleta-color"></span> <span class="title-configuration-selector">Design online</span> <span class="desc-configuration-selector">Votre boîte est imprimée rapidement et facilement sans que vous n'ayez besoin d'avoir des connaissances en design</span></div> </a>
<a class="configurator-diseno-profesional" href="#configurator-1"><div class="item-configuration-selector pull-right"> <span class="ico-configuration-selector iconc3d iconc3d-diseno-profesional"></span> <span class="title-configuration-selector">Design professionnel</span> <span class="desc-configuration-selector">Télécharger le modèle et utilisez votre programme de design préféré</span></div> </a>
</div>
</div>
</div>
<div id="data-configuration-terms-1" style="display: none; height: 100%;">
<div id="popup-configuration-terms" class="popup-modal">
<div style="width: 100%; height: 100%;">
<div class="col-md-12 nopadding clearfix">
<div class="col-xs-12 col-md-6 columns">
<div class="body-popup">
<p class="title-popup">AVIS !</p>
<p lang="fr-FR"><strong>1.</strong> Ouvrez le cadre que vous verrez en entrant qui indique <strong>« entrez votre texte », écrivez ce que vous souhaitez ou supprimez-le</strong> en cliquant sur corbeille, sinon nous
l’imprimerons ;)</p>
<p lang="fr-FR"><strong>2. Les boîtes de couleurs foncées, sont imprimées seulement en blanc.</strong> Vos images se convertiront en plan de bits blanc. Prenez en compte que les parties blanches ou de couleurs très claires
disparaissent pendant la conversion en plan de bits blanc. Il est préférable de télécharger l'image, de la placer à sa place et d’attendre un peu pour voir sa transformation automatique (si vous ne le faites pas
sauvegardez-la) cela vous permettra de voir comment elle apparaîtra sur votre boîte. Conseil : si votre logo est blanc, transformez-le en noir avant de le télécharger afin qu’il apparaisse correctement !</p>
<p lang="fr-FR"><strong>3. Vous pouvez acheter seulement un motif par référence et par taille.</strong> Si vous souhaitez la même boîte avec deux motifs différents vous devrez passer deux commandes différentes.</p>
<p lang="fr-FR"><strong>4. Si vous avez des problèmes de visualisation</strong> de couleurs, si la maquette virtuelle de votre motif apparaît bizarrement, etc., <strong>essayez de mettre votre navigateur à jour.</strong></p>
<p lang="fr-FR"></p>
<p lang="fr-FR" style="text-align: center;"><strong><strong><strong>ATTENTION! </strong></strong></strong>L'<strong><strong>impression</strong> </strong>est disponible<strong> <strong>jusqu'à 250
unités</strong>. </strong>Pour une quantité supérieure contactez-nous <a href="https://selfpackaging.fr/des-boites-sur-mesure#contact-form-box-b2b">ici</a>.</p>
</div>
</div>
<div class="col-xs-6 col-md-6 columns">
<div class="body-popup">
<p class="title-popup">Instructions</p>
<p lang="fr-FR"><strong>Il est conseillé de tout d’abord vous identifier en tant qu’utilisateur, </strong>de la sorte nous pouvons garder votre motif et vous pouvez le récupérer à votre convenance</p>
<p><span lang="fr-FR"><strong>Vous devez concevoir votre boîte une face après l’autre</strong></span><span lang="fr-FR">. Sélectionnez la face par laquelle vous souhaitez commencer. Choisissez la couleur de fond, écrivez les
textes que vous souhaitez et téléchargez les images de votre choix. N’oubliez pas que pour une bonne impression il est préférable qu'elles aient une résolution de 300 ppp. </span><span style="color: #000000;"><span
style="font-family: Verdana, Arial, Helvetica, sans-serif;"><span style="font-size: xx-small;"><strong>Le format de l'image doit être JPG,</strong></span></span></span><span style="color: #000000;"><span
style="font-family: Verdana, Arial, Helvetica, sans-serif;"><span style="font-size: xx-small;">GIF, PNG o TIFF </span></span></span><span style="color: #000000;"><span
style="font-family: Verdana, Arial, Helvetica, sans-serif;"><span style="font-size: xx-small;"><strong>en RGB</strong></span></span></span></p>
<p lang="fr-FR"><strong>Attention ! Si votre image a un fond, l’encadré se verra dans le cas où la boîte n’est pas blanche.</strong></p>
<p lang="fr-FR"><strong>Quand la face est prête sauvegardez-la </strong>et sélectionnez la face suivante sur les boutons du haut.</p>
<p lang="fr-FR"><strong>La 3D vous permettra de voir comment apparaîtra votre boîte une fois imprimée.</strong></p>
<p lang="fr-FR"><strong>Une fois que vous avez terminé le motif sauvegardez de nouveau,</strong> fermez la fenêtre du configurateur dans la x en haut à droite et ajoutez vos boîtes au panier. Finalisez l’achat et vous les
recevrez quelques jours après !!!</p>
<p lang="fr-FR"><strong>Les couleurs peuvent varier </strong>en fonction de la configuration de votre écran et de la couleur du papier que vous avez choisi.</p>
</div>
</div>
</div>
<div class="col-md-12 clearfix"> <a class="btn-term" title="J'ACCEPTE"> <span>J'ACCEPTE</span> </a></div>
</div>
</div>
</div> <a class="button-congiguration-limit-units" href="#data-configuration-limit-units-1" id_size="1" style="display: none;"> <span>lmit units</span> </a>
<div id="data-configuration-limit-units-1" style="display: none; height: 100%;">
<div id="popup-configuration-limit-units" class="popup-modal">
<div style="width: 100%; height: 100%;">
<div class="title-popup">+ de 250?</div>
<p>Veuillez nous contacter si vous avez besoin de<a href="/cajas-a-medida#contact-form-box-b2b" alt="contactez-">contactez-</a>plus de 250 unités</p>
</div>
</div>
</div>
<div class="footer-conf"></div>
<script type="application/javascript">
$(document).ready(function() {
$(".button-congiguration-design").fancybox({
'hideOnContentClick': true,
'titleShow': false,
'autoDimensions': true,
'width': 750,
'height': 400,
'wrapCSS': 'fancybox-configurator3D',
helpers: {
title: null
}
});
$(".button-congiguration-terms").fancybox({
'hideOnContentClick': true,
'hideOnOverlayClick': true,
'showCloseButton': false,
'closeBtn': false, // hide close button
'titleShow': false,
'autoDimensions': true,
'width': 930,
'height': 630,
'wrapCSS': 'fancybox-configurator3D',
helpers: {
title: null,
'overlay': {
'closeClick': false
}
}
});
$(".button-congiguration-limit-units").fancybox({
'hideOnContentClick': true,
'titleShow': false,
'autoDimensions': true,
'width': 750,
'height': 400,
'wrapCSS': 'fancybox-configurator3D',
helpers: {
title: null
}
});
/*$(".button-congiguration-design").fancybox({
'hideOnContentClick': true,
'titleShow': false,
'autoDimensions': true,
'modal': true,
helpers: {
title: null
}
});*/
});
</script>
</div>
<div id="valores-boton-premontaje" class="vista_atributos" style="display:none;" id_size="1" attribute_group="8">
<div class="header-conf"></div>
<div class="atributos-extra col-xs-12 nopadding clearfix disable-revision">
<div class="input-atributos col-xs-2">
<div class="checkbox"> <input type="checkbox" id="revisiontag-1" name="revisiontag-1" id_attribute="189" id_size="1" attribute_group="8" class="tagreview" disabled="disabled"> <label for="revisiontag-1"> </label></div>
</div>
<div class="col-xs-10 nopadding">
<div class="title-extras">Contrôlez vos étiquettes <i class="icon icon-revision"></i></div>
<div class="price-extras">4,00 €<span> supplémentaires</span></div>
<div class="content-extras">Si vous sélectionnez cette option, nous contrôlerons personnellement les étiquettes que vous avez créé pour nous assurer que la résolution et la visualisation sont correctes.</div>
</div>
</div> <span class="aclaracion-color" style="color: #4d4d4d;margin-right: 24px;left: 22px;font-size: 12px;">* Revisiones sólo disponibles para pedidos superiores a 200 ud.</span>
<div class="footer-conf"></div>
</div>
<div id="valores-boton-psd" class="vista_atributos" style="display:none;" id_size="1" attribute_group="5">
<div class="header-conf"></div>
<div class="text-atributos col-xs-12">Bande imprimable </div>
<ul class="clearfix">
<li class="selector_fajaimprimible attr_self_236" title="Sin faja" id_attribute="236" id_size="1" attribute_group="3"></li>
<li class="selector_fajaimprimible attr_self_235" title="Con faja" id_attribute="235" id_size="1" attribute_group="3"></li>
</ul>
<div class="col-xs-12 nopadding faja-imprimible" style="margin-top: 18px; display: none;">
<div class="content" style="font-size: 13px;"> <span style="display: block;">Imprimez la bande avec votre design préféré et habillez élégamment votre boîte!</span> <span style="display: block;">Vous devez simplement télécharger le modèle
et les instructions <a href="/modules/wim_parts_printable/img/psds/image_psd-id-3187-743106462.zip" target="_blank" style="color: #E27A30;">ici</a></span> <span style="display: block;font-size: 11px">Vous avez besoin d'avoir des
connaissances en Photoshop ou illustrator.</span></div>
<div class="content" style="font-size: 13px;margin-top: 15px;">Une fois que votre design est prêt (un seul par taille), téléchargez-le ici et finaliser l'achat..</div>
<div class="col-xs-12 nopadding clearfix" style="margin-top: 5px;">
<div class="col-xs-7 nopadding" style="font-size: 10px;display: inline-block;line-height: 12px;">Format de document valide: PDF à 300 ppp en CMYK.</div>
<div class="col-xs-5 nopadding" style="font-size: 12px;font-weight: normal;display: inline-block;width: 40%;vertical-align: middle;"> <input type="file" class="btn btn-default psd_upload psd_upload_1" data-style="expand-right"
name="psd_upload" id="psd_upload" style="display: none;" id_size="1"> <input type="hidden" name="psd_uploaded" id="psd_uploaded" style="display: none;" id_size="1">
<div class="bg_imagen-faja"> <span class="btn_faja_img pull-left tooltip_show button-psd button-psd-1" id_size="1"
title="<span class="name">Subir pdf</span>"><i class="fa fa-cloud-upload" aria-hidden="true" style="font-size: 20px;"></i> <i class="loading-printfaja fa fa-spinner fa-spin fa-2x" style="vertical-align: sub; display: none;" id_size="1"></i></span>
<div class="btn_faja_img_eliminar pull-right tooltip_show" id_size="1" title="<span class="name">Eliminar imagen</span>"> <span class="pull-right eliminar" id_size="1"> <span id_size="1"
class="eliminar x icon-delete-self"></span> </span></div>
</div>
</div>
</div>
<div class="psd-success" style="font-weight: bold;font-size: 14px;color: green;clear: both;display:none;margin: 10px 0;text-align: center;"> Téléchargement du PDF réussi! <br> Tu veux le voir? Cliquez
<a href="" target="_blank" style="color: #E27A30;">ici.</a></div>
</div>
<div class="footer-conf"></div>
<script type="text/javascript">
var attributeWithFaja = '235';
var msgFaja = 'Vous devez d\'abord télécharger le PDF avec votre design!';
</script>
</div>
<div id="muestras-content-1" class="muestras-content" id_size="1" style=" padding: 21px; font-size: 13px; line-height: 100%; overflow: hidden; background: #FFF; display: none;">
<div class="clearfix cajitas" style="width: 355px;">
<div style=" font-family: 'dinregular'; color: #000; font-weight: bold; padding: 0; margin-bottom: 8px; font-size: 29px; ">Envoi d'échantillons</div> Votre échantillon contient les éléments suivants :<ul id="contenido-muestra"
style=" padding: 0; margin: 0; list-style: square; margin-left: 19px; margin-top: 6px; font-weight: bold; line-height: 19px; ">
<li>1 boîte que nous avons actuellement en stock, qui peut être de n’importe quelle couleur</li>
<li>1 carton bristol de la couleur que vous avez choisie</li>
<li style="font-weight: normal;font-size: 11px;">Les échantillons ne comportent ni d'étiquette, de fourreau, de prémontage ou d'impression.</li>
<li class="box_accessory" style="display:none">1 échantillon de la couleur choisie</li>
</ul>
<div id="imagenMuestra" style="position: relative"> <img id="imgchart_minis" src="" alt="" title="" width="306" style="width: 272px; height: auto;position: relative;left: -25px;">
<div id="colorMuestrasContainers"></div>
<div id="precioMuestra">
<div id="titlePrecio" style="font-size: 16px; line-height: 100%;">Prix</div>
<div id="valorPrecio" style="font-size: 35px; line-height: 100%; font-family: 'dinbold'; font-weight: bold;"> 0.00 €</div>
</div>
</div>
<p style="font-size: 13px;"> Le prix de l'échantillon<br> <span style="color: #EE7C24; font-weight: bold;">Vous pourrez décompter le prix de l'échantillon avec le code de réduction que vous trouverez dans votre espace client - Mes bons de
réduction</span><br> Nous savions que cela vous ferait plaisir !<br></p>
<div style="float:left"> Comment fonctionne <br> le bon de réduction ? <a id="more_info" href="javascript:void(0)">Cliquez ici</a></div>
<div style="float: right">
<p id="add_to_cart" class="buttons_bottom_block boton-muestra"> <input type="button" name="button" value="Commander un échantillon" class="boton-compra" style=" padding-left: 26px; "></p>
</div>
<p id="err_muestra">Vous avez demandez un échantillon avec ces propriétés. Essayez-en d'autres.</p>
<p id="err_muestra2">Ya has pedido demasiadas muestras, máximo 4 muestras por pedido. Gracias.</p>
<p id="muestra_info">Le prix de vos échantillons sera déduit de votre prochaine commande. Une fois vos échantillons payés, vous recevrez un bon de réduction correspondant au montant des échantillons, que vous pourrez utiliser lors de
votre prochaine commande. Ce bon de réduction sera visible à la fin de votre commande et vous pourrez y avoir accès à tout moment en consultant votre profil, dans l'onglet Mes coupons.<br><br> Les bons sont valables un an à compter de
la date d'achat des échantillons et ne sont pas compatibles avec d'autres offres et promotions. Pour bénéficier de votre réduction, vous devez simplement rentrer le code lors de l'achat de votre prochaine commande, comme vous pouvez le
voir sur l'image ci-dessous. <img class="lazyload" data-src="https://selfpackaging.fr/themes/selfpackaging/img/captura_descuento_muestras.png" alt="Captura como aplicar tu descuento" style="width: 100%;"></p>
</div>
</div>
<script>
$(document).ready(function() {
$("a.comprar_muestras[id_size=1]").fancybox({
'frameWidth': 630,
'frameHeight': 395,
'overlayShow': true,
'scrolling': 'no',
'showNavArrows': false,
'hideOnContentClick': false
});
$('.comprar_muestras').live('click', function() {
var widthMuestra = 30;
var topMuestra = 70;
var leftMuestra = 185;
var src_mini = $('#bigpic').attr('src');
var alt_mini = $('#bigpic').attr('alt');
$('#muestras-content-1 #imgchart_minis').attr('src', src_mini);
$('#muestras-content-1 #imgchart_minis').attr('alt', alt_mini);
$('#muestras-content-1 #colorMuestrasContainers').children().remove();
$('#buttons-color[id_size=1] #group_color .selector_color').each(function(key) {
$('#muestras-content-1 #colorMuestrasContainers').append('<div id="colorMuestra' + $(this).attr('id_attribute') + '" class="colorMuestra" style="position: absolute; width: ' + widthMuestra + 'px; height: ' + widthMuestra +
'px;top: ' + topMuestra + 'px; left: ' + leftMuestra +
'px; box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25); background-color:' + $(this).css('background-color') +
'"></div>');
topMuestra -= 15;
leftMuestra += 15;
});
});
$("#muestras-content-1 #more_info").click(function() {
$("#muestras-content-1 #muestra_info").toggle();
});
/*COMPRAR MUESTRAS MOVIL*/
$.each($(".boton-compra-muestras"), function(key, value) {
if ($(window).width() >= 991) {
$('.resumen-caracteristicas').append($(this));
} else {
$('#buy_block .show-mobile .status-info .btn-muestras').append($(this));
}
});
});
</script>
<ul class="thumbs_list_frame_otros hidden"></ul>
<script>
$('#thumbs_list_frame').append($('.thumbs_list_frame_otros').children());
</script>
<div id="valores-boton-color-2" class="vista_atributos" style="display:none;" id_size="2" attribute_group="2">
<div class="header-conf"></div>
<div class="nodisponleColores"> Cette boîte est seulement disponible dans la couleur indiquée</div>
<div style="display: none;" class="group-part-color-atributos col-xs-12 nopadding clearfix color_grid_1" size="2">
<div class="text-atributos col-xs-12">Boîte</div>
<div class="col-xs-12 clearfix nopadding">
<div
title="<h6>Quels sont les papiers recyclés ?</h6><p>Le contenu de ce papier comprend au moins 40% de papier recyclé, même si certains peuvent même être à 100%, découvrez dans notre <strong><a href="https://selfpackaging.fr/content/43-materiau-durable">tableau des matières</a></strong> de la composition exacte de chacun de nos papiers. Être durable na jamais été aussi facile !</p>"
class="tooltip_alim col-xs-3 selector_color attr_self_M_2 attr_self_Boîte_46 attr_self_CARTON_NATUREL_113 part-1 active" id_size="2" id_attribute="113" color="#bc8b58" part="46" attribute_group="2" pos="1" type_color="4" printable="1"
material="2" style="background-color: #bc8b58; display: block; ">
<div class="print"><i class="self-pictos-v2 icon-self-pictos-73"></i></div>
</div>
</div>
</div> <span class="aclaracion-color">* Pantone donné à titre indicatif et mat (non couché)</span> <i class="demo-icon icon-pictogrames-final-39 image_color"></i>
</div>
<div id="valores-boton-etiquetas" class="vista_atributos" style="display:none;" id_size="2" attribute_group="4">
<div class="header-conf"></div> <a id="open_etiquetas" href="#etiquetaspopup" class="infoI"><span class="info_ahorrocompra fa fa-info pull-right"></span></a>
<div class="ocultopopup">
<div id="etiquetaspopup">
<p class="p1"><span class="s1">Voici quelques indications pour vous aider à créer un fichier d'impression correct, afin que le résultat soit celui que vous attendez :</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>1- Format du fichier :</strong></span></p>
<p class="p1"><span class="s1"><strong>Le format de vos images doit être .JPG, .GIF, .PNG ou .TIFF. </strong>Ces formats vous permettront d'obtenir des résultats d'une grande qualité, si vous respectez les autres recommandations.</span>
</p>
<p class="p1"><span class="s1">En utilisant le design, vous vous engagez à veiller que ce contenu respecte les droits d'auteur. Veuillez vous assuree que vous possédez le droit d'utiliser ces images.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>2- Couleurs :</strong></span></p>
<p class="p1"><span class="s1"><strong>Les fichiers doivent être envoyés en RGB. </strong>Les images en CMYK ou avec des couleurs Pantone seront converties automatiquement vers ce format.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>3- Résolution :</strong></span></p>
<p class="p1"><span class="s1"><strong>Votre image doit avoir une résolution de 300 dpi, et ne doit pas dépasser 5MB.</strong></span></p>
<p class="p1"><span class="s1">Afin de couvrir complètement la zone d'impression, nous vous recommandons d'utiliser des images égales ou plus grandes que la zone à imprimer. Dans le cas contraire, l'image risque d'être floue ou
pixélisée.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>4- Fonctionnement :</strong></span></p>
<p class="p1"><span class="s1">Vous pouvez configurer directement votre impression dans le menu déroulant et choisir de mettre soit du texte ou soit une image (choisir une option parmi les 2 proposées), selon vos préférences.</span></p>
<p class="p1"><span class="s1">Les dimensions des étiquettes adhésives varient en fonction de la taille. Dans le menu déroulant et dans l'aperçu avant impression, vous pourrez voir les dimensions de chaque étiquette, en fonction de la
taille de la boîte sélectionnée.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>5. Finition :</strong></span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>- </strong>Les étiquettes adhésives sont imprimées sur du vinyle plastifié mat. Ce matériau d'une grande qualité est plus résistant que le papier et il permet que les stickers d'être
amovibles.</span></p>
<p class="p1"><span class="s1"><strong>- </strong>Les étiquettes non imprimées sont fabriquées en papier mat, vous pouvez ainsi écrire dessus sans aucun problème et avec n'importe quel stylo ou marqueur. Ce type d'étiquette n'est pas
amovible.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>6. Quantités :</strong></span></p>
<p class="p1"><span class="s1">Lors de votre achat, quand vous créez une étiquette adhésive (avec ou sans impression), la nombre d'étiquettes ajouté à votre panier correspond à la quantité de boîtes commandée.</span></p>
<p class="p1"><span class="s1">Cette quantité pourra être modifiée par la suite, dans le récapitulatif de la commande.</span></p>
</div>
</div>
<div class="tag-formas-printed" id_size="2">
<div class="text-atributos col-xs-12">Avec de l'impression <span class="medidas">4 x 5 cm</span></div>
<div class="tag-formas col-xs-12 clearfix">
<ul class="clearfix">
<li id_size="2"><span class="tag-no" src="/modules/selfconfigboxfront/img/no-tag.png" data-tag-shape="-1" data-tag-size-id="-1" data-tag-shape-id="-1"></span></li>
<li id_size="2"> <span class="attr_self_M_2 attr_self_D_67 attr_self_1_61 tag-1" src="/modules/selfconfigboxfront/img/1-tag.png" data-printable="true" data-size="2" data-tag-shape="1"
data-tag-info="{"tag_shape":"1","tag_size":"D","lines":"3","print_per_page":"1","print_size":"200.000000","tag_steps":"7 x 7 cm","text_left":"35","text_top":"35","text_width":"126","text_height":"126"}"
data-tag-size-id="67" data-tag-shape-id="61"></span></li>
<li id_size="2"> <span class="attr_self_M_2 attr_self_D_67 attr_self_2_62 tag-2" src="/modules/selfconfigboxfront/img/2-tag.png" data-printable="true" data-size="2" data-tag-shape="2"
data-tag-info="{"tag_shape":"2","tag_size":"D","lines":"4","print_per_page":"1","print_size":"200.000000","tag_steps":"7 x 7 cm","text_left":"8","text_top":"8","text_width":"174","text_height":"174"}"
data-tag-size-id="67" data-tag-shape-id="62"></span></li>
<li id_size="2"> <span class="attr_self_M_2 attr_self_D_67 attr_self_3_63 tag-3" src="/modules/selfconfigboxfront/img/3-tag.png" data-printable="true" data-size="2" data-tag-shape="3"
data-tag-info="{"tag_shape":"3","tag_size":"D","lines":"2","print_per_page":"1","print_size":"215.000000","tag_steps":"7,5 x 6,5 cm ","text_left":"27","text_top":"53","text_width":"141","text_height":"89"}"
data-tag-size-id="67" data-tag-shape-id="63"></span></li>
</ul>
</div>
<div class="masInformacionEtiquetas"> Creez votre étiquette personnalisée !<br> <span class="materialNegrita">Matériel</span> Vinyl plastifié (amovible)</div>
<div id="tag-no" class="col-xs-12 nopadding clearfix" style="display: none;">
<p>Sans étiquette</p>
</div>
</div>
<div class="tag-formas-unprinted" id_size="2">
<div class="text-atributos col-xs-12">Sans impression <span class="medidas">4 x 5 cm</span></div>
<div class="tag-formas col-xs-12 clearfix ">
<ul class="clearfix">
<li id_size="2"><span class="tag-no" src="/modules/selfconfigboxfront/img/no-tag.png" data-tag-shape="-1" data-tag-size-id="-1" data-tag-shape-id="-1"></span></li>
<li id_size="2"> <span class="attr_self_M_2 attr_self_D_67 attr_self_1_61 tag-1" src="/modules/selfconfigboxfront/img/1-tag.png" data-size="2" data-tag-shape="1" data-printable="false"
data-tag-info="{"tag_shape":"1","tag_size":"D","lines":"3","print_per_page":"1","print_size":"200.000000","tag_steps":"7 x 7 cm","text_left":"35","text_top":"35","text_width":"126","text_height":"126"}"
data-tag-size-id="67" data-tag-shape-id="61"></span></li>
<li id_size="2"> <span class="attr_self_M_2 attr_self_D_67 attr_self_2_62 tag-2" src="/modules/selfconfigboxfront/img/2-tag.png" data-size="2" data-tag-shape="2" data-printable="false"
data-tag-info="{"tag_shape":"2","tag_size":"D","lines":"4","print_per_page":"1","print_size":"200.000000","tag_steps":"7 x 7 cm","text_left":"8","text_top":"8","text_width":"174","text_height":"174"}"
data-tag-size-id="67" data-tag-shape-id="62"></span></li>
<li id_size="2"> <span class="attr_self_M_2 attr_self_D_67 attr_self_3_63 tag-3" src="/modules/selfconfigboxfront/img/3-tag.png" data-size="2" data-tag-shape="3" data-printable="false"
data-tag-info="{"tag_shape":"3","tag_size":"D","lines":"2","print_per_page":"1","print_size":"215.000000","tag_steps":"7,5 x 6,5 cm ","text_left":"27","text_top":"53","text_width":"141","text_height":"89"}"
data-tag-size-id="67" data-tag-shape-id="63"></span></li>
</ul>
</div>
<div class="contenedorEtiquetaImg" style="display:none;">
<div class="consejoDIY">Conseil DIY</div> <img data-src="/modules/selfconfigboxfront/img/imagen_etiquetas.png" alt="Creez votre étiquette personnalisée !" class="img-responsive lazyload">
<div class="consejofinalDIY">Écrivez à la main vos étiquettes et donnez une touche fait maison à vos cadeaux</div>
</div>
</div>
<div class="masInformacionEtiquetas"> Étiquettes blanches lisses<br> <span class="materialNegrita">Matériel</span> Papier mat</div>
<div id="tag-config"> <input type="hidden" name="id_print_tag" id_size="2" id="id_print_tag" value=""> <input type="hidden" name="configuration[2][tag_size]" id_size="2" value=""> <input type="hidden" name="configuration[2][tag_shape]"
id_size="2" value=""> <input type="hidden" name="configuration[2][tag_empty]" id_size="2" value="0">
<div id="tag_bg_config" id_size="2" class="col-xs-12 clearfix">
<div class="color_tag tooltip_show" id_size="2" title="<span class="name">Couleur de fond</span>">
<div class="bg_color_selector select" id_size="2">
<div style="background-color: #FFFFFF;"></div>
</div>
</div>
<div class="imagen_tag tag_image_config"> <input type="file" class="tag_upload" id_size="2" style="display: none;">
<div class="bg_imagen-tag"> <span class="btn_tag_img pull-left tooltip_show" id_size="2"
title="<span class="name">Télécharger image</span>"><i class="fa fa-cloud-upload" aria-hidden="true"></i> <i class="loading-printtag fa fa-spinner fa-spin fa-2x" style="vertical-align: sub; display: none;" id_size="2"></i></span>
<div class="btn_tag_img_eliminar pull-right tooltip_show" id_size="2" title="<span class="name">Éliminer image</span>"> <span class="pull-right eliminar" id_size="2"> <span id_size="2"
class="eliminar x icon-delete-self"></span> </span></div>
</div>
</div>
<div id="modificar-tag-imagen" id_size="2" class="tag_image_config pull-right clearfix">
<div id="btn-centrar" title="<span class="name">Centrer image</span>" class="tooltip_show pull-left"><span></span></div>
<div id="btn-rotar" class="tooltip_show pull-right hidden" title="<span class="name">Zoom</span>">
<div class="tagSliderRotate ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" style=" width: 55px; height: 4px; margin-top: 9px; " aria-disabled="false">
<a class="ui-slider-handle ui-state-default ui-corner-all" style="left: 31.0345%;"></a></div>
</div>
<div title="<span class="name">Réduire taille</span>" class="tooltip_show pull-left minus-zoom icon-zoom" id_size="2"><span class="icon icon-minus-circle"></span></div>
<div title="<span class="name">Augmenter taille</span>" class="tooltip_show pull-left plus-zoom icon-zoom" id_size="2"><span class="icon icon-plus-circle"></span></div>
</div>
</div> <span style="display:none;" class="info-detect fa fa-exclamation pull-right tooltip_alim"
title="<p class='alert-detect'>Ce produit contient quelques images dont la taille originale a été augmentée et elles peuvent être floues ou pixellisées lors de l’impression de l’article</p>"></span>
<div id="tag_text_config" id_size="2" class="col-xs-12 clearfix"> <select class="tag_text_font select tooltip_show" id_size="2" title="<span class="name">Police du texte</span>">
<option value="Bank Gothic" style="font-family: 'Bank Gothic';">Bank Gothic</option>
<option value="DinRegular" style="font-family: 'DinRegular';" selected="">DinRegular</option>
<option value="Impact" style="font-family: 'Impact';">Impact</option>
<option value="JustMeAgainDownHere" style="font-family: 'JustMeAgainDownHere';">Just me again down here</option>
<option value="Mogambo" style="font-family: 'Mogambo';">Mogambo</option>
<option value="Peak" style="font-family: 'Peak';">Peak</option>
<option value="Sacramento" style="font-family: 'sacramento';">Sacramento</option>
<option value="Times New Roman" style="font-family: 'Times New Roman';">Times New Roman</option>
<option value="Trebuchet MS" style="font-family: 'Trebuchet MS';">Trebuchet MS</option>
</select> <select class="tag_size_select select tooltip_show" id_size="2" title="<span class="name">Taille du texte</span>">
<option value="19px">20</option>
<option value="20px">21</option>
<option value="21px">22</option>
<option value="22px">23</option>
<option value="23px">24</option>
<option value="24px">25</option>
<option value="25px">26</option>
<option value="26px">27</option>
<option value="27px">28</option>
<option value="28px">29</option>
<option value="29px">30</option>
<option value="30px">31</option>
<option value="31px">32</option>
<option value="32px">33</option>
<option value="33px">34</option>
<option value="34px">35</option>
<option value="35px">36</option>
<option value="36px">37</option>
<option value="37px">38</option>
<option value="38px">39</option>
<option value="39px">40</option>
<option value="40px">41</option>
<option value="41px">42</option>
<option value="42px">43</option>
<option value="43px">44</option>
<option value="44px">45</option>
<option value="45px">46</option>
<option value="46px">47</option>
<option value="47px">48</option>
<option value="48px">49</option>
<option value="49px">50</option>
<option value="50px">51</option>
<option value="51px">52</option>
<option value="52px">53</option>
<option value="53px">54</option>
<option value="54px">55</option>
<option value="55px">56</option>
<option value="56px">57</option>
<option value="57px">58</option>
<option value="58px">59</option>
<option value="59px">60</option>
<option value="60px">61</option>
<option value="61px">62</option>
<option value="62px">63</option>
<option value="63px">64</option>
<option value="64px">65</option>
<option value="65px">66</option>
<option value="66px">67</option>
<option value="67px">68</option>
<option value="68px">69</option>
<option value="69px">70</option>
<option value="70px">71</option>
<option value="71px">72</option>
<option value="72px">73</option>
<option value="73px">74</option>
<option value="74px">75</option>
<option value="75px">76</option>
<option value="76px">77</option>
<option value="77px">78</option>
<option value="78px">79</option>
<option value="79px">80</option>
</select>
<div id="tag_text_color" id_size="2" class="select tooltip_show" title="<span class="name">Couleur du texte</span>">
<div class="text_color_selector" id_size="2">
<div>A</div>
</div>
</div> <select class="tag_text_align select selectpicker bs-select-hidden" id_size="2">
<option value="left" data-content="<i class="fa fa-align-left" title="Gauche"></i>"> </option>
<option value="center" data-content="<i class="fa fa-align-center" title="Centre"></i>"> </option>
<option value="right" data-content="<i class="fa fa-align-right" title="Droite"></i>"> </option>
</select>
<div class="btn-group bootstrap-select tag_text_align select"><button type="button" class="btn dropdown-toggle select btn-info" data-toggle="dropdown" title=""><span
class="filter-option pull-left"><i class="fa fa-align-left" title="Gauche"></i></span> <span class="caret"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><i class="fa fa-align-left" title="Gauche"></i><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><i class="fa fa-align-center" title="Centre"></i><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><i class="fa fa-align-right" title="Droite"></i><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="etiqueta_container">
<div id="tag_bg_color" id_size="2" style="background-color: #FFFFFF;">
<div id="mask_image" style="background-image: url(https://selfpackaging.fr/upload/printTag/mask/mask_3.png);"></div> <img class="background_image ui-draggable" src="" id_size="2"
style="width: 100%; position: absolute; z-index: 15;display: none;cursor: pointer;">
</div>
<div class="text-container">
<div id="tag_text" id_size="2">
<div class="text-write"><img src="/modules/selfconfigboxfront/img/escribe_fr.png"></div>
</div>
</div>
</div>
<div class="col-xs-12 block-buttons clearfix"> <a class="button-etiqueta-preview button-etiqueta-preview-2 button-preview pull-left" href="#data-etiqueta-preview-2" id_size="2" title="Aperçu"><span>Aperçu</span></a>
<a class="button-delete-print-tag pull-left" href="" title="Effacer le texte" id_size="2"><span>Effacer le texte</span></a>
<div id="data-etiqueta-preview-2" style="background: url('/themes/selfpackaging/img/bg-textura-mas-vendidos.png') repeat scroll 0 0 transparent;display: none; height: 100%;">
<div id="etiqueta_preview" id_size="2" style="text-align: center;background: url('https://selfpackaging.fr/themes/selfpackaging/img/bg-textura-mas-vendidos.png') repeat scroll 0 0 transparent; width:auto; min-width: 420px;">
<div>
<p style="font-size: 20px;padding: 20px 0 0px 0;">Prévisualisation</p>
<p class="etiqueta-preview-medidas" style="font-size: 25px;font-weight: bold;padding: 0 0 10px 0;">/p></p>
</div> <img class="image_preview" style="margin: 0 30px;"> <img data-src="/themes/selfpackaging/img/loading-print.gif" class="loadingPreviewPrintTag lazyload" style="display: none;margin: 0 30px;">
<div class="clearfix" style="padding: 20px 0">
<div class="col-xs-12 col-md-6"><span id="btn-cancel" class="button_large" style="background: #666666;border-radius: 4px;color: #ffffff;cursor: pointer;font-size: 12px;padding: 10px 8px;text-transform: uppercase;">Continuer votre
création</span></div>
<div class="col-xs-12 col-md-6"><span id="btn-accept" class="button_large" style="background: #ee7c24;padding: 10px 8px; font-size: 12px;text-transform: uppercase;">Accepter votre création</span></div>
</div>
</div>
<script>
$(document).ready(function() {
$('a.button-etiqueta-preview-' + 2).live('click', function(e) {
var size = $(this).attr('id_size');
var config_tag_shape = jQuery.parseJSON($('#valores-boton-etiquetas[id_size="' + size + '"] .tag-formas li.active span').attr('data-tag-info'));
var configInfo = getTagPrintValues(size);
var config = jQuery.parseJSON(configInfo);
var str = config_tag_shape['tag_steps'];
var res = str.split(" ");
//var src = "/generatePrintImageVistaPrevia.php?id_caja=" + id_product + "&id_size=" + size + "&config_printable=" + checkPrintableValues(size).replace(/##n/g, ':EAG;') + "&v=" + new Date().getTime();
var src = "/generatePrintTagImage.php?tag_config=" + configInfo + "&v=" + new Date().getTime();
/*Generamos la imagen de vista previa*/
$('#valores-boton-etiquetas[id_size="' + size + '"] #data-etiqueta-preview-' + size + ' .image_preview').attr("src", src);
$('#data-etiqueta-preview-' + size + ' .etiqueta-preview-medidas').text(str);
$('#valores-boton-etiquetas[id_size="' + size + '"] #data-etiqueta-preview-' + size + ' .image_preview').attr("width", config_tag_shape.print_size);
$('.loadingPreviewPrintTag').attr("width", config_tag_shape.print_size);
$('#valores-boton-etiquetas[id_size="' + size + '"] .button-etiqueta-preview-' + size).fancybox();
//Hide image preview
$(".image_preview").hide();
// display loading image here...
$('.loadingPreviewPrintTag').show();
// request your data...
var req = new XMLHttpRequest();
req.open("POST", src, true);
req.onreadystatechange = function() {
if (req.readyState == 4 && req.status == 200) {
// content is loaded...hide the gif and display the content...
if (req.responseText) {
/*Generamos la imagen de vista previa*/
$('#data-etiqueta-preview-' + size + ' .image_preview').show();
$('.loadingPreviewPrintTag').hide();
}
}
};
req.send(null);
$('#valores-boton-etiquetas[id_size="' + size + '"] .button-etiqueta-preview-' + size).fancybox();
});
$("a.button-etiqueta-preview-2").fancybox({
'overlayShow': true,
'scrolling': 'no',
'autoScale': false,
'showNavArrows': false,
'hideOnContentClick': false,
'autoDimensions': true,
'autoResize': true,
'height': 'auto',
'width': 'auto'
});
$('#data-etiqueta-preview-2 #btn-accept').on("click", function(event) {
//Despliega el cuadro selector del atributo
event.preventDefault();
saveTagConfig($(this).parents('#etiqueta_preview').attr('id_size'));
//Despliega el cuadro selector del atributo
//$('.vista_atributos').hide();
//$('#valores-boton-etiquetas-diseños[id_size="'+$(this).parents('#etiqueta_preview').attr('id_size')+'"]').show();
$.fancybox.close();
});
$('#etiqueta_preview #btn-cancel').on("click", function() {
$.fancybox.close();
});
});
</script>
</div>
</div>
</div>
<div class="footer-conf"></div>
</div>
<div id="valores-boton-etiquetas-diseños" class="vista_atributos" style="display:none;" id_size="2" attribute_group="4">
<div class="header-conf"></div> <span class="info_impresion fa fa-info pull-right"></span>
<div class="text-atributos col-xs-12">Fichier</div>
<div class="text-description col-xs-12 nopadding">Vous ne pourrez enregistrer que 2 designs</div>
<ul>
<li id="new-design" class="col-xs-12 nopadding clearfix" id_size="2">
<div class="new-design-img-block clearfix"> <img class="new-design lazyload" data-src="/modules/selfconfigboxfront/img/new-design.png"></div>
<div class="new-design-data-block col-lg-12 clearfix">
<div class="col-lg-6 pull-left nopadding new-design-medidas-block"></div>
<div class="new-design-edit-block col-lg-6 nopadding pull-right"> <a href="" data-tag="" class="new-design-edit" size="2">Modifiez votre design</a></div>
</div>
</li>
<li id="new-design" class="col-xs-12 nopadding clearfix" id_size="2">
<div class="new-design-img-block clearfix"> <img class="new-design lazyload" data-src="/modules/selfconfigboxfront/img/new-design.png"></div>
<div class="new-design-data-block col-lg-12 clearfix">
<div class="col-lg-6 pull-left nopadding new-design-medidas-block"></div>
<div class="new-design-edit-block col-lg-6 nopadding pull-right"> <a href="" data-tag="" class="new-design-edit" size="2">Modifiez votre design</a></div>
</div>
</li>
</ul> <a class="button-nuevo-diseño" href="" id_size="2" title="Nouveau"><span>Nouveau</span></a>
<div class="footer-conf"></div>
</div>
<div id="valores-boton-configurator" class="vista_atributos" style="display:none;" id_size="2" attribute_group="20">
<div class="header-conf"></div>
<div class="text-atributos col-xs-12">Imprimer</div>
<div class="text-description col-xs-12 nopadding">Choisissez l'option que vous préférez</div>
<div class="item-configurator3D" data-item="1" id_attribute="258">
<div class="col-md-6 nopadding"> <span class="text-configurator3D">UNE FACE</span></div>
<div class="col-md-6 nopadding"> <img data-src="/modules/configurator3D/img/caras-imprimibles-01.png" class="img-configurator3D lazyload"></div>
</div>
<div class="item-configurator3D" data-item="2" data-active-profesional="0" id_attribute="257">
<div class="col-md-6 nopadding"> <span class="text-configurator3D">TOUTES LES FACES</span></div>
<div class="col-md-6 nopadding"> <img data-src="/modules/configurator3D/img/caras-imprimibles-02.png" class="img-configurator3D lazyload"></div>
</div>
<div class="item-configurator3D-result" style="display: none;">
<div class="col-md-12 nopadding"> <img src="" class="img-responsive"></div>
</div>
<div class="checkbox"> <input id="item-configurator3D-empty-2" name="item-configurator3D-empty-2" class="item-configurator3D-empty" type="checkbox" value="1"> <label for="item-configurator3D-empty-2">Sans impression</label></div>
<a class="button-congiguration-design" href="#data-configuration-selector-2" title="PERSONNALISER" id_size="2"> <span>PERSONNALISER</span> <span class="button-result" style="display: none;">MODIFIER LE DESIGN</span> </a><a class="button-congiguration-terms" href="#data-configuration-terms-2" id_size="2" style="display: none;"> <span>Terms</span> </a>
<div id="data-configuration-selector-2" style="display: none; height: 100%;">
<div id="popup-configuration-selector" class="popup-modal">
<div style="width: 100%; height: 100%;">
<div class="title-popup">COMMENT VOULEZ-VOUS PERSONNALISER VOTRE BOÎTE ?</div>
<a class="configurator-diseno-online" href="#configurator-2"><div class="item-configuration-selector pull-left"> <span class="ico-configuration-selector iconc3d iconc3d-paleta-color"></span> <span class="title-configuration-selector">Design online</span> <span class="desc-configuration-selector">Votre boîte est imprimée rapidement et facilement sans que vous n'ayez besoin d'avoir des connaissances en design</span></div> </a>
<a class="configurator-diseno-profesional" href="#configurator-2"><div class="item-configuration-selector pull-right"> <span class="ico-configuration-selector iconc3d iconc3d-diseno-profesional"></span> <span class="title-configuration-selector">Design professionnel</span> <span class="desc-configuration-selector">Télécharger le modèle et utilisez votre programme de design préféré</span></div> </a>
</div>
</div>
</div>
<div id="data-configuration-terms-2" style="display: none; height: 100%;">
<div id="popup-configuration-terms" class="popup-modal">
<div style="width: 100%; height: 100%;">
<div class="col-md-12 nopadding clearfix">
<div class="col-xs-12 col-md-6 columns">
<div class="body-popup">
<p class="title-popup">AVIS !</p>
<p lang="fr-FR"><strong>1.</strong> Ouvrez le cadre que vous verrez en entrant qui indique <strong>« entrez votre texte », écrivez ce que vous souhaitez ou supprimez-le</strong> en cliquant sur corbeille, sinon nous
l’imprimerons ;)</p>
<p lang="fr-FR"><strong>2. Les boîtes de couleurs foncées, sont imprimées seulement en blanc.</strong> Vos images se convertiront en plan de bits blanc. Prenez en compte que les parties blanches ou de couleurs très claires
disparaissent pendant la conversion en plan de bits blanc. Il est préférable de télécharger l'image, de la placer à sa place et d’attendre un peu pour voir sa transformation automatique (si vous ne le faites pas
sauvegardez-la) cela vous permettra de voir comment elle apparaîtra sur votre boîte. Conseil : si votre logo est blanc, transformez-le en noir avant de le télécharger afin qu’il apparaisse correctement !</p>
<p lang="fr-FR"><strong>3. Vous pouvez acheter seulement un motif par référence et par taille.</strong> Si vous souhaitez la même boîte avec deux motifs différents vous devrez passer deux commandes différentes.</p>
<p lang="fr-FR"><strong>4. Si vous avez des problèmes de visualisation</strong> de couleurs, si la maquette virtuelle de votre motif apparaît bizarrement, etc., <strong>essayez de mettre votre navigateur à jour.</strong></p>
<p lang="fr-FR"></p>
<p lang="fr-FR" style="text-align: center;"><strong><strong><strong>ATTENTION! </strong></strong></strong>L'<strong><strong>impression</strong> </strong>est disponible<strong> <strong>jusqu'à 250
unités</strong>. </strong>Pour une quantité supérieure contactez-nous <a href="https://selfpackaging.fr/des-boites-sur-mesure#contact-form-box-b2b">ici</a>.</p>
</div>
</div>
<div class="col-xs-6 col-md-6 columns">
<div class="body-popup">
<p class="title-popup">Instructions</p>
<p lang="fr-FR"><strong>Il est conseillé de tout d’abord vous identifier en tant qu’utilisateur, </strong>de la sorte nous pouvons garder votre motif et vous pouvez le récupérer à votre convenance</p>
<p><span lang="fr-FR"><strong>Vous devez concevoir votre boîte une face après l’autre</strong></span><span lang="fr-FR">. Sélectionnez la face par laquelle vous souhaitez commencer. Choisissez la couleur de fond, écrivez les
textes que vous souhaitez et téléchargez les images de votre choix. N’oubliez pas que pour une bonne impression il est préférable qu'elles aient une résolution de 300 ppp. </span><span style="color: #000000;"><span
style="font-family: Verdana, Arial, Helvetica, sans-serif;"><span style="font-size: xx-small;"><strong>Le format de l'image doit être JPG,</strong></span></span></span><span style="color: #000000;"><span
style="font-family: Verdana, Arial, Helvetica, sans-serif;"><span style="font-size: xx-small;">GIF, PNG o TIFF </span></span></span><span style="color: #000000;"><span
style="font-family: Verdana, Arial, Helvetica, sans-serif;"><span style="font-size: xx-small;"><strong>en RGB</strong></span></span></span></p>
<p lang="fr-FR"><strong>Attention ! Si votre image a un fond, l’encadré se verra dans le cas où la boîte n’est pas blanche.</strong></p>
<p lang="fr-FR"><strong>Quand la face est prête sauvegardez-la </strong>et sélectionnez la face suivante sur les boutons du haut.</p>
<p lang="fr-FR"><strong>La 3D vous permettra de voir comment apparaîtra votre boîte une fois imprimée.</strong></p>
<p lang="fr-FR"><strong>Une fois que vous avez terminé le motif sauvegardez de nouveau,</strong> fermez la fenêtre du configurateur dans la x en haut à droite et ajoutez vos boîtes au panier. Finalisez l’achat et vous les
recevrez quelques jours après !!!</p>
<p lang="fr-FR"><strong>Les couleurs peuvent varier </strong>en fonction de la configuration de votre écran et de la couleur du papier que vous avez choisi.</p>
</div>
</div>
</div>
<div class="col-md-12 clearfix"> <a class="btn-term" title="J'ACCEPTE"> <span>J'ACCEPTE</span> </a></div>
</div>
</div>
</div> <a class="button-congiguration-limit-units" href="#data-configuration-limit-units-2" id_size="2" style="display: none;"> <span>lmit units</span> </a>
<div id="data-configuration-limit-units-2" style="display: none; height: 100%;">
<div id="popup-configuration-limit-units" class="popup-modal">
<div style="width: 100%; height: 100%;">
<div class="title-popup">+ de 250?</div>
<p>Veuillez nous contacter si vous avez besoin de<a href="/cajas-a-medida#contact-form-box-b2b" alt="contactez-">contactez-</a>plus de 250 unités</p>
</div>
</div>
</div>
<div class="footer-conf"></div>
<script type="application/javascript">
$(document).ready(function() {
$(".button-congiguration-design").fancybox({
'hideOnContentClick': true,
'titleShow': false,
'autoDimensions': true,
'width': 750,
'height': 400,
'wrapCSS': 'fancybox-configurator3D',
helpers: {
title: null
}
});
$(".button-congiguration-terms").fancybox({
'hideOnContentClick': true,
'hideOnOverlayClick': true,
'showCloseButton': false,
'closeBtn': false, // hide close button
'titleShow': false,
'autoDimensions': true,
'width': 930,
'height': 630,
'wrapCSS': 'fancybox-configurator3D',
helpers: {
title: null,
'overlay': {
'closeClick': false
}
}
});
$(".button-congiguration-limit-units").fancybox({
'hideOnContentClick': true,
'titleShow': false,
'autoDimensions': true,
'width': 750,
'height': 400,
'wrapCSS': 'fancybox-configurator3D',
helpers: {
title: null
}
});
/*$(".button-congiguration-design").fancybox({
'hideOnContentClick': true,
'titleShow': false,
'autoDimensions': true,
'modal': true,
helpers: {
title: null
}
});*/
});
</script>
</div>
<div id="valores-boton-premontaje" class="vista_atributos" style="display:none;" id_size="2" attribute_group="8">
<div class="header-conf"></div>
<div class="atributos-extra col-xs-12 nopadding clearfix disable-revision">
<div class="input-atributos col-xs-2">
<div class="checkbox"> <input type="checkbox" id="revisiontag-2" name="revisiontag-2" id_attribute="189" id_size="2" attribute_group="8" class="tagreview" disabled="disabled"> <label for="revisiontag-2"> </label></div>
</div>
<div class="col-xs-10 nopadding">
<div class="title-extras">Contrôlez vos étiquettes <i class="icon icon-revision"></i></div>
<div class="price-extras">4,00 €<span> supplémentaires</span></div>
<div class="content-extras">Si vous sélectionnez cette option, nous contrôlerons personnellement les étiquettes que vous avez créé pour nous assurer que la résolution et la visualisation sont correctes.</div>
</div>
</div> <span class="aclaracion-color" style="color: #4d4d4d;margin-right: 24px;left: 22px;font-size: 12px;">* Revisiones sólo disponibles para pedidos superiores a 200 ud.</span>
<div class="footer-conf"></div>
</div>
<div id="valores-boton-psd" class="vista_atributos" style="display:none;" id_size="2" attribute_group="5">
<div class="header-conf"></div>
<div class="text-atributos col-xs-12">Bande imprimable </div>
<ul class="clearfix">
<li class="selector_fajaimprimible attr_self_236" title="Sin faja" id_attribute="236" id_size="2" attribute_group="3"></li>
<li class="selector_fajaimprimible attr_self_235" title="Con faja" id_attribute="235" id_size="2" attribute_group="3"></li>
</ul>
<div class="col-xs-12 nopadding faja-imprimible" style="margin-top: 18px; display: none;">
<div class="content" style="font-size: 13px;"> <span style="display: block;">Imprimez la bande avec votre design préféré et habillez élégamment votre boîte!</span> <span style="display: block;">Vous devez simplement télécharger le modèle
et les instructions <a href="/modules/wim_parts_printable/img/psds/image_psd-id-3187-743106462.zip" target="_blank" style="color: #E27A30;">ici</a></span> <span style="display: block;font-size: 11px">Vous avez besoin d'avoir des
connaissances en Photoshop ou illustrator.</span></div>
<div class="content" style="font-size: 13px;margin-top: 15px;">Une fois que votre design est prêt (un seul par taille), téléchargez-le ici et finaliser l'achat..</div>
<div class="col-xs-12 nopadding clearfix" style="margin-top: 5px;">
<div class="col-xs-7 nopadding" style="font-size: 10px;display: inline-block;line-height: 12px;">Format de document valide: PDF à 300 ppp en CMYK.</div>
<div class="col-xs-5 nopadding" style="font-size: 12px;font-weight: normal;display: inline-block;width: 40%;vertical-align: middle;"> <input type="file" class="btn btn-default psd_upload psd_upload_2" data-style="expand-right"
name="psd_upload" id="psd_upload" style="display: none;" id_size="2"> <input type="hidden" name="psd_uploaded" id="psd_uploaded" style="display: none;" id_size="2">
<div class="bg_imagen-faja"> <span class="btn_faja_img pull-left tooltip_show button-psd button-psd-2" id_size="2"
title="<span class="name">Subir pdf</span>"><i class="fa fa-cloud-upload" aria-hidden="true" style="font-size: 20px;"></i> <i class="loading-printfaja fa fa-spinner fa-spin fa-2x" style="vertical-align: sub; display: none;" id_size="2"></i></span>
<div class="btn_faja_img_eliminar pull-right tooltip_show" id_size="2" title="<span class="name">Eliminar imagen</span>"> <span class="pull-right eliminar" id_size="2"> <span id_size="2"
class="eliminar x icon-delete-self"></span> </span></div>
</div>
</div>
</div>
<div class="psd-success" style="font-weight: bold;font-size: 14px;color: green;clear: both;display:none;margin: 10px 0;text-align: center;"> Téléchargement du PDF réussi! <br> Tu veux le voir? Cliquez
<a href="" target="_blank" style="color: #E27A30;">ici.</a></div>
</div>
<div class="footer-conf"></div>
<script type="text/javascript">
var attributeWithFaja = '235';
var msgFaja = 'Vous devez d\'abord télécharger le PDF avec votre design!';
</script>
</div>
<div id="muestras-content-2" class="muestras-content" id_size="2" style=" padding: 21px; font-size: 13px; line-height: 100%; overflow: hidden; background: #FFF; display: none;">
<div class="clearfix cajitas" style="width: 355px;">
<div style=" font-family: 'dinregular'; color: #000; font-weight: bold; padding: 0; margin-bottom: 8px; font-size: 29px; ">Envoi d'échantillons</div> Votre échantillon contient les éléments suivants :<ul id="contenido-muestra"
style=" padding: 0; margin: 0; list-style: square; margin-left: 19px; margin-top: 6px; font-weight: bold; line-height: 19px; ">
<li>1 boîte que nous avons actuellement en stock, qui peut être de n’importe quelle couleur</li>
<li>1 carton bristol de la couleur que vous avez choisie</li>
<li style="font-weight: normal;font-size: 11px;">Les échantillons ne comportent ni d'étiquette, de fourreau, de prémontage ou d'impression.</li>
<li class="box_accessory" style="display:none">1 échantillon de la couleur choisie</li>
</ul>
<div id="imagenMuestra" style="position: relative"> <img id="imgchart_minis" src="" alt="" title="" width="306" style="width: 272px; height: auto;position: relative;left: -25px;">
<div id="colorMuestrasContainers"></div>
<div id="precioMuestra">
<div id="titlePrecio" style="font-size: 16px; line-height: 100%;">Prix</div>
<div id="valorPrecio" style="font-size: 35px; line-height: 100%; font-family: 'dinbold'; font-weight: bold;"> 0.00 €</div>
</div>
</div>
<p style="font-size: 13px;"> Le prix de l'échantillon<br> <span style="color: #EE7C24; font-weight: bold;">Vous pourrez décompter le prix de l'échantillon avec le code de réduction que vous trouverez dans votre espace client - Mes bons de
réduction</span><br> Nous savions que cela vous ferait plaisir !<br></p>
<div style="float:left"> Comment fonctionne <br> le bon de réduction ? <a id="more_info" href="javascript:void(0)">Cliquez ici</a></div>
<div style="float: right">
<p id="add_to_cart" class="buttons_bottom_block boton-muestra"> <input type="button" name="button" value="Commander un échantillon" class="boton-compra" style=" padding-left: 26px; "></p>
</div>
<p id="err_muestra">Vous avez demandez un échantillon avec ces propriétés. Essayez-en d'autres.</p>
<p id="err_muestra2">Ya has pedido demasiadas muestras, máximo 4 muestras por pedido. Gracias.</p>
<p id="muestra_info">Le prix de vos échantillons sera déduit de votre prochaine commande. Une fois vos échantillons payés, vous recevrez un bon de réduction correspondant au montant des échantillons, que vous pourrez utiliser lors de
votre prochaine commande. Ce bon de réduction sera visible à la fin de votre commande et vous pourrez y avoir accès à tout moment en consultant votre profil, dans l'onglet Mes coupons.<br><br> Les bons sont valables un an à compter de
la date d'achat des échantillons et ne sont pas compatibles avec d'autres offres et promotions. Pour bénéficier de votre réduction, vous devez simplement rentrer le code lors de l'achat de votre prochaine commande, comme vous pouvez le
voir sur l'image ci-dessous. <img class="lazyload" data-src="https://selfpackaging.fr/themes/selfpackaging/img/captura_descuento_muestras.png" alt="Captura como aplicar tu descuento" style="width: 100%;"></p>
</div>
</div>
<script>
$(document).ready(function() {
$("a.comprar_muestras[id_size=2]").fancybox({
'frameWidth': 630,
'frameHeight': 395,
'overlayShow': true,
'scrolling': 'no',
'showNavArrows': false,
'hideOnContentClick': false
});
$('.comprar_muestras').live('click', function() {
var widthMuestra = 30;
var topMuestra = 70;
var leftMuestra = 185;
var src_mini = $('#bigpic').attr('src');
var alt_mini = $('#bigpic').attr('alt');
$('#muestras-content-2 #imgchart_minis').attr('src', src_mini);
$('#muestras-content-2 #imgchart_minis').attr('alt', alt_mini);
$('#muestras-content-2 #colorMuestrasContainers').children().remove();
$('#buttons-color[id_size=2] #group_color .selector_color').each(function(key) {
$('#muestras-content-2 #colorMuestrasContainers').append('<div id="colorMuestra' + $(this).attr('id_attribute') + '" class="colorMuestra" style="position: absolute; width: ' + widthMuestra + 'px; height: ' + widthMuestra +
'px;top: ' + topMuestra + 'px; left: ' + leftMuestra +
'px; box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25); background-color:' + $(this).css('background-color') +
'"></div>');
topMuestra -= 15;
leftMuestra += 15;
});
});
$("#muestras-content-2 #more_info").click(function() {
$("#muestras-content-2 #muestra_info").toggle();
});
/*COMPRAR MUESTRAS MOVIL*/
$.each($(".boton-compra-muestras"), function(key, value) {
if ($(window).width() >= 991) {
$('.resumen-caracteristicas').append($(this));
} else {
$('#buy_block .show-mobile .status-info .btn-muestras').append($(this));
}
});
});
</script>
<div id="valores-boton-color-3" class="vista_atributos" style="display:none;" id_size="3" attribute_group="2">
<div class="header-conf"></div>
<div class="nodisponleColores"> Cette boîte est seulement disponible dans la couleur indiquée</div>
<div style="display: none;" class="group-part-color-atributos col-xs-12 nopadding clearfix color_grid_1" size="3">
<div class="text-atributos col-xs-12">Boîte</div>
<div class="col-xs-12 clearfix nopadding">
<div
title="<h6>Quels sont les papiers recyclés ?</h6><p>Le contenu de ce papier comprend au moins 40% de papier recyclé, même si certains peuvent même être à 100%, découvrez dans notre <strong><a href="https://selfpackaging.fr/content/43-materiau-durable">tableau des matières</a></strong> de la composition exacte de chacun de nos papiers. Être durable na jamais été aussi facile !</p>"
class="tooltip_alim col-xs-3 selector_color attr_self_L_3 attr_self_Boîte_46 attr_self_CARTON_NATUREL_113 part-1 active" id_size="3" id_attribute="113" color="#bc8b58" part="46" attribute_group="2" pos="1" type_color="4" printable="1"
material="2" style="background-color: #bc8b58; display: block; ">
<div class="print"><i class="self-pictos-v2 icon-self-pictos-73"></i></div>
</div>
</div>
</div> <span class="aclaracion-color">* Pantone donné à titre indicatif et mat (non couché)</span> <i class="demo-icon icon-pictogrames-final-39 image_color"></i>
</div>
<div id="valores-boton-etiquetas" class="vista_atributos" style="display:none;" id_size="3" attribute_group="4">
<div class="header-conf"></div> <a id="open_etiquetas" href="#etiquetaspopup" class="infoI"><span class="info_ahorrocompra fa fa-info pull-right"></span></a>
<div class="ocultopopup">
<div id="etiquetaspopup">
<p class="p1"><span class="s1">Voici quelques indications pour vous aider à créer un fichier d'impression correct, afin que le résultat soit celui que vous attendez :</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>1- Format du fichier :</strong></span></p>
<p class="p1"><span class="s1"><strong>Le format de vos images doit être .JPG, .GIF, .PNG ou .TIFF. </strong>Ces formats vous permettront d'obtenir des résultats d'une grande qualité, si vous respectez les autres recommandations.</span>
</p>
<p class="p1"><span class="s1">En utilisant le design, vous vous engagez à veiller que ce contenu respecte les droits d'auteur. Veuillez vous assuree que vous possédez le droit d'utiliser ces images.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>2- Couleurs :</strong></span></p>
<p class="p1"><span class="s1"><strong>Les fichiers doivent être envoyés en RGB. </strong>Les images en CMYK ou avec des couleurs Pantone seront converties automatiquement vers ce format.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>3- Résolution :</strong></span></p>
<p class="p1"><span class="s1"><strong>Votre image doit avoir une résolution de 300 dpi, et ne doit pas dépasser 5MB.</strong></span></p>
<p class="p1"><span class="s1">Afin de couvrir complètement la zone d'impression, nous vous recommandons d'utiliser des images égales ou plus grandes que la zone à imprimer. Dans le cas contraire, l'image risque d'être floue ou
pixélisée.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>4- Fonctionnement :</strong></span></p>
<p class="p1"><span class="s1">Vous pouvez configurer directement votre impression dans le menu déroulant et choisir de mettre soit du texte ou soit une image (choisir une option parmi les 2 proposées), selon vos préférences.</span></p>
<p class="p1"><span class="s1">Les dimensions des étiquettes adhésives varient en fonction de la taille. Dans le menu déroulant et dans l'aperçu avant impression, vous pourrez voir les dimensions de chaque étiquette, en fonction de la
taille de la boîte sélectionnée.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>5. Finition :</strong></span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>- </strong>Les étiquettes adhésives sont imprimées sur du vinyle plastifié mat. Ce matériau d'une grande qualité est plus résistant que le papier et il permet que les stickers d'être
amovibles.</span></p>
<p class="p1"><span class="s1"><strong>- </strong>Les étiquettes non imprimées sont fabriquées en papier mat, vous pouvez ainsi écrire dessus sans aucun problème et avec n'importe quel stylo ou marqueur. Ce type d'étiquette n'est pas
amovible.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>6. Quantités :</strong></span></p>
<p class="p1"><span class="s1">Lors de votre achat, quand vous créez une étiquette adhésive (avec ou sans impression), la nombre d'étiquettes ajouté à votre panier correspond à la quantité de boîtes commandée.</span></p>
<p class="p1"><span class="s1">Cette quantité pourra être modifiée par la suite, dans le récapitulatif de la commande.</span></p>
</div>
</div>
<div class="tag-formas-printed" id_size="3">
<div class="text-atributos col-xs-12">Avec de l'impression <span class="medidas">4 x 5 cm</span></div>
<div class="tag-formas col-xs-12 clearfix">
<ul class="clearfix">
<li id_size="3"><span class="tag-no" src="/modules/selfconfigboxfront/img/no-tag.png" data-tag-shape="-1" data-tag-size-id="-1" data-tag-shape-id="-1"></span></li>
<li id_size="3"> <span class="attr_self_L_3 attr_self_D_67 attr_self_1_61 tag-1" src="/modules/selfconfigboxfront/img/1-tag.png" data-printable="true" data-size="3" data-tag-shape="1"
data-tag-info="{"tag_shape":"1","tag_size":"D","lines":"3","print_per_page":"1","print_size":"200.000000","tag_steps":"7 x 7 cm","text_left":"35","text_top":"35","text_width":"126","text_height":"126"}"
data-tag-size-id="67" data-tag-shape-id="61"></span></li>
<li id_size="3"> <span class="attr_self_L_3 attr_self_D_67 attr_self_2_62 tag-2" src="/modules/selfconfigboxfront/img/2-tag.png" data-printable="true" data-size="3" data-tag-shape="2"
data-tag-info="{"tag_shape":"2","tag_size":"D","lines":"4","print_per_page":"1","print_size":"200.000000","tag_steps":"7 x 7 cm","text_left":"8","text_top":"8","text_width":"174","text_height":"174"}"
data-tag-size-id="67" data-tag-shape-id="62"></span></li>
<li id_size="3"> <span class="attr_self_L_3 attr_self_D_67 attr_self_3_63 tag-3" src="/modules/selfconfigboxfront/img/3-tag.png" data-printable="true" data-size="3" data-tag-shape="3"
data-tag-info="{"tag_shape":"3","tag_size":"D","lines":"2","print_per_page":"1","print_size":"215.000000","tag_steps":"7,5 x 6,5 cm ","text_left":"27","text_top":"53","text_width":"141","text_height":"89"}"
data-tag-size-id="67" data-tag-shape-id="63"></span></li>
</ul>
</div>
<div class="masInformacionEtiquetas"> Creez votre étiquette personnalisée !<br> <span class="materialNegrita">Matériel</span> Vinyl plastifié (amovible)</div>
<div id="tag-no" class="col-xs-12 nopadding clearfix" style="display: none;">
<p>Sans étiquette</p>
</div>
</div>
<div class="tag-formas-unprinted" id_size="3">
<div class="text-atributos col-xs-12">Sans impression <span class="medidas">4 x 5 cm</span></div>
<div class="tag-formas col-xs-12 clearfix ">
<ul class="clearfix">
<li id_size="3"><span class="tag-no" src="/modules/selfconfigboxfront/img/no-tag.png" data-tag-shape="-1" data-tag-size-id="-1" data-tag-shape-id="-1"></span></li>
<li id_size="3"> <span class="attr_self_L_3 attr_self_D_67 attr_self_1_61 tag-1" src="/modules/selfconfigboxfront/img/1-tag.png" data-size="3" data-tag-shape="1" data-printable="false"
data-tag-info="{"tag_shape":"1","tag_size":"D","lines":"3","print_per_page":"1","print_size":"200.000000","tag_steps":"7 x 7 cm","text_left":"35","text_top":"35","text_width":"126","text_height":"126"}"
data-tag-size-id="67" data-tag-shape-id="61"></span></li>
<li id_size="3"> <span class="attr_self_L_3 attr_self_D_67 attr_self_2_62 tag-2" src="/modules/selfconfigboxfront/img/2-tag.png" data-size="3" data-tag-shape="2" data-printable="false"
data-tag-info="{"tag_shape":"2","tag_size":"D","lines":"4","print_per_page":"1","print_size":"200.000000","tag_steps":"7 x 7 cm","text_left":"8","text_top":"8","text_width":"174","text_height":"174"}"
data-tag-size-id="67" data-tag-shape-id="62"></span></li>
<li id_size="3"> <span class="attr_self_L_3 attr_self_D_67 attr_self_3_63 tag-3" src="/modules/selfconfigboxfront/img/3-tag.png" data-size="3" data-tag-shape="3" data-printable="false"
data-tag-info="{"tag_shape":"3","tag_size":"D","lines":"2","print_per_page":"1","print_size":"215.000000","tag_steps":"7,5 x 6,5 cm ","text_left":"27","text_top":"53","text_width":"141","text_height":"89"}"
data-tag-size-id="67" data-tag-shape-id="63"></span></li>
</ul>
</div>
<div class="contenedorEtiquetaImg" style="display:none;">
<div class="consejoDIY">Conseil DIY</div> <img data-src="/modules/selfconfigboxfront/img/imagen_etiquetas.png" alt="Creez votre étiquette personnalisée !" class="img-responsive lazyload">
<div class="consejofinalDIY">Écrivez à la main vos étiquettes et donnez une touche fait maison à vos cadeaux</div>
</div>
</div>
<div class="masInformacionEtiquetas"> Étiquettes blanches lisses<br> <span class="materialNegrita">Matériel</span> Papier mat</div>
<div id="tag-config"> <input type="hidden" name="id_print_tag" id_size="3" id="id_print_tag" value=""> <input type="hidden" name="configuration[3][tag_size]" id_size="3" value=""> <input type="hidden" name="configuration[3][tag_shape]"
id_size="3" value=""> <input type="hidden" name="configuration[3][tag_empty]" id_size="3" value="0">
<div id="tag_bg_config" id_size="3" class="col-xs-12 clearfix">
<div class="color_tag tooltip_show" id_size="3" title="<span class="name">Couleur de fond</span>">
<div class="bg_color_selector select" id_size="3">
<div style="background-color: #FFFFFF;"></div>
</div>
</div>
<div class="imagen_tag tag_image_config"> <input type="file" class="tag_upload" id_size="3" style="display: none;">
<div class="bg_imagen-tag"> <span class="btn_tag_img pull-left tooltip_show" id_size="3"
title="<span class="name">Télécharger image</span>"><i class="fa fa-cloud-upload" aria-hidden="true"></i> <i class="loading-printtag fa fa-spinner fa-spin fa-2x" style="vertical-align: sub; display: none;" id_size="3"></i></span>
<div class="btn_tag_img_eliminar pull-right tooltip_show" id_size="3" title="<span class="name">Éliminer image</span>"> <span class="pull-right eliminar" id_size="3"> <span id_size="3"
class="eliminar x icon-delete-self"></span> </span></div>
</div>
</div>
<div id="modificar-tag-imagen" id_size="3" class="tag_image_config pull-right clearfix">
<div id="btn-centrar" title="<span class="name">Centrer image</span>" class="tooltip_show pull-left"><span></span></div>
<div id="btn-rotar" class="tooltip_show pull-right hidden" title="<span class="name">Zoom</span>">
<div class="tagSliderRotate ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" style=" width: 55px; height: 4px; margin-top: 9px; " aria-disabled="false">
<a class="ui-slider-handle ui-state-default ui-corner-all" style="left: 31.0345%;"></a></div>
</div>
<div title="<span class="name">Réduire taille</span>" class="tooltip_show pull-left minus-zoom icon-zoom" id_size="3"><span class="icon icon-minus-circle"></span></div>
<div title="<span class="name">Augmenter taille</span>" class="tooltip_show pull-left plus-zoom icon-zoom" id_size="3"><span class="icon icon-plus-circle"></span></div>
</div>
</div> <span style="display:none;" class="info-detect fa fa-exclamation pull-right tooltip_alim"
title="<p class='alert-detect'>Ce produit contient quelques images dont la taille originale a été augmentée et elles peuvent être floues ou pixellisées lors de l’impression de l’article</p>"></span>
<div id="tag_text_config" id_size="3" class="col-xs-12 clearfix"> <select class="tag_text_font select tooltip_show" id_size="3" title="<span class="name">Police du texte</span>">
<option value="Bank Gothic" style="font-family: 'Bank Gothic';">Bank Gothic</option>
<option value="DinRegular" style="font-family: 'DinRegular';" selected="">DinRegular</option>
<option value="Impact" style="font-family: 'Impact';">Impact</option>
<option value="JustMeAgainDownHere" style="font-family: 'JustMeAgainDownHere';">Just me again down here</option>
<option value="Mogambo" style="font-family: 'Mogambo';">Mogambo</option>
<option value="Peak" style="font-family: 'Peak';">Peak</option>
<option value="Sacramento" style="font-family: 'sacramento';">Sacramento</option>
<option value="Times New Roman" style="font-family: 'Times New Roman';">Times New Roman</option>
<option value="Trebuchet MS" style="font-family: 'Trebuchet MS';">Trebuchet MS</option>
</select> <select class="tag_size_select select tooltip_show" id_size="3" title="<span class="name">Taille du texte</span>">
<option value="19px">20</option>
<option value="20px">21</option>
<option value="21px">22</option>
<option value="22px">23</option>
<option value="23px">24</option>
<option value="24px">25</option>
<option value="25px">26</option>
<option value="26px">27</option>
<option value="27px">28</option>
<option value="28px">29</option>
<option value="29px">30</option>
<option value="30px">31</option>
<option value="31px">32</option>
<option value="32px">33</option>
<option value="33px">34</option>
<option value="34px">35</option>
<option value="35px">36</option>
<option value="36px">37</option>
<option value="37px">38</option>
<option value="38px">39</option>
<option value="39px">40</option>
<option value="40px">41</option>
<option value="41px">42</option>
<option value="42px">43</option>
<option value="43px">44</option>
<option value="44px">45</option>
<option value="45px">46</option>
<option value="46px">47</option>
<option value="47px">48</option>
<option value="48px">49</option>
<option value="49px">50</option>
<option value="50px">51</option>
<option value="51px">52</option>
<option value="52px">53</option>
<option value="53px">54</option>
<option value="54px">55</option>
<option value="55px">56</option>
<option value="56px">57</option>
<option value="57px">58</option>
<option value="58px">59</option>
<option value="59px">60</option>
<option value="60px">61</option>
<option value="61px">62</option>
<option value="62px">63</option>
<option value="63px">64</option>
<option value="64px">65</option>
<option value="65px">66</option>
<option value="66px">67</option>
<option value="67px">68</option>
<option value="68px">69</option>
<option value="69px">70</option>
<option value="70px">71</option>
<option value="71px">72</option>
<option value="72px">73</option>
<option value="73px">74</option>
<option value="74px">75</option>
<option value="75px">76</option>
<option value="76px">77</option>
<option value="77px">78</option>
<option value="78px">79</option>
<option value="79px">80</option>
</select>
<div id="tag_text_color" id_size="3" class="select tooltip_show" title="<span class="name">Couleur du texte</span>">
<div class="text_color_selector" id_size="3">
<div>A</div>
</div>
</div> <select class="tag_text_align select selectpicker bs-select-hidden" id_size="3">
<option value="left" data-content="<i class="fa fa-align-left" title="Gauche"></i>"> </option>
<option value="center" data-content="<i class="fa fa-align-center" title="Centre"></i>"> </option>
<option value="right" data-content="<i class="fa fa-align-right" title="Droite"></i>"> </option>
</select>
<div class="btn-group bootstrap-select tag_text_align select"><button type="button" class="btn dropdown-toggle select btn-info" data-toggle="dropdown" title=""><span
class="filter-option pull-left"><i class="fa fa-align-left" title="Gauche"></i></span> <span class="caret"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><i class="fa fa-align-left" title="Gauche"></i><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><i class="fa fa-align-center" title="Centre"></i><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><i class="fa fa-align-right" title="Droite"></i><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="etiqueta_container">
<div id="tag_bg_color" id_size="3" style="background-color: #FFFFFF;">
<div id="mask_image" style="background-image: url(https://selfpackaging.fr/upload/printTag/mask/mask_3.png);"></div> <img class="background_image ui-draggable" src="" id_size="3"
style="width: 100%; position: absolute; z-index: 15;display: none;cursor: pointer;">
</div>
<div class="text-container">
<div id="tag_text" id_size="3">
<div class="text-write"><img src="/modules/selfconfigboxfront/img/escribe_fr.png"></div>
</div>
</div>
</div>
<div class="col-xs-12 block-buttons clearfix"> <a class="button-etiqueta-preview button-etiqueta-preview-3 button-preview pull-left" href="#data-etiqueta-preview-3" id_size="3" title="Aperçu"><span>Aperçu</span></a>
<a class="button-delete-print-tag pull-left" href="" title="Effacer le texte" id_size="3"><span>Effacer le texte</span></a>
<div id="data-etiqueta-preview-3" style="background: url('/themes/selfpackaging/img/bg-textura-mas-vendidos.png') repeat scroll 0 0 transparent;display: none; height: 100%;">
<div id="etiqueta_preview" id_size="3" style="text-align: center;background: url('https://selfpackaging.fr/themes/selfpackaging/img/bg-textura-mas-vendidos.png') repeat scroll 0 0 transparent; width:auto; min-width: 420px;">
<div>
<p style="font-size: 20px;padding: 20px 0 0px 0;">Prévisualisation</p>
<p class="etiqueta-preview-medidas" style="font-size: 25px;font-weight: bold;padding: 0 0 10px 0;">/p></p>
</div> <img class="image_preview" style="margin: 0 30px;"> <img data-src="/themes/selfpackaging/img/loading-print.gif" class="loadingPreviewPrintTag lazyload" style="display: none;margin: 0 30px;">
<div class="clearfix" style="padding: 20px 0">
<div class="col-xs-12 col-md-6"><span id="btn-cancel" class="button_large" style="background: #666666;border-radius: 4px;color: #ffffff;cursor: pointer;font-size: 12px;padding: 10px 8px;text-transform: uppercase;">Continuer votre
création</span></div>
<div class="col-xs-12 col-md-6"><span id="btn-accept" class="button_large" style="background: #ee7c24;padding: 10px 8px; font-size: 12px;text-transform: uppercase;">Accepter votre création</span></div>
</div>
</div>
<script>
$(document).ready(function() {
$('a.button-etiqueta-preview-' + 3).live('click', function(e) {
var size = $(this).attr('id_size');
var config_tag_shape = jQuery.parseJSON($('#valores-boton-etiquetas[id_size="' + size + '"] .tag-formas li.active span').attr('data-tag-info'));
var configInfo = getTagPrintValues(size);
var config = jQuery.parseJSON(configInfo);
var str = config_tag_shape['tag_steps'];
var res = str.split(" ");
//var src = "/generatePrintImageVistaPrevia.php?id_caja=" + id_product + "&id_size=" + size + "&config_printable=" + checkPrintableValues(size).replace(/##n/g, ':EAG;') + "&v=" + new Date().getTime();
var src = "/generatePrintTagImage.php?tag_config=" + configInfo + "&v=" + new Date().getTime();
/*Generamos la imagen de vista previa*/
$('#valores-boton-etiquetas[id_size="' + size + '"] #data-etiqueta-preview-' + size + ' .image_preview').attr("src", src);
$('#data-etiqueta-preview-' + size + ' .etiqueta-preview-medidas').text(str);
$('#valores-boton-etiquetas[id_size="' + size + '"] #data-etiqueta-preview-' + size + ' .image_preview').attr("width", config_tag_shape.print_size);
$('.loadingPreviewPrintTag').attr("width", config_tag_shape.print_size);
$('#valores-boton-etiquetas[id_size="' + size + '"] .button-etiqueta-preview-' + size).fancybox();
//Hide image preview
$(".image_preview").hide();
// display loading image here...
$('.loadingPreviewPrintTag').show();
// request your data...
var req = new XMLHttpRequest();
req.open("POST", src, true);
req.onreadystatechange = function() {
if (req.readyState == 4 && req.status == 200) {
// content is loaded...hide the gif and display the content...
if (req.responseText) {
/*Generamos la imagen de vista previa*/
$('#data-etiqueta-preview-' + size + ' .image_preview').show();
$('.loadingPreviewPrintTag').hide();
}
}
};
req.send(null);
$('#valores-boton-etiquetas[id_size="' + size + '"] .button-etiqueta-preview-' + size).fancybox();
});
$("a.button-etiqueta-preview-3").fancybox({
'overlayShow': true,
'scrolling': 'no',
'autoScale': false,
'showNavArrows': false,
'hideOnContentClick': false,
'autoDimensions': true,
'autoResize': true,
'height': 'auto',
'width': 'auto'
});
$('#data-etiqueta-preview-3 #btn-accept').on("click", function(event) {
//Despliega el cuadro selector del atributo
event.preventDefault();
saveTagConfig($(this).parents('#etiqueta_preview').attr('id_size'));
//Despliega el cuadro selector del atributo
//$('.vista_atributos').hide();
//$('#valores-boton-etiquetas-diseños[id_size="'+$(this).parents('#etiqueta_preview').attr('id_size')+'"]').show();
$.fancybox.close();
});
$('#etiqueta_preview #btn-cancel').on("click", function() {
$.fancybox.close();
});
});
</script>
</div>
</div>
</div>
<div class="footer-conf"></div>
</div>
<div id="valores-boton-etiquetas-diseños" class="vista_atributos" style="display:none;" id_size="3" attribute_group="4">
<div class="header-conf"></div> <span class="info_impresion fa fa-info pull-right"></span>
<div class="text-atributos col-xs-12">Fichier</div>
<div class="text-description col-xs-12 nopadding">Vous ne pourrez enregistrer que 2 designs</div>
<ul>
<li id="new-design" class="col-xs-12 nopadding clearfix" id_size="3">
<div class="new-design-img-block clearfix"> <img class="new-design lazyload" data-src="/modules/selfconfigboxfront/img/new-design.png"></div>
<div class="new-design-data-block col-lg-12 clearfix">
<div class="col-lg-6 pull-left nopadding new-design-medidas-block"></div>
<div class="new-design-edit-block col-lg-6 nopadding pull-right"> <a href="" data-tag="" class="new-design-edit" size="3">Modifiez votre design</a></div>
</div>
</li>
<li id="new-design" class="col-xs-12 nopadding clearfix" id_size="3">
<div class="new-design-img-block clearfix"> <img class="new-design lazyload" data-src="/modules/selfconfigboxfront/img/new-design.png"></div>
<div class="new-design-data-block col-lg-12 clearfix">
<div class="col-lg-6 pull-left nopadding new-design-medidas-block"></div>
<div class="new-design-edit-block col-lg-6 nopadding pull-right"> <a href="" data-tag="" class="new-design-edit" size="3">Modifiez votre design</a></div>
</div>
</li>
</ul> <a class="button-nuevo-diseño" href="" id_size="3" title="Nouveau"><span>Nouveau</span></a>
<div class="footer-conf"></div>
</div>
<div id="valores-boton-configurator" class="vista_atributos" style="display:none;" id_size="3" attribute_group="20">
<div class="header-conf"></div>
<div class="text-atributos col-xs-12">Imprimer</div>
<div class="text-description col-xs-12 nopadding">Choisissez l'option que vous préférez</div>
<div class="item-configurator3D" data-item="1" id_attribute="258">
<div class="col-md-6 nopadding"> <span class="text-configurator3D">UNE FACE</span></div>
<div class="col-md-6 nopadding"> <img data-src="/modules/configurator3D/img/caras-imprimibles-01.png" class="img-configurator3D lazyload"></div>
</div>
<div class="item-configurator3D" data-item="2" data-active-profesional="0" id_attribute="257">
<div class="col-md-6 nopadding"> <span class="text-configurator3D">TOUTES LES FACES</span></div>
<div class="col-md-6 nopadding"> <img data-src="/modules/configurator3D/img/caras-imprimibles-02.png" class="img-configurator3D lazyload"></div>
</div>
<div class="item-configurator3D-result" style="display: none;">
<div class="col-md-12 nopadding"> <img src="" class="img-responsive"></div>
</div>
<div class="checkbox"> <input id="item-configurator3D-empty-3" name="item-configurator3D-empty-3" class="item-configurator3D-empty" type="checkbox" value="1"> <label for="item-configurator3D-empty-3">Sans impression</label></div>
<a class="button-congiguration-design" href="#data-configuration-selector-3" title="PERSONNALISER" id_size="3"> <span>PERSONNALISER</span> <span class="button-result" style="display: none;">MODIFIER LE DESIGN</span> </a><a class="button-congiguration-terms" href="#data-configuration-terms-3" id_size="3" style="display: none;"> <span>Terms</span> </a>
<div id="data-configuration-selector-3" style="display: none; height: 100%;">
<div id="popup-configuration-selector" class="popup-modal">
<div style="width: 100%; height: 100%;">
<div class="title-popup">COMMENT VOULEZ-VOUS PERSONNALISER VOTRE BOÎTE ?</div>
<a class="configurator-diseno-online" href="#configurator-3"><div class="item-configuration-selector pull-left"> <span class="ico-configuration-selector iconc3d iconc3d-paleta-color"></span> <span class="title-configuration-selector">Design online</span> <span class="desc-configuration-selector">Votre boîte est imprimée rapidement et facilement sans que vous n'ayez besoin d'avoir des connaissances en design</span></div> </a>
<a class="configurator-diseno-profesional" href="#configurator-3"><div class="item-configuration-selector pull-right"> <span class="ico-configuration-selector iconc3d iconc3d-diseno-profesional"></span> <span class="title-configuration-selector">Design professionnel</span> <span class="desc-configuration-selector">Télécharger le modèle et utilisez votre programme de design préféré</span></div> </a>
</div>
</div>
</div>
<div id="data-configuration-terms-3" style="display: none; height: 100%;">
<div id="popup-configuration-terms" class="popup-modal">
<div style="width: 100%; height: 100%;">
<div class="col-md-12 nopadding clearfix">
<div class="col-xs-12 col-md-6 columns">
<div class="body-popup">
<p class="title-popup">AVIS !</p>
<p lang="fr-FR"><strong>1.</strong> Ouvrez le cadre que vous verrez en entrant qui indique <strong>« entrez votre texte », écrivez ce que vous souhaitez ou supprimez-le</strong> en cliquant sur corbeille, sinon nous
l’imprimerons ;)</p>
<p lang="fr-FR"><strong>2. Les boîtes de couleurs foncées, sont imprimées seulement en blanc.</strong> Vos images se convertiront en plan de bits blanc. Prenez en compte que les parties blanches ou de couleurs très claires
disparaissent pendant la conversion en plan de bits blanc. Il est préférable de télécharger l'image, de la placer à sa place et d’attendre un peu pour voir sa transformation automatique (si vous ne le faites pas
sauvegardez-la) cela vous permettra de voir comment elle apparaîtra sur votre boîte. Conseil : si votre logo est blanc, transformez-le en noir avant de le télécharger afin qu’il apparaisse correctement !</p>
<p lang="fr-FR"><strong>3. Vous pouvez acheter seulement un motif par référence et par taille.</strong> Si vous souhaitez la même boîte avec deux motifs différents vous devrez passer deux commandes différentes.</p>
<p lang="fr-FR"><strong>4. Si vous avez des problèmes de visualisation</strong> de couleurs, si la maquette virtuelle de votre motif apparaît bizarrement, etc., <strong>essayez de mettre votre navigateur à jour.</strong></p>
<p lang="fr-FR"></p>
<p lang="fr-FR" style="text-align: center;"><strong><strong><strong>ATTENTION! </strong></strong></strong>L'<strong><strong>impression</strong> </strong>est disponible<strong> <strong>jusqu'à 250
unités</strong>. </strong>Pour une quantité supérieure contactez-nous <a href="https://selfpackaging.fr/des-boites-sur-mesure#contact-form-box-b2b">ici</a>.</p>
</div>
</div>
<div class="col-xs-6 col-md-6 columns">
<div class="body-popup">
<p class="title-popup">Instructions</p>
<p lang="fr-FR"><strong>Il est conseillé de tout d’abord vous identifier en tant qu’utilisateur, </strong>de la sorte nous pouvons garder votre motif et vous pouvez le récupérer à votre convenance</p>
<p><span lang="fr-FR"><strong>Vous devez concevoir votre boîte une face après l’autre</strong></span><span lang="fr-FR">. Sélectionnez la face par laquelle vous souhaitez commencer. Choisissez la couleur de fond, écrivez les
textes que vous souhaitez et téléchargez les images de votre choix. N’oubliez pas que pour une bonne impression il est préférable qu'elles aient une résolution de 300 ppp. </span><span style="color: #000000;"><span
style="font-family: Verdana, Arial, Helvetica, sans-serif;"><span style="font-size: xx-small;"><strong>Le format de l'image doit être JPG,</strong></span></span></span><span style="color: #000000;"><span
style="font-family: Verdana, Arial, Helvetica, sans-serif;"><span style="font-size: xx-small;">GIF, PNG o TIFF </span></span></span><span style="color: #000000;"><span
style="font-family: Verdana, Arial, Helvetica, sans-serif;"><span style="font-size: xx-small;"><strong>en RGB</strong></span></span></span></p>
<p lang="fr-FR"><strong>Attention ! Si votre image a un fond, l’encadré se verra dans le cas où la boîte n’est pas blanche.</strong></p>
<p lang="fr-FR"><strong>Quand la face est prête sauvegardez-la </strong>et sélectionnez la face suivante sur les boutons du haut.</p>
<p lang="fr-FR"><strong>La 3D vous permettra de voir comment apparaîtra votre boîte une fois imprimée.</strong></p>
<p lang="fr-FR"><strong>Une fois que vous avez terminé le motif sauvegardez de nouveau,</strong> fermez la fenêtre du configurateur dans la x en haut à droite et ajoutez vos boîtes au panier. Finalisez l’achat et vous les
recevrez quelques jours après !!!</p>
<p lang="fr-FR"><strong>Les couleurs peuvent varier </strong>en fonction de la configuration de votre écran et de la couleur du papier que vous avez choisi.</p>
</div>
</div>
</div>
<div class="col-md-12 clearfix"> <a class="btn-term" title="J'ACCEPTE"> <span>J'ACCEPTE</span> </a></div>
</div>
</div>
</div> <a class="button-congiguration-limit-units" href="#data-configuration-limit-units-3" id_size="3" style="display: none;"> <span>lmit units</span> </a>
<div id="data-configuration-limit-units-3" style="display: none; height: 100%;">
<div id="popup-configuration-limit-units" class="popup-modal">
<div style="width: 100%; height: 100%;">
<div class="title-popup">+ de 250?</div>
<p>Veuillez nous contacter si vous avez besoin de<a href="/cajas-a-medida#contact-form-box-b2b" alt="contactez-">contactez-</a>plus de 250 unités</p>
</div>
</div>
</div>
<div class="footer-conf"></div>
<script type="application/javascript">
$(document).ready(function() {
$(".button-congiguration-design").fancybox({
'hideOnContentClick': true,
'titleShow': false,
'autoDimensions': true,
'width': 750,
'height': 400,
'wrapCSS': 'fancybox-configurator3D',
helpers: {
title: null
}
});
$(".button-congiguration-terms").fancybox({
'hideOnContentClick': true,
'hideOnOverlayClick': true,
'showCloseButton': false,
'closeBtn': false, // hide close button
'titleShow': false,
'autoDimensions': true,
'width': 930,
'height': 630,
'wrapCSS': 'fancybox-configurator3D',
helpers: {
title: null,
'overlay': {
'closeClick': false
}
}
});
$(".button-congiguration-limit-units").fancybox({
'hideOnContentClick': true,
'titleShow': false,
'autoDimensions': true,
'width': 750,
'height': 400,
'wrapCSS': 'fancybox-configurator3D',
helpers: {
title: null
}
});
/*$(".button-congiguration-design").fancybox({
'hideOnContentClick': true,
'titleShow': false,
'autoDimensions': true,
'modal': true,
helpers: {
title: null
}
});*/
});
</script>
</div>
<div id="valores-boton-premontaje" class="vista_atributos" style="display:none;" id_size="3" attribute_group="8">
<div class="header-conf"></div>
<div class="atributos-extra col-xs-12 nopadding clearfix disable-revision">
<div class="input-atributos col-xs-2">
<div class="checkbox"> <input type="checkbox" id="revisiontag-3" name="revisiontag-3" id_attribute="189" id_size="3" attribute_group="8" class="tagreview" disabled="disabled"> <label for="revisiontag-3"> </label></div>
</div>
<div class="col-xs-10 nopadding">
<div class="title-extras">Contrôlez vos étiquettes <i class="icon icon-revision"></i></div>
<div class="price-extras">4,00 €<span> supplémentaires</span></div>
<div class="content-extras">Si vous sélectionnez cette option, nous contrôlerons personnellement les étiquettes que vous avez créé pour nous assurer que la résolution et la visualisation sont correctes.</div>
</div>
</div> <span class="aclaracion-color" style="color: #4d4d4d;margin-right: 24px;left: 22px;font-size: 12px;">* Revisiones sólo disponibles para pedidos superiores a 200 ud.</span>
<div class="footer-conf"></div>
</div>
<div id="valores-boton-psd" class="vista_atributos" style="display:none;" id_size="3" attribute_group="5">
<div class="header-conf"></div>
<div class="text-atributos col-xs-12">Bande imprimable </div>
<ul class="clearfix">
<li class="selector_fajaimprimible attr_self_236" title="Sin faja" id_attribute="236" id_size="3" attribute_group="3"></li>
<li class="selector_fajaimprimible attr_self_235" title="Con faja" id_attribute="235" id_size="3" attribute_group="3"></li>
</ul>
<div class="col-xs-12 nopadding faja-imprimible" style="margin-top: 18px; display: none;">
<div class="content" style="font-size: 13px;"> <span style="display: block;">Imprimez la bande avec votre design préféré et habillez élégamment votre boîte!</span> <span style="display: block;">Vous devez simplement télécharger le modèle
et les instructions <a href="/modules/wim_parts_printable/img/psds/image_psd-id-3187-743106462.zip" target="_blank" style="color: #E27A30;">ici</a></span> <span style="display: block;font-size: 11px">Vous avez besoin d'avoir des
connaissances en Photoshop ou illustrator.</span></div>
<div class="content" style="font-size: 13px;margin-top: 15px;">Une fois que votre design est prêt (un seul par taille), téléchargez-le ici et finaliser l'achat..</div>
<div class="col-xs-12 nopadding clearfix" style="margin-top: 5px;">
<div class="col-xs-7 nopadding" style="font-size: 10px;display: inline-block;line-height: 12px;">Format de document valide: PDF à 300 ppp en CMYK.</div>
<div class="col-xs-5 nopadding" style="font-size: 12px;font-weight: normal;display: inline-block;width: 40%;vertical-align: middle;"> <input type="file" class="btn btn-default psd_upload psd_upload_3" data-style="expand-right"
name="psd_upload" id="psd_upload" style="display: none;" id_size="3"> <input type="hidden" name="psd_uploaded" id="psd_uploaded" style="display: none;" id_size="3">
<div class="bg_imagen-faja"> <span class="btn_faja_img pull-left tooltip_show button-psd button-psd-3" id_size="3"
title="<span class="name">Subir pdf</span>"><i class="fa fa-cloud-upload" aria-hidden="true" style="font-size: 20px;"></i> <i class="loading-printfaja fa fa-spinner fa-spin fa-2x" style="vertical-align: sub; display: none;" id_size="3"></i></span>
<div class="btn_faja_img_eliminar pull-right tooltip_show" id_size="3" title="<span class="name">Eliminar imagen</span>"> <span class="pull-right eliminar" id_size="3"> <span id_size="3"
class="eliminar x icon-delete-self"></span> </span></div>
</div>
</div>
</div>
<div class="psd-success" style="font-weight: bold;font-size: 14px;color: green;clear: both;display:none;margin: 10px 0;text-align: center;"> Téléchargement du PDF réussi! <br> Tu veux le voir? Cliquez
<a href="" target="_blank" style="color: #E27A30;">ici.</a></div>
</div>
<div class="footer-conf"></div>
<script type="text/javascript">
var attributeWithFaja = '235';
var msgFaja = 'Vous devez d\'abord télécharger le PDF avec votre design!';
</script>
</div>
<div id="muestras-content-3" class="muestras-content" id_size="3" style=" padding: 21px; font-size: 13px; line-height: 100%; overflow: hidden; background: #FFF; display: none;">
<div class="clearfix cajitas" style="width: 355px;">
<div style=" font-family: 'dinregular'; color: #000; font-weight: bold; padding: 0; margin-bottom: 8px; font-size: 29px; ">Envoi d'échantillons</div> Votre échantillon contient les éléments suivants :<ul id="contenido-muestra"
style=" padding: 0; margin: 0; list-style: square; margin-left: 19px; margin-top: 6px; font-weight: bold; line-height: 19px; ">
<li>1 boîte que nous avons actuellement en stock, qui peut être de n’importe quelle couleur</li>
<li>1 carton bristol de la couleur que vous avez choisie</li>
<li style="font-weight: normal;font-size: 11px;">Les échantillons ne comportent ni d'étiquette, de fourreau, de prémontage ou d'impression.</li>
<li class="box_accessory" style="display:none">1 échantillon de la couleur choisie</li>
</ul>
<div id="imagenMuestra" style="position: relative"> <img id="imgchart_minis" src="" alt="" title="" width="306" style="width: 272px; height: auto;position: relative;left: -25px;">
<div id="colorMuestrasContainers"></div>
<div id="precioMuestra">
<div id="titlePrecio" style="font-size: 16px; line-height: 100%;">Prix</div>
<div id="valorPrecio" style="font-size: 35px; line-height: 100%; font-family: 'dinbold'; font-weight: bold;"> 0.00 €</div>
</div>
</div>
<p style="font-size: 13px;"> Le prix de l'échantillon<br> <span style="color: #EE7C24; font-weight: bold;">Vous pourrez décompter le prix de l'échantillon avec le code de réduction que vous trouverez dans votre espace client - Mes bons de
réduction</span><br> Nous savions que cela vous ferait plaisir !<br></p>
<div style="float:left"> Comment fonctionne <br> le bon de réduction ? <a id="more_info" href="javascript:void(0)">Cliquez ici</a></div>
<div style="float: right">
<p id="add_to_cart" class="buttons_bottom_block boton-muestra"> <input type="button" name="button" value="Commander un échantillon" class="boton-compra" style=" padding-left: 26px; "></p>
</div>
<p id="err_muestra">Vous avez demandez un échantillon avec ces propriétés. Essayez-en d'autres.</p>
<p id="err_muestra2">Ya has pedido demasiadas muestras, máximo 4 muestras por pedido. Gracias.</p>
<p id="muestra_info">Le prix de vos échantillons sera déduit de votre prochaine commande. Une fois vos échantillons payés, vous recevrez un bon de réduction correspondant au montant des échantillons, que vous pourrez utiliser lors de
votre prochaine commande. Ce bon de réduction sera visible à la fin de votre commande et vous pourrez y avoir accès à tout moment en consultant votre profil, dans l'onglet Mes coupons.<br><br> Les bons sont valables un an à compter de
la date d'achat des échantillons et ne sont pas compatibles avec d'autres offres et promotions. Pour bénéficier de votre réduction, vous devez simplement rentrer le code lors de l'achat de votre prochaine commande, comme vous pouvez le
voir sur l'image ci-dessous. <img class="lazyload" data-src="https://selfpackaging.fr/themes/selfpackaging/img/captura_descuento_muestras.png" alt="Captura como aplicar tu descuento" style="width: 100%;"></p>
</div>
</div>
<script>
$(document).ready(function() {
$("a.comprar_muestras[id_size=3]").fancybox({
'frameWidth': 630,
'frameHeight': 395,
'overlayShow': true,
'scrolling': 'no',
'showNavArrows': false,
'hideOnContentClick': false
});
$('.comprar_muestras').live('click', function() {
var widthMuestra = 30;
var topMuestra = 70;
var leftMuestra = 185;
var src_mini = $('#bigpic').attr('src');
var alt_mini = $('#bigpic').attr('alt');
$('#muestras-content-3 #imgchart_minis').attr('src', src_mini);
$('#muestras-content-3 #imgchart_minis').attr('alt', alt_mini);
$('#muestras-content-3 #colorMuestrasContainers').children().remove();
$('#buttons-color[id_size=3] #group_color .selector_color').each(function(key) {
$('#muestras-content-3 #colorMuestrasContainers').append('<div id="colorMuestra' + $(this).attr('id_attribute') + '" class="colorMuestra" style="position: absolute; width: ' + widthMuestra + 'px; height: ' + widthMuestra +
'px;top: ' + topMuestra + 'px; left: ' + leftMuestra +
'px; box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25); background-color:' + $(this).css('background-color') +
'"></div>');
topMuestra -= 15;
leftMuestra += 15;
});
});
$("#muestras-content-3 #more_info").click(function() {
$("#muestras-content-3 #muestra_info").toggle();
});
/*COMPRAR MUESTRAS MOVIL*/
$.each($(".boton-compra-muestras"), function(key, value) {
if ($(window).width() >= 991) {
$('.resumen-caracteristicas').append($(this));
} else {
$('#buy_block .show-mobile .status-info .btn-muestras').append($(this));
}
});
});
</script>
<div id="valores-boton-color-4" class="vista_atributos" style="display:none;" id_size="4" attribute_group="2">
<div class="header-conf"></div>
<div class="nodisponleColores"> Cette boîte est seulement disponible dans la couleur indiquée</div>
<div style="display: none;" class="group-part-color-atributos col-xs-12 nopadding clearfix color_grid_1" size="4">
<div class="text-atributos col-xs-12">Boîte</div>
<div class="col-xs-12 clearfix nopadding">
<div
title="<h6>Quels sont les papiers recyclés ?</h6><p>Le contenu de ce papier comprend au moins 40% de papier recyclé, même si certains peuvent même être à 100%, découvrez dans notre <strong><a href="https://selfpackaging.fr/content/43-materiau-durable">tableau des matières</a></strong> de la composition exacte de chacun de nos papiers. Être durable na jamais été aussi facile !</p>"
class="tooltip_alim col-xs-3 selector_color attr_self_XL_4 attr_self_Boîte_46 attr_self_CARTON_NATUREL_113 part-1 active" id_size="4" id_attribute="113" color="#bc8b58" part="46" attribute_group="2" pos="1" type_color="4"
printable="1" material="2" style="background-color: #bc8b58; display: block; ">
<div class="print"><i class="self-pictos-v2 icon-self-pictos-73"></i></div>
</div>
</div>
</div> <span class="aclaracion-color">* Pantone donné à titre indicatif et mat (non couché)</span> <i class="demo-icon icon-pictogrames-final-39 image_color"></i>
</div>
<div id="valores-boton-etiquetas" class="vista_atributos" style="display:none;" id_size="4" attribute_group="4">
<div class="header-conf"></div> <a id="open_etiquetas" href="#etiquetaspopup" class="infoI"><span class="info_ahorrocompra fa fa-info pull-right"></span></a>
<div class="ocultopopup">
<div id="etiquetaspopup">
<p class="p1"><span class="s1">Voici quelques indications pour vous aider à créer un fichier d'impression correct, afin que le résultat soit celui que vous attendez :</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>1- Format du fichier :</strong></span></p>
<p class="p1"><span class="s1"><strong>Le format de vos images doit être .JPG, .GIF, .PNG ou .TIFF. </strong>Ces formats vous permettront d'obtenir des résultats d'une grande qualité, si vous respectez les autres recommandations.</span>
</p>
<p class="p1"><span class="s1">En utilisant le design, vous vous engagez à veiller que ce contenu respecte les droits d'auteur. Veuillez vous assuree que vous possédez le droit d'utiliser ces images.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>2- Couleurs :</strong></span></p>
<p class="p1"><span class="s1"><strong>Les fichiers doivent être envoyés en RGB. </strong>Les images en CMYK ou avec des couleurs Pantone seront converties automatiquement vers ce format.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>3- Résolution :</strong></span></p>
<p class="p1"><span class="s1"><strong>Votre image doit avoir une résolution de 300 dpi, et ne doit pas dépasser 5MB.</strong></span></p>
<p class="p1"><span class="s1">Afin de couvrir complètement la zone d'impression, nous vous recommandons d'utiliser des images égales ou plus grandes que la zone à imprimer. Dans le cas contraire, l'image risque d'être floue ou
pixélisée.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>4- Fonctionnement :</strong></span></p>
<p class="p1"><span class="s1">Vous pouvez configurer directement votre impression dans le menu déroulant et choisir de mettre soit du texte ou soit une image (choisir une option parmi les 2 proposées), selon vos préférences.</span></p>
<p class="p1"><span class="s1">Les dimensions des étiquettes adhésives varient en fonction de la taille. Dans le menu déroulant et dans l'aperçu avant impression, vous pourrez voir les dimensions de chaque étiquette, en fonction de la
taille de la boîte sélectionnée.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>5. Finition :</strong></span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>- </strong>Les étiquettes adhésives sont imprimées sur du vinyle plastifié mat. Ce matériau d'une grande qualité est plus résistant que le papier et il permet que les stickers d'être
amovibles.</span></p>
<p class="p1"><span class="s1"><strong>- </strong>Les étiquettes non imprimées sont fabriquées en papier mat, vous pouvez ainsi écrire dessus sans aucun problème et avec n'importe quel stylo ou marqueur. Ce type d'étiquette n'est pas
amovible.</span></p>
<p class="p2"></p>
<p class="p1"><span class="s1"><strong>6. Quantités :</strong></span></p>
<p class="p1"><span class="s1">Lors de votre achat, quand vous créez une étiquette adhésive (avec ou sans impression), la nombre d'étiquettes ajouté à votre panier correspond à la quantité de boîtes commandée.</span></p>
<p class="p1"><span class="s1">Cette quantité pourra être modifiée par la suite, dans le récapitulatif de la commande.</span></p>
</div>
</div>
<div class="tag-formas-printed" id_size="4">
<div class="text-atributos col-xs-12">Avec de l'impression <span class="medidas">4 x 5 cm</span></div>
<div class="tag-formas col-xs-12 clearfix">
<ul class="clearfix">
<li id_size="4"><span class="tag-no" src="/modules/selfconfigboxfront/img/no-tag.png" data-tag-shape="-1" data-tag-size-id="-1" data-tag-shape-id="-1"></span></li>
<li id_size="4"> <span class="attr_self_XL_4 attr_self_E_68 attr_self_1_61 tag-1" src="/modules/selfconfigboxfront/img/1-tag.png" data-printable="true" data-size="4" data-tag-shape="1"
data-tag-info="{"tag_shape":"1","tag_size":"E","lines":"3","print_per_page":"1","print_size":"225.000000","tag_steps":"8 x 8 cm","text_left":"35","text_top":"35","text_width":"126","text_height":"126"}"
data-tag-size-id="68" data-tag-shape-id="61"></span></li>
<li id_size="4"> <span class="attr_self_XL_4 attr_self_E_68 attr_self_2_62 tag-2" src="/modules/selfconfigboxfront/img/2-tag.png" data-printable="true" data-size="4" data-tag-shape="2"
data-tag-info="{"tag_shape":"2","tag_size":"E","lines":"4","print_per_page":"1","print_size":"225.000000","tag_steps":"8 x 8 cm","text_left":"8","text_top":"8","text_width":"174","text_height":"174"}"
data-tag-size-id="68" data-tag-shape-id="62"></span></li>
<li id_size="4"> <span class="attr_self_XL_4 attr_self_E_68 attr_self_3_63 tag-3" src="/modules/selfconfigboxfront/img/3-tag.png" data-printable="true" data-size="4" data-tag-shape="3"
data-tag-info="{"tag_shape":"3","tag_size":"E","lines":"2","print_per_page":"1","print_size":"245.000000","tag_steps":"8,5 x 7,5 cm","text_left":"27","text_top":"53","text_width":"141","text_height":"89"}"
data-tag-size-id="68" data-tag-shape-id="63"></span></li>
</ul>
</div>
<div class="masInformacionEtiquetas"> Creez votre étiquette personnalisée !<br> <span class="materialNegrita">Matériel</span> Vinyl plastifié (amovible)</div>
<div id="tag-no" class="col-xs-12 nopadding clearfix" style="display: none;">
<p>Sans étiquette</p>
</div>
</div>
<div class="tag-formas-unprinted" id_size="4">
<div class="text-atributos col-xs-12">Sans impression <span class="medidas">4 x 5 cm</span></div>
<div class="tag-formas col-xs-12 clearfix ">
<ul class="clearfix">
<li id_size="4"><span class="tag-no" src="/modules/selfconfigboxfront/img/no-tag.png" data-tag-shape="-1" data-tag-size-id="-1" data-tag-shape-id="-1"></span></li>
<li id_size="4"> <span class="attr_self_XL_4 attr_self_E_68 attr_self_1_61 tag-1" src="/modules/selfconfigboxfront/img/1-tag.png" data-size="4" data-tag-shape="1" data-printable="false"
data-tag-info="{"tag_shape":"1","tag_size":"E","lines":"3","print_per_page":"1","print_size":"225.000000","tag_steps":"8 x 8 cm","text_left":"35","text_top":"35","text_width":"126","text_height":"126"}"
data-tag-size-id="68" data-tag-shape-id="61"></span></li>
<li id_size="4"> <span class="attr_self_XL_4 attr_self_E_68 attr_self_2_62 tag-2" src="/modules/selfconfigboxfront/img/2-tag.png" data-size="4" data-tag-shape="2" data-printable="false"
data-tag-info="{"tag_shape":"2","tag_size":"E","lines":"4","print_per_page":"1","print_size":"225.000000","tag_steps":"8 x 8 cm","text_left":"8","text_top":"8","text_width":"174","text_height":"174"}"
data-tag-size-id="68" data-tag-shape-id="62"></span></li>
<li id_size="4"> <span class="attr_self_XL_4 attr_self_E_68 attr_self_3_63 tag-3" src="/modules/selfconfigboxfront/img/3-tag.png" data-size="4" data-tag-shape="3" data-printable="false"
data-tag-info="{"tag_shape":"3","tag_size":"E","lines":"2","print_per_page":"1","print_size":"245.000000","tag_steps":"8,5 x 7,5 cm","text_left":"27","text_top":"53","text_width":"141","text_height":"89"}"
data-tag-size-id="68" data-tag-shape-id="63"></span></li>
</ul>
</div>
<div class="contenedorEtiquetaImg" style="display:none;">
<div class="consejoDIY">Conseil DIY</div> <img data-src="/modules/selfconfigboxfront/img/imagen_etiquetas.png" alt="Creez votre étiquette personnalisée !" class="img-responsive lazyload">
<div class="consejofinalDIY">Écrivez à la main vos étiquettes et donnez une touche fait maison à vos cadeaux</div>
</div>
</div>
<div class="masInformacionEtiquetas"> Étiquettes blanches lisses<br> <span class="materialNegrita">Matériel</span> Papier mat</div>
<div id="tag-config"> <input type="hidden" name="id_print_tag" id_size="4" id="id_print_tag" value=""> <input type="hidden" name="configuration[4][tag_size]" id_size="4" value=""> <input type="hidden" name="configuration[4][tag_shape]"
id_size="4" value=""> <input type="hidden" name="configuration[4][tag_empty]" id_size="4" value="0">
<div id="tag_bg_config" id_size="4" class="col-xs-12 clearfix">
<div class="color_tag tooltip_show" id_size="4" title="<span class="name">Couleur de fond</span>">
<div class="bg_color_selector select" id_size="4">
<div style="background-color: #FFFFFF;"></div>
</div>
</div>
<div class="imagen_tag tag_image_config"> <input type="file" class="tag_upload" id_size="4" style="display: none;">
<div class="bg_imagen-tag"> <span class="btn_tag_img pull-left tooltip_show" id_size="4"
title="<span class="name">Télécharger image</span>"><i class="fa fa-cloud-upload" aria-hidden="true"></i> <i class="loading-printtag fa fa-spinner fa-spin fa-2x" style="vertical-align: sub; display: none;" id_size="4"></i></span>
<div class="btn_tag_img_eliminar pull-right tooltip_show" id_size="4" title="<span class="name">Éliminer image</span>"> <span class="pull-right eliminar" id_size="4"> <span id_size="4"
class="eliminar x icon-delete-self"></span> </span></div>
</div>
</div>
<div id="modificar-tag-imagen" id_size="4" class="tag_image_config pull-right clearfix">
<div id="btn-centrar" title="<span class="name">Centrer image</span>" class="tooltip_show pull-left"><span></span></div>
<div id="btn-rotar" class="tooltip_show pull-right hidden" title="<span class="name">Zoom</span>">
<div class="tagSliderRotate ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" style=" width: 55px; height: 4px; margin-top: 9px; " aria-disabled="false">
<a class="ui-slider-handle ui-state-default ui-corner-all" style="left: 31.0345%;"></a></div>
</div>
<div title="<span class="name">Réduire taille</span>" class="tooltip_show pull-left minus-zoom icon-zoom" id_size="4"><span class="icon icon-minus-circle"></span></div>
<div title="<span class="name">Augmenter taille</span>" class="tooltip_show pull-left plus-zoom icon-zoom" id_size="4"><span class="icon icon-plus-circle"></span></div>
</div>
</div> <span style="display:none;" class="info-detect fa fa-exclamation pull-right tooltip_alim"
title="<p class='alert-detect'>Ce produit contient quelques images dont la taille originale a été augmentée et elles peuvent être floues ou pixellisées lors de l’impression de l’article</p>"></span>
<div id="tag_text_config" id_size="4" class="col-xs-12 clearfix"> <select class="tag_text_font select tooltip_show" id_size="4" title="<span class="name">Police du texte</span>">
<option value="Bank Gothic" style="font-family: 'Bank Gothic';">Bank Gothic</option>
<option value="DinRegular" style="font-family: 'DinRegular';" selected="">DinRegular</option>
<option value="Impact" style="font-family: 'Impact';">Impact</option>
<option value="JustMeAgainDownHere" style="font-family: 'JustMeAgainDownHere';">Just me again down here</option>
<option value="Mogambo" style="font-family: 'Mogambo';">Mogambo</option>
<option value="Peak" style="font-family: 'Peak';">Peak</option>
<option value="Sacramento" style="font-family: 'sacramento';">Sacramento</option>
<option value="Times New Roman" style="font-family: 'Times New Roman';">Times New Roman</option>
<option value="Trebuchet MS" style="font-family: 'Trebuchet MS';">Trebuchet MS</option>
</select> <select class="tag_size_select select tooltip_show" id_size="4" title="<span class="name">Taille du texte</span>">
<option value="19px">20</option>
<option value="20px">21</option>
<option value="21px">22</option>
<option value="22px">23</option>
<option value="23px">24</option>
<option value="24px">25</option>
<option value="25px">26</option>
<option value="26px">27</option>
<option value="27px">28</option>
<option value="28px">29</option>
<option value="29px">30</option>
<option value="30px">31</option>
<option value="31px">32</option>
<option value="32px">33</option>
<option value="33px">34</option>
<option value="34px">35</option>
<option value="35px">36</option>
<option value="36px">37</option>
<option value="37px">38</option>
<option value="38px">39</option>
<option value="39px">40</option>
<option value="40px">41</option>
<option value="41px">42</option>
<option value="42px">43</option>
<option value="43px">44</option>
<option value="44px">45</option>
<option value="45px">46</option>
<option value="46px">47</option>
<option value="47px">48</option>
<option value="48px">49</option>
<option value="49px">50</option>
<option value="50px">51</option>
<option value="51px">52</option>
<option value="52px">53</option>
<option value="53px">54</option>
<option value="54px">55</option>
<option value="55px">56</option>
<option value="56px">57</option>
<option value="57px">58</option>
<option value="58px">59</option>
<option value="59px">60</option>
<option value="60px">61</option>
<option value="61px">62</option>
<option value="62px">63</option>
<option value="63px">64</option>
<option value="64px">65</option>
<option value="65px">66</option>
<option value="66px">67</option>
<option value="67px">68</option>
<option value="68px">69</option>
<option value="69px">70</option>
<option value="70px">71</option>
<option value="71px">72</option>
<option value="72px">73</option>
<option value="73px">74</option>
<option value="74px">75</option>
<option value="75px">76</option>
<option value="76px">77</option>
<option value="77px">78</option>
<option value="78px">79</option>
<option value="79px">80</option>
</select>
<div id="tag_text_color" id_size="4" class="select tooltip_show" title="<span class="name">Couleur du texte</span>">
<div class="text_color_selector" id_size="4">
<div>A</div>
</div>
</div> <select class="tag_text_align select selectpicker bs-select-hidden" id_size="4">
<option value="left" data-content="<i class="fa fa-align-left" title="Gauche"></i>"> </option>
<option value="center" data-content="<i class="fa fa-align-center" title="Centre"></i>"> </option>
<option value="right" data-content="<i class="fa fa-align-right" title="Droite"></i>"> </option>
</select>
<div class="btn-group bootstrap-select tag_text_align select"><button type="button" class="btn dropdown-toggle select btn-info" data-toggle="dropdown" title=""><span
class="filter-option pull-left"><i class="fa fa-align-left" title="Gauche"></i></span> <span class="caret"></span></button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li data-original-index="0" class="selected"><a tabindex="0" class="" style="" data-tokens="null"><i class="fa fa-align-left" title="Gauche"></i><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><i class="fa fa-align-center" title="Centre"></i><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="2"><a tabindex="0" class="" style="" data-tokens="null"><i class="fa fa-align-right" title="Droite"></i><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="etiqueta_container">
<div id="tag_bg_color" id_size="4" style="background-color: #FFFFFF;">
<div id="mask_image" style="background-image: url(https://selfpackaging.fr/upload/printTag/mask/mask_3.png);"></div> <img class="background_image ui-draggable" src="" id_size="4"
style="width: 100%; position: absolute; z-index: 15;display: none;cursor: pointer;">
</div>
<div class="text-container">
<div id="tag_text" id_size="4">
<div class="text-write"><img src="/modules/selfconfigboxfront/img/escribe_fr.png"></div>
</div>
</div>
</div>
<div class="col-xs-12 block-buttons clearfix"> <a class="button-etiqueta-preview button-etiqueta-preview-4 button-preview pull-left" href="#data-etiqueta-preview-4" id_size="4" title="Aperçu"><span>Aperçu</span></a>
<a class="button-delete-print-tag pull-left" href="" title="Effacer le texte" id_size="4"><span>Effacer le texte</span></a>
<div id="data-etiqueta-preview-4" style="background: url('/themes/selfpackaging/img/bg-textura-mas-vendidos.png') repeat scroll 0 0 transparent;display: none; height: 100%;">
<div id="etiqueta_preview" id_size="4" style="text-align: center;background: url('https://selfpackaging.fr/themes/selfpackaging/img/bg-textura-mas-vendidos.png') repeat scroll 0 0 transparent; width:auto; min-width: 420px;">
<div>
<p style="font-size: 20px;padding: 20px 0 0px 0;">Prévisualisation</p>
<p class="etiqueta-preview-medidas" style="font-size: 25px;font-weight: bold;padding: 0 0 10px 0;">/p></p>
</div> <img class="image_preview" style="margin: 0 30px;"> <img data-src="/themes/selfpackaging/img/loading-print.gif" class="loadingPreviewPrintTag lazyload" style="display: none;margin: 0 30px;">
<div class="clearfix" style="padding: 20px 0">
<div class="col-xs-12 col-md-6"><span id="btn-cancel" class="button_large" style="background: #666666;border-radius: 4px;color: #ffffff;cursor: pointer;font-size: 12px;padding: 10px 8px;text-transform: uppercase;">Continuer votre
création</span></div>
<div class="col-xs-12 col-md-6"><span id="btn-accept" class="button_large" style="background: #ee7c24;padding: 10px 8px; font-size: 12px;text-transform: uppercase;">Accepter votre création</span></div>
</div>
</div>
<script>
$(document).ready(function() {
$('a.button-etiqueta-preview-' + 4).live('click', function(e) {
var size = $(this).attr('id_size');
var config_tag_shape = jQuery.parseJSON($('#valores-boton-etiquetas[id_size="' + size + '"] .tag-formas li.active span').attr('data-tag-info'));
var configInfo = getTagPrintValues(size);
var config = jQuery.parseJSON(configInfo);
var str = config_tag_shape['tag_steps'];
var res = str.split(" ");
//var src = "/generatePrintImageVistaPrevia.php?id_caja=" + id_product + "&id_size=" + size + "&config_printable=" + checkPrintableValues(size).replace(/##n/g, ':EAG;') + "&v=" + new Date().getTime();
var src = "/generatePrintTagImage.php?tag_config=" + configInfo + "&v=" + new Date().getTime();
/*Generamos la imagen de vista previa*/
$('#valores-boton-etiquetas[id_size="' + size + '"] #data-etiqueta-preview-' + size + ' .image_preview').attr("src", src);
$('#data-etiqueta-preview-' + size + ' .etiqueta-preview-medidas').text(str);
$('#valores-boton-etiquetas[id_size="' + size + '"] #data-etiqueta-preview-' + size + ' .image_preview').attr("width", config_tag_shape.print_size);
$('.loadingPreviewPrintTag').attr("width", config_tag_shape.print_size);
$('#valores-boton-etiquetas[id_size="' + size + '"] .button-etiqueta-preview-' + size).fancybox();
//Hide image preview
$(".image_preview").hide();
// display loading image here...
$('.loadingPreviewPrintTag').show();
// request your data...
var req = new XMLHttpRequest();
req.open("POST", src, true);
req.onreadystatechange = function() {
if (req.readyState == 4 && req.status == 200) {
// content is loaded...hide the gif and display the content...
if (req.responseText) {
/*Generamos la imagen de vista previa*/
$('#data-etiqueta-preview-' + size + ' .image_preview').show();
$('.loadingPreviewPrintTag').hide();
}
}
};
req.send(null);
$('#valores-boton-etiquetas[id_size="' + size + '"] .button-etiqueta-preview-' + size).fancybox();
});
$("a.button-etiqueta-preview-4").fancybox({
'overlayShow': true,
'scrolling': 'no',
'autoScale': false,
'showNavArrows': false,
'hideOnContentClick': false,
'autoDimensions': true,
'autoResize': true,
'height': 'auto',
'width': 'auto'
});
$('#data-etiqueta-preview-4 #btn-accept').on("click", function(event) {
//Despliega el cuadro selector del atributo
event.preventDefault();
saveTagConfig($(this).parents('#etiqueta_preview').attr('id_size'));
//Despliega el cuadro selector del atributo
//$('.vista_atributos').hide();
//$('#valores-boton-etiquetas-diseños[id_size="'+$(this).parents('#etiqueta_preview').attr('id_size')+'"]').show();
$.fancybox.close();
});
$('#etiqueta_preview #btn-cancel').on("click", function() {
$.fancybox.close();
});
});
</script>
</div>
</div>
</div>
<div class="footer-conf"></div>
</div>
<div id="valores-boton-etiquetas-diseños" class="vista_atributos" style="display:none;" id_size="4" attribute_group="4">
<div class="header-conf"></div> <span class="info_impresion fa fa-info pull-right"></span>
<div class="text-atributos col-xs-12">Fichier</div>
<div class="text-description col-xs-12 nopadding">Vous ne pourrez enregistrer que 2 designs</div>
<ul>
<li id="new-design" class="col-xs-12 nopadding clearfix" id_size="4">
<div class="new-design-img-block clearfix"> <img class="new-design lazyload" data-src="/modules/selfconfigboxfront/img/new-design.png"></div>
<div class="new-design-data-block col-lg-12 clearfix">
<div class="col-lg-6 pull-left nopadding new-design-medidas-block"></div>
<div class="new-design-edit-block col-lg-6 nopadding pull-right"> <a href="" data-tag="" class="new-design-edit" size="4">Modifiez votre design</a></div>
</div>
</li>
<li id="new-design" class="col-xs-12 nopadding clearfix" id_size="4">
<div class="new-design-img-block clearfix"> <img class="new-design lazyload" data-src="/modules/selfconfigboxfront/img/new-design.png"></div>
<div class="new-design-data-block col-lg-12 clearfix">
<div class="col-lg-6 pull-left nopadding new-design-medidas-block"></div>
<div class="new-design-edit-block col-lg-6 nopadding pull-right"> <a href="" data-tag="" class="new-design-edit" size="4">Modifiez votre design</a></div>
</div>
</li>
</ul> <a class="button-nuevo-diseño" href="" id_size="4" title="Nouveau"><span>Nouveau</span></a>
<div class="footer-conf"></div>
</div>
<div id="valores-boton-premontaje" class="vista_atributos" style="display:none;" id_size="4" attribute_group="8">
<div class="header-conf"></div>
<div class="atributos-extra col-xs-12 nopadding clearfix disable-revision">
<div class="input-atributos col-xs-2">
<div class="checkbox"> <input type="checkbox" id="revisiontag-4" name="revisiontag-4" id_attribute="189" id_size="4" attribute_group="8" class="tagreview" disabled="disabled"> <label for="revisiontag-4"> </label></div>
</div>
<div class="col-xs-10 nopadding">
<div class="title-extras">Contrôlez vos étiquettes <i class="icon icon-revision"></i></div>
<div class="price-extras">4,00 €<span> supplémentaires</span></div>
<div class="content-extras">Si vous sélectionnez cette option, nous contrôlerons personnellement les étiquettes que vous avez créé pour nous assurer que la résolution et la visualisation sont correctes.</div>
</div>
</div> <span class="aclaracion-color" style="color: #4d4d4d;margin-right: 24px;left: 22px;font-size: 12px;">* Revisiones sólo disponibles para pedidos superiores a 200 ud.</span>
<div class="footer-conf"></div>
</div>
<div id="muestras-content-4" class="muestras-content" id_size="4" style=" padding: 21px; font-size: 13px; line-height: 100%; overflow: hidden; background: #FFF; display: none;">
<div class="clearfix cajitas" style="width: 355px;">
<div style=" font-family: 'dinregular'; color: #000; font-weight: bold; padding: 0; margin-bottom: 8px; font-size: 29px; ">Envoi d'échantillons</div> Votre échantillon contient les éléments suivants :<ul id="contenido-muestra"
style=" padding: 0; margin: 0; list-style: square; margin-left: 19px; margin-top: 6px; font-weight: bold; line-height: 19px; ">
<li>1 boîte que nous avons actuellement en stock, qui peut être de n’importe quelle couleur</li>
<li>1 carton bristol de la couleur que vous avez choisie</li>
<li style="font-weight: normal;font-size: 11px;">Les échantillons ne comportent ni d'étiquette, de fourreau, de prémontage ou d'impression.</li>
<li class="box_accessory" style="display:none">1 échantillon de la couleur choisie</li>
</ul>
<div id="imagenMuestra" style="position: relative"> <img id="imgchart_minis" src="" alt="" title="" width="306" style="width: 272px; height: auto;position: relative;left: -25px;">
<div id="colorMuestrasContainers"></div>
<div id="precioMuestra">
<div id="titlePrecio" style="font-size: 16px; line-height: 100%;">Prix</div>
<div id="valorPrecio" style="font-size: 35px; line-height: 100%; font-family: 'dinbold'; font-weight: bold;"> 0.00 €</div>
</div>
</div>
<p style="font-size: 13px;"> Le prix de l'échantillon<br> <span style="color: #EE7C24; font-weight: bold;">Vous pourrez décompter le prix de l'échantillon avec le code de réduction que vous trouverez dans votre espace client - Mes bons de
réduction</span><br> Nous savions que cela vous ferait plaisir !<br></p>
<div style="float:left"> Comment fonctionne <br> le bon de réduction ? <a id="more_info" href="javascript:void(0)">Cliquez ici</a></div>
<div style="float: right">
<p id="add_to_cart" class="buttons_bottom_block boton-muestra"> <input type="button" name="button" value="Commander un échantillon" class="boton-compra" style=" padding-left: 26px; "></p>
</div>
<p id="err_muestra">Vous avez demandez un échantillon avec ces propriétés. Essayez-en d'autres.</p>
<p id="err_muestra2">Ya has pedido demasiadas muestras, máximo 4 muestras por pedido. Gracias.</p>
<p id="muestra_info">Le prix de vos échantillons sera déduit de votre prochaine commande. Une fois vos échantillons payés, vous recevrez un bon de réduction correspondant au montant des échantillons, que vous pourrez utiliser lors de
votre prochaine commande. Ce bon de réduction sera visible à la fin de votre commande et vous pourrez y avoir accès à tout moment en consultant votre profil, dans l'onglet Mes coupons.<br><br> Les bons sont valables un an à compter de
la date d'achat des échantillons et ne sont pas compatibles avec d'autres offres et promotions. Pour bénéficier de votre réduction, vous devez simplement rentrer le code lors de l'achat de votre prochaine commande, comme vous pouvez le
voir sur l'image ci-dessous. <img class="lazyload" data-src="https://selfpackaging.fr/themes/selfpackaging/img/captura_descuento_muestras.png" alt="Captura como aplicar tu descuento" style="width: 100%;"></p>
</div>
</div>
<script>
$(document).ready(function() {
$("a.comprar_muestras[id_size=4]").fancybox({
'frameWidth': 630,
'frameHeight': 395,
'overlayShow': true,
'scrolling': 'no',
'showNavArrows': false,
'hideOnContentClick': false
});
$('.comprar_muestras').live('click', function() {
var widthMuestra = 30;
var topMuestra = 70;
var leftMuestra = 185;
var src_mini = $('#bigpic').attr('src');
var alt_mini = $('#bigpic').attr('alt');
$('#muestras-content-4 #imgchart_minis').attr('src', src_mini);
$('#muestras-content-4 #imgchart_minis').attr('alt', alt_mini);
$('#muestras-content-4 #colorMuestrasContainers').children().remove();
$('#buttons-color[id_size=4] #group_color .selector_color').each(function(key) {
$('#muestras-content-4 #colorMuestrasContainers').append('<div id="colorMuestra' + $(this).attr('id_attribute') + '" class="colorMuestra" style="position: absolute; width: ' + widthMuestra + 'px; height: ' + widthMuestra +
'px;top: ' + topMuestra + 'px; left: ' + leftMuestra +
'px; box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.25); background-color:' + $(this).css('background-color') +
'"></div>');
topMuestra -= 15;
leftMuestra += 15;
});
});
$("#muestras-content-4 #more_info").click(function() {
$("#muestras-content-4 #muestra_info").toggle();
});
/*COMPRAR MUESTRAS MOVIL*/
$.each($(".boton-compra-muestras"), function(key, value) {
if ($(window).width() >= 991) {
$('.resumen-caracteristicas').append($(this));
} else {
$('#buy_block .show-mobile .status-info .btn-muestras').append($(this));
}
});
});
</script>
</div>
<div id="container-footer-product-box">
<div class="block-prices-footer">
<div class="price-units">
<p class="our_price_display_footer"> <span id="our_price_display" style="float: left;">0,93 </span><span class="price-currency precioEuro">€</span><span class="text-und">/un.</span></p>
</div>
<div class="price-total">
<p class="our_price_total_display"> <span class="text-und">Total: </span> <span id="our_price_total_display">92,66 €</span><span class="asterisco">*</span></p>
</div>
<p id="minimal_quantity_wanted_p" style="display: none;"> The minimum purchase order quantity for the product is <b id="minimal_quantity_label"></b></p>
</div>
<div class="add_to_cart_footer"> ACHETER</div>
</div>
<script type="text/javascript">
var imageMsg = 'Attention !' + '\n' + 'Votre image doit avoir une résolution de 600 x 600 pixels' + '\n' + 'La taille maximum de votre document est de 1 MB' + '\n' + 'Le format de l\'image doit être JPG,GIF, PNG o TIFF' + '\n' +
'L\'image ne peut pas être un vecteur et doit être couplé';
var colorimprimible = "<span style='color:#ABA7A7'>imprimante couleur</span>";
var minima = "Le montant minimum est";
var maxima = "et un maximum de";
var imageMsgFaja = 'ATTENTION: format de fichier invalide.' + '\n' + 'Format de fichier valide: PDF à 300 dpi en CMJN de maximum 1 Mo et avec le design et les textes';
var und_min_revision = 200;
</script>
<script type="application/javascript">
var optionsFaces = new Array();
var optionsBox = new Array();
var urlTroquel = new Array();
var printable_part = new Array();
var js_libs_path = '/modules/configurator3D/views/js/';
</script>
<div id="configurator" class="configurator">
<div class="container-loader">
<div class="loader"></div>
</div>
<header id="header">
<div class="container">
<div>
<div class="col-xs-8 col-sm-8">
<div class="header_logo">
<a href="https://selfpackaging.fr/" title="Cajas De Regalo, El Packaging Perfecto - SelfPackaging"> <img class="logo img-responsive lazyload" data-src="https://selfpackaging.fr/themes/selfpackaging/img/selfpackaging-packaging.svg" alt="Cajas De Regalo, El Packaging Perfecto - SelfPackaging" width="250" height="36"> </a>
</div>
</div>
<div class="col-xs-4 col-sm-4"> <a title="Cerrar" class="fancybox-close"></a></div>
</div>
</div>
</header>
<div class="container container-configurator">
<div class="col-xs-12 clearfix">
<div class="col-xs-12 col-md-6 nopadding">
<div class="product_name">Boîte d'expédition de forme allongée</div>
<div class="product_reference"> REF: <span class="reference" id_size="1">2293_S</span> <span class="reference" id_size="2">2293_M</span> <span class="reference" id_size="3">2293_L</span></div>
</div>
<div class="col-xs-12 col-md-6 nopadding container-faces">
<script type="application/javascript">
optionsBox[1] = {
reference: '2293_S',
obj: '2293/2293 S.obj',
mtl: '',
one_face: 0,
zoom: 1.00,
x: 24.00,
y: 6.00,
z: -17.00,
scale_x: 1.00,
scale_y: 1.00,
scale_z: 1.00,
id_box: '35'
};
</script>
<script type="application/javascript">
optionsFaces[143] = {
id_face: 143,
obj: '2293/2293 S.obj',
mtl: '',
heightCanvas: 874.20,
widthCanvas: 3378.72,
canvas_face_x: 578.85,
canvas_face_y: 0.00,
canvas_face_width: 2221.00,
canvas_face_height: 826.55,
canvas_text_x: 59.07,
canvas_text_y: 59.07,
canvas_text_width: 2102.86,
canvas_text_height: 708.41,
widthWindow: '772px',
heightWindow: '504px',
face: "caraB",
reference: "B",
face_image: "2293/2293S/2293S_SVG/2293S_cara_B.svg",
face_front_image: "2293/2293S_SVG_front/2293S_cara_B_print.svg",
one_face: 0
};
</script> <span class="item-face iconc3d iconc3d-cubo-frontal" data-face="143" title="Face B" id_size="1" data-one-face="0"></span>
<script type="application/javascript">
optionsFaces[147] = {
id_face: 147,
obj: '2293/2293 S.obj',
mtl: '',
heightCanvas: 838.77,
widthCanvas: 2291.88,
canvas_face_x: 35.44,
canvas_face_y: 0.00,
canvas_face_width: 2221.00,
canvas_face_height: 838.77,
canvas_text_x: 59.07,
canvas_text_y: 59.07,
canvas_text_width: 2102.86,
canvas_text_height: 720.63,
widthWindow: '772px',
heightWindow: '504px',
face: "caraF",
reference: "F",
face_image: "2293/2293S/2293S_SVG/2293S_cara_F.svg",
face_front_image: "1/4/7/147.svg",
one_face: 0
};
</script> <span class="item-face iconc3d iconc3d-cubo-dorso" data-face="147" title="Face F" id_size="1" data-one-face="0"></span>
<script type="application/javascript">
optionsFaces[142] = {
id_face: 142,
obj: '2293/2293 S.obj',
mtl: '',
heightCanvas: 1027.81,
widthCanvas: 3272.39,
canvas_face_x: 578.87,
canvas_face_y: 0.00,
canvas_face_width: 2114.64,
canvas_face_height: 1027.81,
canvas_text_x: 59.07,
canvas_text_y: 59.07,
canvas_text_width: 1996.50,
canvas_text_height: 909.68,
widthWindow: '772px',
heightWindow: '504px',
face: "caraA",
reference: "A",
face_image: "2293/2293S/2293S_SVG/2293S_cara_A.svg",
face_front_image: "1/4/2/142.svg",
one_face: 1
};
</script> <span class="item-face iconc3d iconc3d-cubo-encima" data-face="142" title="Face A" id_size="1" data-one-face="1"></span>
<script type="application/javascript">
optionsFaces[144] = {
id_face: 144,
obj: '2293/2293 S.obj',
mtl: '',
heightCanvas: 1004.14,
widthCanvas: 2256.41,
canvas_face_x: 0.00,
canvas_face_y: 0.00,
canvas_face_width: 2256.41,
canvas_face_height: 1004.14,
canvas_text_x: 59.07,
canvas_text_y: 58.38,
canvas_text_width: 2138.27,
canvas_text_height: 887.38,
widthWindow: '772px',
heightWindow: '504px',
face: "caraC",
reference: "C",
face_image: "2293/2293S/2293S_SVG/2293S_cara_C.svg",
face_front_image: "1/4/4/144.svg",
one_face: 0
};
</script> <span class="item-face iconc3d iconc3d-cubo-abajo" data-face="144" title="Face C" id_size="1" data-one-face="0"></span>
<script type="application/javascript">
optionsFaces[146] = {
id_face: 146,
obj: '2293/2293 S.obj',
mtl: '',
heightCanvas: 1783.85,
widthCanvas: 1086.86,
canvas_face_x: 35.44,
canvas_face_y: 956.92,
canvas_face_width: 1015.98,
canvas_face_height: 826.94,
canvas_text_x: 59.07,
canvas_text_y: 59.07,
canvas_text_width: 897.84,
canvas_text_height: 708.80,
widthWindow: '772px',
heightWindow: '504px',
face: "caraE",
reference: "E",
face_image: "2293/2293S/2293S_SVG/2293S_cara_E.svg",
face_front_image: "1/4/6/146.svg",
one_face: 0
};
</script> <span class="item-face iconc3d iconc3d-cubo-laterla-izq" data-face="146" title="Face E" id_size="1" data-one-face="0"></span>
<script type="application/javascript">
optionsFaces[145] = {
id_face: 145,
obj: '2293/2293 S.obj',
mtl: '',
heightCanvas: 1783.85,
widthCanvas: 1086.86,
canvas_face_x: 35.44,
canvas_face_y: 956.92,
canvas_face_width: 1015.98,
canvas_face_height: 826.94,
canvas_text_x: 58.07,
canvas_text_y: 59.07,
canvas_text_width: 897.84,
canvas_text_height: 708.80,
widthWindow: '772px',
heightWindow: '504px',
face: "caraD",
reference: "D",
face_image: "2293/2293S/2293S_SVG/2293S_cara_D.svg",
face_front_image: "1/4/5/145.svg",
one_face: 0
};
</script> <span class="item-face iconc3d iconc3d-cubo-lateral-der" data-face="145" title="Face D" id_size="1" data-one-face="0"></span>
<script type="application/javascript">
urlTroquel[1] = "2293/2293S_PNG/2293S.png";
printable_part[1] = 46;
</script>
<script type="application/javascript">
optionsBox[2] = {
reference: '2293_M',
obj: '2293/2293 M.obj',
mtl: '',
one_face: 0,
zoom: 1.00,
x: 24.00,
y: 6.00,
z: -17.00,
scale_x: 1.00,
scale_y: 1.00,
scale_z: 1.00,
id_box: '36'
};
</script>
<script type="application/javascript">
optionsFaces[150] = {
id_face: 150,
obj: '2293/2293 M.obj',
mtl: '',
heightCanvas: 992.50,
widthCanvas: 4312.53,
canvas_face_x: 519.89,
canvas_face_y: 0.00,
canvas_face_width: 3272.77,
canvas_face_height: 945.23,
canvas_text_x: 59.08,
canvas_text_y: 58.08,
canvas_text_width: 3154.62,
canvas_text_height: 827.07,
widthWindow: '772px',
heightWindow: '504px',
face: "caraB",
reference: "B",
face_image: "2293/2293M/2293M_SVG/2293M_cara_B.svg",
face_front_image: "2293/2293M_SVG_front/2293M_cara_B_print.svg",
one_face: 0
};
</script> <span class="item-face iconc3d iconc3d-cubo-frontal" data-face="150" title="Face B" id_size="2" data-one-face="0"></span>
<script type="application/javascript">
optionsFaces[154] = {
id_face: 154,
obj: '2293/2293 M.obj',
mtl: '',
heightCanvas: 957.03,
widthCanvas: 3343.66,
canvas_face_x: 35.44,
canvas_face_y: 0.00,
canvas_face_width: 3272.77,
canvas_face_height: 957.03,
canvas_text_x: 59.08,
canvas_text_y: 59.08,
canvas_text_width: 3154.62,
canvas_text_height: 838.88,
widthWindow: '772px',
heightWindow: '504px',
face: "caraF",
reference: "F",
face_image: "2293/2293M/2293M_SVG/2293M_cara_F.svg",
face_front_image: "1/5/4/154.svg",
one_face: 0
};
</script> <span class="item-face iconc3d iconc3d-cubo-dorso" data-face="154" title="Face F" id_size="2" data-one-face="0"></span>
<script type="application/javascript">
optionsFaces[149] = {
id_face: 149,
obj: '2293/2293 M.obj',
mtl: '',
heightCanvas: 968.91,
widthCanvas: 4678.83,
canvas_face_x: 756.18,
canvas_face_y: 0.00,
canvas_face_width: 3166.48,
canvas_face_height: 968.91,
canvas_text_x: 59.07,
canvas_text_y: 59.08,
canvas_text_width: 3048.33,
canvas_text_height: 850.75,
widthWindow: '772px',
heightWindow: '504px',
face: "caraA",
reference: "A",
face_image: "2293/2293M/2293M_SVG/2293M_cara_A.svg",
face_front_image: "1/4/9/149.svg",
one_face: 1
};
</script> <span class="item-face iconc3d iconc3d-cubo-encima" data-face="149" title="Face A" id_size="2" data-one-face="1"></span>
<script type="application/javascript">
optionsFaces[151] = {
id_face: 151,
obj: '2293/2293 M.obj',
mtl: '',
heightCanvas: 945.23,
widthCanvas: 3308.24,
canvas_face_x: 0.00,
canvas_face_y: 0.00,
canvas_face_width: 3308.24,
canvas_face_height: 945.23,
canvas_text_x: 59.07,
canvas_text_y: 67.92,
canvas_text_width: 3190.09,
canvas_text_height: 815.27,
widthWindow: '772px',
heightWindow: '504px',
face: "caraC",
reference: "C",
face_image: "2293/2293M/2293M_SVG/2293M_cara_C.svg",
face_front_image: "1/5/1/151.svg",
one_face: 0
};
</script> <span class="item-face iconc3d iconc3d-cubo-abajo" data-face="151" title="Face C" id_size="2" data-one-face="0"></span>
<script type="application/javascript">
optionsFaces[153] = {
id_face: 153,
obj: '2293/2293 M.obj',
mtl: '',
heightCanvas: 2020.37,
widthCanvas: 1027.96,
canvas_face_x: 35.44,
canvas_face_y: 1075.16,
canvas_face_width: 957.07,
canvas_face_height: 945.21,
canvas_text_x: 56.14,
canvas_text_y: 59.08,
canvas_text_width: 838.91,
canvas_text_height: 827.06,
widthWindow: '772px',
heightWindow: '504px',
face: "caraE",
reference: "E",
face_image: "2293/2293M/2293M_SVG/2293M_cara_E.svg",
face_front_image: "1/5/3/153.svg",
one_face: 0
};
</script> <span class="item-face iconc3d iconc3d-cubo-laterla-izq" data-face="153" title="Face E" id_size="2" data-one-face="0"></span>
<script type="application/javascript">
optionsFaces[152] = {
id_face: 152,
obj: '2293/2293 M.obj',
mtl: '',
heightCanvas: 2020.40,
widthCanvas: 957.07,
canvas_face_x: 35.44,
canvas_face_y: 1075.16,
canvas_face_width: 957.07,
canvas_face_height: 945.21,
canvas_text_x: 56.14,
canvas_text_y: 59.08,
canvas_text_width: 838.91,
canvas_text_height: 827.06,
widthWindow: '772px',
heightWindow: '504px',
face: "caraD",
reference: "D",
face_image: "2293/2293M/2293M_SVG/2293M_cara_D.svg",
face_front_image: "1/5/2/152.svg",
one_face: 0
};
</script> <span class="item-face iconc3d iconc3d-cubo-lateral-der" data-face="152" title="Face D" id_size="2" data-one-face="0"></span>
<script type="application/javascript">
urlTroquel[2] = "2293/2293M_PNG/2293M.png";
printable_part[2] = 46;
</script>
<script type="application/javascript">
optionsBox[3] = {
reference: '2293_L',
obj: '2293/2293 L.obj',
mtl: '',
one_face: 0,
zoom: 0.70,
x: 24.00,
y: 6.00,
z: -17.00,
scale_x: 1.00,
scale_y: 1.00,
scale_z: 1.00,
id_box: '37'
};
</script>
<script type="application/javascript">
optionsFaces[157] = {
id_face: 157,
obj: '2293/2293 L.obj',
mtl: '',
heightCanvas: 1228.62,
widthCanvas: 5257.09,
canvas_face_x: 637.93,
canvas_face_y: 0.00,
canvas_face_width: 3981.23,
canvas_face_height: 1181.37,
canvas_text_x: 59.07,
canvas_text_y: 59.07,
canvas_text_width: 3863.09,
canvas_text_height: 1063.23,
widthWindow: '772px',
heightWindow: '504px',
face: "caraB",
reference: "B",
face_image: "2293/2293L/2293L_SVG/2293L_cara_B.svg",
face_front_image: "2293/2293L_SVG_front/2293L_cara_B_print.svg",
one_face: 0
};
</script> <span class="item-face iconc3d iconc3d-cubo-frontal" data-face="157" title="Face B" id_size="3" data-one-face="0"></span>
<script type="application/javascript">
optionsFaces[161] = {
id_face: 161,
obj: '2293/2293 L.obj',
mtl: '',
heightCanvas: 1193.14,
widthCanvas: 4052.11,
canvas_face_x: 35.44,
canvas_face_y: 0.00,
canvas_face_width: 3981.23,
canvas_face_height: 1193.14,
canvas_text_x: 59.07,
canvas_text_y: 59.07,
canvas_text_width: 3863.09,
canvas_text_height: 1075.01,
widthWindow: '772px',
heightWindow: '504px',
face: "caraF",
reference: "F",
face_image: "2293/2293L/2293L_SVG/2293L_cara_F.svg",
face_front_image: "1/6/1/161.svg",
one_face: 0
};
</script> <span class="item-face iconc3d iconc3d-cubo-dorso" data-face="161" title="Face F" id_size="3" data-one-face="0"></span>
<script type="application/javascript">
optionsFaces[156] = {
id_face: 156,
obj: '2293/2293 L.obj',
mtl: '',
heightCanvas: 1204.57,
widthCanvas: 5387.04,
canvas_face_x: 755.89,
canvas_face_y: 0.00,
canvas_face_width: 3874.87,
canvas_face_height: 1205.02,
canvas_text_x: 59.07,
canvas_text_y: 59.07,
canvas_text_width: 3756.74,
canvas_text_height: 1086.88,
widthWindow: '772px',
heightWindow: '504px',
face: "caraA",
reference: "A",
face_image: "2293/2293L/2293L_SVG/2293L_cara_A.svg",
face_front_image: "1/5/6/156.svg",
one_face: 1
};
</script> <span class="item-face iconc3d iconc3d-cubo-encima" data-face="156" title="Face A" id_size="3" data-one-face="1"></span>
<script type="application/javascript">
optionsFaces[158] = {
id_face: 158,
obj: '2293/2293 L.obj',
mtl: '',
heightCanvas: 1181.39,
widthCanvas: 4016.65,
canvas_face_x: 0.00,
canvas_face_y: 0.00,
canvas_face_width: 4016.65,
canvas_face_height: 1181.39,
canvas_text_x: 59.07,
canvas_text_y: 59.07,
canvas_text_width: 3898.51,
canvas_text_height: 1063.25,
widthWindow: '772px',
heightWindow: '504px',
face: "caraC",
reference: "C",
face_image: "2293/2293L/2293L_SVG/2293L_cara_C.svg",
face_front_image: "1/5/8/158.svg",
one_face: 0
};
</script> <span class="item-face iconc3d iconc3d-cubo-abajo" data-face="158" title="Face C" id_size="3" data-one-face="0"></span>
<script type="application/javascript">
optionsFaces[160] = {
id_face: 160,
obj: '2293/2293 L.obj',
mtl: '',
heightCanvas: 2492.68,
widthCanvas: 1264.06,
canvas_face_x: 35.44,
canvas_face_y: 1311.29,
canvas_face_width: 1193.18,
canvas_face_height: 1181.35,
canvas_text_x: 59.07,
canvas_text_y: 59.07,
canvas_text_width: 1075.04,
canvas_text_height: 1063.21,
widthWindow: '772px',
heightWindow: '504px',
face: "caraE",
reference: "E",
face_image: "2293/2293L/2293L_SVG/2293L_cara_E.svg",
face_front_image: "1/6/0/160.svg",
one_face: 0
};
</script> <span class="item-face iconc3d iconc3d-cubo-laterla-izq" data-face="160" title="Face E" id_size="3" data-one-face="0"></span>
<script type="application/javascript">
optionsFaces[159] = {
id_face: 159,
obj: '2293/2293 L.obj',
mtl: '',
heightCanvas: 2492.64,
widthCanvas: 1264.06,
canvas_face_x: 35.44,
canvas_face_y: 1311.29,
canvas_face_width: 1193.18,
canvas_face_height: 1181.35,
canvas_text_x: 59.07,
canvas_text_y: 59.07,
canvas_text_width: 1075.04,
canvas_text_height: 1063.21,
widthWindow: '772px',
heightWindow: '504px',
face: "caraD",
reference: "D",
face_image: "2293/2293L/2293L_SVG/2293L_cara_D.svg",
face_front_image: "1/5/9/159.svg",
one_face: 0
};
</script> <span class="item-face iconc3d iconc3d-cubo-lateral-der" data-face="159" title="Face D" id_size="3" data-one-face="0"></span>
<script type="application/javascript">
urlTroquel[3] = "2293/2293L_PNG/2293L.png";
printable_part[3] = 46;
</script>
<div class="nopadding info">
<a onclick="if($('.video_instrucciones').attr('src') != $('.video_instrucciones').data('src')) $('.video_instrucciones').attr('src',$('.video_instrucciones').data('src'));" href="#data-consejos-configurator3d" title="Info" id="open-consejos-configurator3d"><i class="demo-icon icon-pictogrames-final-34"></i></a>
<div class="ocultopopup">
<div id="data-consejos-configurator3d">
<p class="title-popup">Instructions</p>
<div class="video-container" style="text-align: center;"><iframe src="https://www.youtube.com/embed/Dnn8XQJ0eS8" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<div class="col-xs-12 col-md-6 columns">
<p lang="fr-FR"><strong>Il est conseillé de tout d’abord vous identifier en tant qu’utilisateur, </strong>de la sorte nous pouvons garder votre motif et vous pouvez le récupérer à votre convenance</p>
<p><span lang="fr-FR"><strong>Vous devez concevoir votre boîte une face après l’autre</strong></span><span lang="fr-FR">. Sélectionnez la face par laquelle vous souhaitez commencer. Choisissez la couleur de fond, écrivez les
textes que vous souhaitez et téléchargez les images de votre choix. N’oubliez pas que pour une bonne impression il est préférable qu'elles aient une résolution de 300 ppp. </span><span style="color: #000000;"><span
style="font-family: Verdana, Arial, Helvetica, sans-serif;"><span style="font-size: xx-small;"><strong>Le format de l'image doit être JPG,</strong></span></span></span><span style="color: #000000;"><span
style="font-family: Verdana, Arial, Helvetica, sans-serif;"><span style="font-size: xx-small;">GIF, PNG o TIFF </span></span></span><span style="color: #000000;"><span
style="font-family: Verdana, Arial, Helvetica, sans-serif;"><span style="font-size: xx-small;"><strong>en RGB</strong></span></span></span></p>
<p lang="fr-FR"><strong>Attention ! Si votre image a un fond, l’encadré se verra dans le cas où la boîte n’est pas blanche.</strong></p>
</div>
<div class="col-xs-12 col-md-6 columns">
<p lang="fr-FR"><strong>Quand la face est prête sauvegardez-la </strong>et sélectionnez la face suivante sur les boutons du haut.</p>
<p lang="fr-FR"><strong>La 3D vous permettra de voir comment apparaîtra votre boîte une fois imprimée.</strong></p>
<p lang="fr-FR"><strong>Une fois que vous avez terminé le motif sauvegardez de nouveau,</strong> fermez la fenêtre du configurateur dans la x en haut à droite et ajoutez vos boîtes au panier. Finalisez l’achat et vous les
recevrez quelques jours après !!!</p>
<p lang="fr-FR"><strong>Les couleurs peuvent varier </strong>en fonction de la configuration de votre écran et de la couleur du papier que vous avez choisi.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-12 container-configurator-middle clearfix">
<div class="col-xs-12 col-md-4 col-lg-3 nopadding container-configurator-left">
<div id="carousel-main-configurator" class="carousel-configurator">
<div class="item item-color item-background active tooltip_s" data-child="carousel-background-color-configurator" title="<span class='name'>COULEUR DE FOND</span>"> <span style="background-color: white;"> </span></div>
<div class="item item-icon item-upload tooltip_s" data-child="carousel-image-configurator" title="<span class='name'>Banque d'images</span>"> <i class="iconc3d iconc3d-imagen"></i></div>
<div class="item item-icon item-font-text tooltip_s" data-child="carousel-text-configurator" title="<span class='name'>Paramétrer les textes</span>"> <i class="iconc3d iconc3d-texto-tipo"></i></div>
<div class="item item-icon item-font-library tooltip_s" data-child="carousel-library-configurator" title="<span class='name'>BIBLIOTHÈQUE</span>"> <i class="iconc3d iconc3d-biblioteca"></i></div>
<div class="item item-icon item-font-file tooltip_s" data-child="carousel-archive-configurator" title="<span class='name'>MES DESIGNS</span>"> <i class="iconc3d iconc3d-disenos-archivados"></i></div>
<div class="item item-icon fix-bottom configurator3dLink" id_size="1"> <i class="iconc3d iconc3d-cubo"></i> <span>3D</span></div>
<div class="item item-icon fix-bottom configurator3dLink" id_size="2"> <i class="iconc3d iconc3d-cubo"></i> <span>3D</span></div>
<div class="item item-icon fix-bottom configurator3dLink" id_size="3"> <i class="iconc3d iconc3d-cubo"></i> <span>3D</span></div>
</div>
<div id="carousel-colors-configurator" class="carousel-configurator carousel-configurator-niv2 carousel-background-color-configurator carousel-colors-configurator" style="display: none;">
<div class="carousel-configurator-stage-outer">
<div id="carousel-background-color-configurator-scroller" class="scroller">
<div class="carousel-configurator-stage">
<div class="item item-color"> <span color="-1" style="font-size: 20px;color: white;border: 0;" class="iconc3d iconc3d-sin-color"></span></div>
<div class="item item-color"> <span color="#ffffff" style="background-color: #ffffff;"></span></div>
<div class="item item-color"> <span color="#000000" style="background-color: #000000;"></span></div>
<div class="item item-color"> <span color="#dbb5d3" style="background-color: #dbb5d3;"></span></div>
<div class="item item-color"> <span color="#d75f91" style="background-color: #d75f91;"></span></div>
<div class="item item-color"> <span color="#df91bb" style="background-color: #df91bb;"></span></div>
<div class="item item-color"> <span color="#ed477c" style="background-color: #ed477c;"></span></div>
<div class="item item-color"> <span color="#af375b" style="background-color: #af375b;"></span></div>
<div class="item item-color"> <span color="#eb648e" style="background-color: #eb648e;"></span></div>
<div class="item item-color"> <span color="#f392d2" style="background-color: #f392d2;"></span></div>
<div class="item item-color"> <span color="#e999ac" style="background-color: #e999ac;"></span></div>
<div class="item item-color"> <span color="#e08394" style="background-color: #e08394;"></span></div>
<div class="item item-color"> <span color="#f37b8d" style="background-color: #f37b8d;"></span></div>
<div class="item item-color"> <span color="#f0a3a6" style="background-color: #f0a3a6;"></span></div>
<div class="item item-color"> <span color="#f19a94" style="background-color: #f19a94;"></span></div>
<div class="item item-color"> <span color="#e23647" style="background-color: #e23647;"></span></div>
<div class="item item-color"> <span color="#ee2728" style="background-color: #ee2728;"></span></div>
<div class="item item-color"> <span color="#ab131d" style="background-color: #ab131d;"></span></div>
<div class="item item-color"> <span color="#cd4b29" style="background-color: #cd4b29;"></span></div>
<div class="item item-color"> <span color="#fd8c74" style="background-color: #fd8c74;"></span></div>
<div class="item item-color"> <span color="#e44f3e" style="background-color: #e44f3e;"></span></div>
<div class="item item-color"> <span color="#ef582f" style="background-color: #ef582f;"></span></div>
<div class="item item-color"> <span color="#e76b3d" style="background-color: #e76b3d;"></span></div>
<div class="item item-color"> <span color="#fd6921" style="background-color: #fd6921;"></span></div>
<div class="item item-color"> <span color="#ef582f" style="background-color: #ef582f;"></span></div>
<div class="item item-color"> <span color="#e76b3d" style="background-color: #e76b3d;"></span></div>
<div class="item item-color"> <span color="#fd6921" style="background-color: #fd6921;"></span></div>
<div class="item item-color"> <span color="#f49231" style="background-color: #f49231;"></span></div>
<div class="item item-color"> <span color="#e5b87e" style="background-color: #e5b87e;"></span></div>
<div class="item item-color"> <span color="#fcc231" style="background-color: #fcc231;"></span></div>
<div class="item item-color"> <span color="#fbb22b" style="background-color: #fbb22b;"></span></div>
<div class="item item-color"> <span color="#fed65d" style="background-color: #fed65d;"></span></div>
<div class="item item-color"> <span color="#fedc96" style="background-color: #fedc96;"></span></div>
<div class="item item-color"> <span color="#feeec9" style="background-color: #feeec9;"></span></div>
<div class="item item-color"> <span color="#fdf2e0" style="background-color: #fdf2e0;"></span></div>
<div class="item item-color"> <span color="#feee9a" style="background-color: #feee9a;"></span></div>
<div class="item item-color"> <span color="#fef035" style="background-color: #fef035;"></span></div>
<div class="item item-color"> <span color="#fffd82" style="background-color: #fffd82;"></span></div>
<div class="item item-color"> <span color="#f6f1c2" style="background-color: #f6f1c2;"></span></div>
<div class="item item-color"> <span color="#e3d43f" style="background-color: #e3d43f;"></span></div>
<div class="item item-color"> <span color="#cbe648" style="background-color: #cbe648;"></span></div>
<div class="item item-color"> <span color="#9bca3e" style="background-color: #9bca3e;"></span></div>
<div class="item item-color"> <span color="#b6bf4f" style="background-color: #b6bf4f;"></span></div>
<div class="item item-color"> <span color="#b1c83f" style="background-color: #b1c83f;"></span></div>
<div class="item item-color"> <span color="#9eab44" style="background-color: #9eab44;"></span></div>
<div class="item item-color"> <span color="#aac966" style="background-color: #aac966;"></span></div>
<div class="item item-color"> <span color="#88a55e" style="background-color: #88a55e;"></span></div>
<div class="item item-color"> <span color="#8db35a" style="background-color: #8db35a;"></span></div>
<div class="item item-color"> <span color="#698b49" style="background-color: #698b49;"></span></div>
<div class="item item-color"> <span color="#5e6235" style="background-color: #5e6235;"></span></div>
<div class="item item-color"> <span color="#203a21" style="background-color: #203a21;"></span></div>
<div class="item item-color"> <span color="#75be45" style="background-color: #75be45;"></span></div>
<div class="item item-color"> <span color="#3a8d4a" style="background-color: #3a8d4a;"></span></div>
<div class="item item-color"> <span color="#1b7b4d" style="background-color: #1b7b4d;"></span></div>
<div class="item item-color"> <span color="#0a6630" style="background-color: #0a6630;"></span></div>
<div class="item item-color"> <span color="#659d81" style="background-color: #659d81;"></span></div>
<div class="item item-color"> <span color="#84b790" style="background-color: #84b790;"></span></div>
<div class="item item-color"> <span color="#9eccb7" style="background-color: #9eccb7;"></span></div>
<div class="item item-color"> <span color="#85bfac" style="background-color: #85bfac;"></span></div>
<div class="item item-color"> <span color="#a3e3c4" style="background-color: #a3e3c4;"></span></div>
<div class="item item-color"> <span color="#e7f3e9" style="background-color: #e7f3e9;"></span></div>
<div class="item item-color"> <span color="#43a584" style="background-color: #43a584;"></span></div>
<div class="item item-color"> <span color="#0b6658" style="background-color: #0b6658;"></span></div>
<div class="item item-color"> <span color="#094f4f" style="background-color: #094f4f;"></span></div>
<div class="item item-color"> <span color="#7ba195" style="background-color: #7ba195;"></span></div>
<div class="item item-color"> <span color="#69928c" style="background-color: #69928c;"></span></div>
<div class="item item-color"> <span color="#5bacb2" style="background-color: #5bacb2;"></span></div>
<div class="item item-color"> <span color="#38c5c4" style="background-color: #38c5c4;"></span></div>
<div class="item item-color"> <span color="#72c4cc" style="background-color: #72c4cc;"></span></div>
<div class="item item-color"> <span color="#9acdcb" style="background-color: #9acdcb;"></span></div>
<div class="item item-color"> <span color="#7bb4bf" style="background-color: #7bb4bf;"></span></div>
<div class="item item-color"> <span color="#528d99" style="background-color: #528d99;"></span></div>
<div class="item item-color"> <span color="#52b2c3" style="background-color: #52b2c3;"></span></div>
<div class="item item-color"> <span color="#308fa7" style="background-color: #308fa7;"></span></div>
<div class="item item-color"> <span color="#0c628a" style="background-color: #0c628a;"></span></div>
<div class="item item-color"> <span color="#2c6177" style="background-color: #2c6177;"></span></div>
<div class="item item-color"> <span color="#173f4f" style="background-color: #173f4f;"></span></div>
<div class="item item-color"> <span color="#2a4a5e" style="background-color: #2a4a5e;"></span></div>
<div class="item item-color"> <span color="#064574" style="background-color: #064574;"></span></div>
<div class="item item-color"> <span color="#053e62" style="background-color: #053e62;"></span></div>
<div class="item item-color"> <span color="#31374b" style="background-color: #31374b;"></span></div>
<div class="item item-color"> <span color="#1e87c4" style="background-color: #1e87c4;"></span></div>
<div class="item item-color"> <span color="#96c8dc" style="background-color: #96c8dc;"></span></div>
<div class="item item-color"> <span color="#d4edfe" style="background-color: #d4edfe;"></span></div>
<div class="item item-color"> <span color="#b1d9fd" style="background-color: #b1d9fd;"></span></div>
<div class="item item-color"> <span color="#5baede" style="background-color: #5baede;"></span></div>
<div class="item item-color"> <span color="#79a3cb" style="background-color: #79a3cb;"></span></div>
<div class="item item-color"> <span color="#688dc3" style="background-color: #688dc3;"></span></div>
<div class="item item-color"> <span color="#2c5fa1" style="background-color: #2c5fa1;"></span></div>
<div class="item item-color"> <span color="#637aa5" style="background-color: #637aa5;"></span></div>
<div class="item item-color"> <span color="#264a7e" style="background-color: #264a7e;"></span></div>
<div class="item item-color"> <span color="#2d4165" style="background-color: #2d4165;"></span></div>
<div class="item item-color"> <span color="#303260" style="background-color: #303260;"></span></div>
<div class="item item-color"> <span color="#948cbe" style="background-color: #948cbe;"></span></div>
<div class="item item-color"> <span color="#a78dbc" style="background-color: #a78dbc;"></span></div>
<div class="item item-color"> <span color="#7a5b98" style="background-color: #7a5b98;"></span></div>
<div class="item item-color"> <span color="#998ecb" style="background-color: #998ecb;"></span></div>
<div class="item item-color"> <span color="#b99ac7" style="background-color: #b99ac7;"></span></div>
<div class="item item-color"> <span color="#b47daa" style="background-color: #b47daa;"></span></div>
<div class="item item-color"> <span color="#5d2e65" style="background-color: #5d2e65;"></span></div>
<div class="item item-color"> <span color="#764760" style="background-color: #764760;"></span></div>
<div class="item item-color"> <span color="#5f3146" style="background-color: #5f3146;"></span></div>
<div class="item item-color"> <span color="#833133" style="background-color: #833133;"></span></div>
<div class="item item-color"> <span color="#866b68" style="background-color: #866b68;"></span></div>
<div class="item item-color"> <span color="#76482b" style="background-color: #76482b;"></span></div>
<div class="item item-color"> <span color="#4d2508" style="background-color: #4d2508;"></span></div>
<div class="item item-color"> <span color="#9d8f6f" style="background-color: #9d8f6f;"></span></div>
<div class="item item-color"> <span color="#84744f" style="background-color: #84744f;"></span></div>
<div class="item item-color"> <span color="#cdb87b" style="background-color: #cdb87b;"></span></div>
<div class="item item-color"> <span color="#595543" style="background-color: #595543;"></span></div>
<div class="item item-color"> <span color="#4c4641" style="background-color: #4c4641;"></span></div>
<div class="item item-color"> <span color="#463735" style="background-color: #463735;"></span></div>
<div class="item item-color"> <span color="#696261" style="background-color: #696261;"></span></div>
<div class="item item-color"> <span color="#575151" style="background-color: #575151;"></span></div>
<div class="item item-color"> <span color="#58595b" style="background-color: #58595b;"></span></div>
<div class="item item-color"> <span color="#7f7d7a" style="background-color: #7f7d7a;"></span></div>
<div class="item item-color"> <span color="#979294" style="background-color: #979294;"></span></div>
<div class="item item-color"> <span color="#a7a9ac" style="background-color: #a7a9ac;"></span></div>
<div class="item item-color"> <span color="#a4afb8" style="background-color: #a4afb8;"></span></div>
<div class="item item-color"> <span color="#c5c5c5" style="background-color: #c5c5c5;"></span></div>
<div class="item item-color"> <span color="#dddfe0" style="background-color: #dddfe0;"></span></div>
<div class="item item-color"> <span color="#edefee" style="background-color: #edefee;"></span></div>
<div class="item item-color"> <span color="#f7f1e9" style="background-color: #f7f1e9;"></span></div>
<div class="item item-color"> <span color="#e3e1d3" style="background-color: #e3e1d3;"></span></div>
</div>
</div>
<div class="carousel-configurator-nav"> <button type="button" role="presentation" class="owl-prev">
<icon class="fa fa-angle-up"></icon>
</button> <button type="button" role="presentation" class="owl-next">
<icon class="fa fa-angle-down"></icon>
</button></div>
</div>
</div>
<div id="carousel-image-configurator" class="carousel-configurator carousel-configurator-niv2 carousel-image-configurator" style="display: none;">
<div class="carousel-configurator-stage-outer">
<div id="carousel-image-configurator-scroller" class="scroller">
<div class="carousel-configurator-stage">
<div class="item item-image tooltip_s" data-file="0" title="<span class='name'>Ajouter une nouvelle image</span>"> <i class="iconc3d iconc3d-subir-imagen"></i> <input type="file" name="item-file-image-0" data-file="0"
class="item-file-image" style="display: none;"></div>
</div>
</div>
<div class="carousel-configurator-nav"> <button type="button" role="presentation" class="owl-prev">
<icon class="fa fa-angle-up"></icon>
</button> <button type="button" role="presentation" class="owl-next">
<icon class="fa fa-angle-down"></icon>
</button></div>
</div>
</div>
<div id="carousel-text-configurator" class="carousel-configurator carousel-configurator-niv2 carousel-text-configurator" style="display: none;">
<div class="item item-icon tooltip_s" onclick="Addtext()" title="<span class='name'>Ajouter du texte</span>"> <i class="iconc3dPlus iconc3dPlus-caja_texto"></i></div>
<div class="item item-span item-font-family tooltip_s" data-child="carousel-text-family-configurator" title="<span class='name'>Police de texte</span>"> <span>ab</span></div>
<div class="item item-icon item-font-size tooltip_s" data-child="carousel-text-size-configurator" title="<span class='name'>Taille du texte</span>"> <i class="iconc3d iconc3d-texto-tamano"></i></div>
<div class="item item-color item-font-color tooltip_s" data-child="carousel-text-color-configurator" title="<span class='name'>Couleur du texte</span>"> <span style="background-color: #000000;"> </span></div>
<div class="item item-icon item-font-align tooltip_s" data-child="carousel-text-align-configurator" title="<span class='name'>Alignement du texte</span>"> <i class="iconc3d iconc3d-texto-just-izq"></i></div>
</div>
<div id="carousel-text-family-configurator" class="carousel-configurator carousel-configurator-niv3 carousel-text-family-configurator" style="display: none;">
<div class="carousel-configurator-stage-outer">
<div id="carousel-text-family-configurator-scroller" class="scroller">
<div class="carousel-configurator-stage">
<div class="item item-span" data-font="Abril Fatface"> <span style="font-family: 'Abril Fatface';">ab</span></div>
<div class="item item-span" data-font="Stint Ultra Expanded"> <span style="font-family: 'Stint Ultra Expanded';">ab</span></div>
<div class="item item-span" data-font="Libre Baskerville"> <span style="font-family: 'Libre Baskerville';">ab</span></div>
<div class="item item-span" data-font="Nixie One"> <span style="font-family: 'Nixie One';">ab</span></div>
<div class="item item-span" data-font="Trocchi"> <span style="font-family: 'Trocchi';">ab</span></div>
<div class="item item-span" data-font="IM Fell English SC"> <span style="font-family: 'IM Fell English SC';">ab</span></div>
<div class="item item-span" data-font="Special Elite"> <span style="font-family: 'Special Elite';">ab</span></div>
<div class="item item-span" data-font="Fredericka the Great"> <span style="font-family: 'Fredericka the Great';">ab</span></div>
<div class="item item-span" data-font="Cinzel Decorative"> <span style="font-family: 'Cinzel Decorative';">ab</span></div>
<div class="item item-span" data-font="Barrio"> <span style="font-family: 'Barrio';">ab</span></div>
<div class="item item-span" data-font="Alegreya Sans SC"> <span style="font-family: 'Alegreya Sans SC';">ab</span></div>
<div class="item item-span" data-font="Dosis"> <span style="font-family: 'Dosis';">ab</span></div>
<div class="item item-span" data-font="Montserrat"> <span style="font-family: 'Montserrat';">ab</span></div>
<div class="item item-span" data-font="Paytone One"> <span style="font-family: 'Paytone One';">ab</span></div>
<div class="item item-span" data-font="Varela Round"> <span style="font-family: 'Varela Round';">ab</span></div>
<div class="item item-span" data-font="Pathway Gothic One"> <span style="font-family: 'Pathway Gothic One';">ab</span></div>
<div class="item item-span" data-font="Yellowtail"> <span style="font-family: 'Yellowtail';">ab</span></div>
<div class="item item-span" data-font="Petit Formal Script"> <span style="font-family: 'Petit Formal Script';">ab</span></div>
<div class="item item-span" data-font="sacramento"> <span style="font-family: 'sacramento';">ab</span></div>
<div class="item item-span" data-font="Amatic SC"> <span style="font-family: 'Amatic SC';">ab</span></div>
<div class="item item-span" data-font="Cedarville Cursive"> <span style="font-family: 'Cedarville Cursive';">ab</span></div>
<div class="item item-span" data-font="Leckerli One"> <span style="font-family: 'Leckerli One';">ab</span></div>
</div>
</div>
<div class="carousel-configurator-nav"> <button type="button" role="presentation" class="owl-prev">
<icon class="fa fa-angle-up"></icon>
</button> <button type="button" role="presentation" class="owl-next">
<icon class="fa fa-angle-down"></icon>
</button></div>
</div>
</div>
<div id="carousel-text-size-configurator" class="carousel-configurator carousel-configurator-niv3 carousel-text-size-configurator" style="display: none;">
<div class="item item-icon" data-mode="up"> <i class="iconc3d iconc3d-mas"></i></div>
<div class="item item-icon" data-mode="down"> <i class="iconc3d iconc3d-menos"></i></div>
</div>
<div id="carousel-text-align-configurator" class="carousel-configurator carousel-configurator-niv3 carousel-text-align-configurator" style="display: none;">
<div class="item item-icon item-font-align" data-align="left"> <i class="iconc3d iconc3d-texto-just-izq"></i></div>
<div class="item item-icon item-font-align" data-align="center"> <i class="iconc3d iconc3d-texto-just-centro"></i></div>
<div class="item item-icon item-font-align" data-align="right"> <i class="iconc3d iconc3d-texto-just-der"></i></div>
</div>
<div id="carousel-text-color-configurator" class="carousel-configurator carousel-configurator-niv3 carousel-colors-configurator carousel-text-color-configurator" style="display: none;">
<div class="carousel-configurator-stage-outer">
<div id="carousel-text-color-configurator-scroller" class="scroller">
<div class="carousel-configurator-stage">
<div class="item item-color"> <span color="#ffffff" style="background-color: #ffffff;"></span></div>
<div class="item item-color"> <span color="#000000" style="background-color: #000000;"></span></div>
<div class="item item-color"> <span color="#dbb5d3" style="background-color: #dbb5d3;"></span></div>
<div class="item item-color"> <span color="#d75f91" style="background-color: #d75f91;"></span></div>
<div class="item item-color"> <span color="#df91bb" style="background-color: #df91bb;"></span></div>
<div class="item item-color"> <span color="#ed477c" style="background-color: #ed477c;"></span></div>
<div class="item item-color"> <span color="#af375b" style="background-color: #af375b;"></span></div>
<div class="item item-color"> <span color="#eb648e" style="background-color: #eb648e;"></span></div>
<div class="item item-color"> <span color="#f392d2" style="background-color: #f392d2;"></span></div>
<div class="item item-color"> <span color="#e999ac" style="background-color: #e999ac;"></span></div>
<div class="item item-color"> <span color="#e08394" style="background-color: #e08394;"></span></div>
<div class="item item-color"> <span color="#f37b8d" style="background-color: #f37b8d;"></span></div>
<div class="item item-color"> <span color="#f0a3a6" style="background-color: #f0a3a6;"></span></div>
<div class="item item-color"> <span color="#f19a94" style="background-color: #f19a94;"></span></div>
<div class="item item-color"> <span color="#e23647" style="background-color: #e23647;"></span></div>
<div class="item item-color"> <span color="#ee2728" style="background-color: #ee2728;"></span></div>
<div class="item item-color"> <span color="#ab131d" style="background-color: #ab131d;"></span></div>
<div class="item item-color"> <span color="#cd4b29" style="background-color: #cd4b29;"></span></div>
<div class="item item-color"> <span color="#fd8c74" style="background-color: #fd8c74;"></span></div>
<div class="item item-color"> <span color="#e44f3e" style="background-color: #e44f3e;"></span></div>
<div class="item item-color"> <span color="#ef582f" style="background-color: #ef582f;"></span></div>
<div class="item item-color"> <span color="#e76b3d" style="background-color: #e76b3d;"></span></div>
<div class="item item-color"> <span color="#fd6921" style="background-color: #fd6921;"></span></div>
<div class="item item-color"> <span color="#ef582f" style="background-color: #ef582f;"></span></div>
<div class="item item-color"> <span color="#e76b3d" style="background-color: #e76b3d;"></span></div>
<div class="item item-color"> <span color="#fd6921" style="background-color: #fd6921;"></span></div>
<div class="item item-color"> <span color="#f49231" style="background-color: #f49231;"></span></div>
<div class="item item-color"> <span color="#e5b87e" style="background-color: #e5b87e;"></span></div>
<div class="item item-color"> <span color="#fcc231" style="background-color: #fcc231;"></span></div>
<div class="item item-color"> <span color="#fbb22b" style="background-color: #fbb22b;"></span></div>
<div class="item item-color"> <span color="#fed65d" style="background-color: #fed65d;"></span></div>
<div class="item item-color"> <span color="#fedc96" style="background-color: #fedc96;"></span></div>
<div class="item item-color"> <span color="#feeec9" style="background-color: #feeec9;"></span></div>
<div class="item item-color"> <span color="#fdf2e0" style="background-color: #fdf2e0;"></span></div>
<div class="item item-color"> <span color="#feee9a" style="background-color: #feee9a;"></span></div>
<div class="item item-color"> <span color="#fef035" style="background-color: #fef035;"></span></div>
<div class="item item-color"> <span color="#fffd82" style="background-color: #fffd82;"></span></div>
<div class="item item-color"> <span color="#f6f1c2" style="background-color: #f6f1c2;"></span></div>
<div class="item item-color"> <span color="#e3d43f" style="background-color: #e3d43f;"></span></div>
<div class="item item-color"> <span color="#cbe648" style="background-color: #cbe648;"></span></div>
<div class="item item-color"> <span color="#9bca3e" style="background-color: #9bca3e;"></span></div>
<div class="item item-color"> <span color="#b6bf4f" style="background-color: #b6bf4f;"></span></div>
<div class="item item-color"> <span color="#b1c83f" style="background-color: #b1c83f;"></span></div>
<div class="item item-color"> <span color="#9eab44" style="background-color: #9eab44;"></span></div>
<div class="item item-color"> <span color="#aac966" style="background-color: #aac966;"></span></div>
<div class="item item-color"> <span color="#88a55e" style="background-color: #88a55e;"></span></div>
<div class="item item-color"> <span color="#8db35a" style="background-color: #8db35a;"></span></div>
<div class="item item-color"> <span color="#698b49" style="background-color: #698b49;"></span></div>
<div class="item item-color"> <span color="#5e6235" style="background-color: #5e6235;"></span></div>
<div class="item item-color"> <span color="#203a21" style="background-color: #203a21;"></span></div>
<div class="item item-color"> <span color="#75be45" style="background-color: #75be45;"></span></div>
<div class="item item-color"> <span color="#3a8d4a" style="background-color: #3a8d4a;"></span></div>
<div class="item item-color"> <span color="#1b7b4d" style="background-color: #1b7b4d;"></span></div>
<div class="item item-color"> <span color="#0a6630" style="background-color: #0a6630;"></span></div>
<div class="item item-color"> <span color="#659d81" style="background-color: #659d81;"></span></div>
<div class="item item-color"> <span color="#84b790" style="background-color: #84b790;"></span></div>
<div class="item item-color"> <span color="#9eccb7" style="background-color: #9eccb7;"></span></div>
<div class="item item-color"> <span color="#85bfac" style="background-color: #85bfac;"></span></div>
<div class="item item-color"> <span color="#a3e3c4" style="background-color: #a3e3c4;"></span></div>
<div class="item item-color"> <span color="#e7f3e9" style="background-color: #e7f3e9;"></span></div>
<div class="item item-color"> <span color="#43a584" style="background-color: #43a584;"></span></div>
<div class="item item-color"> <span color="#0b6658" style="background-color: #0b6658;"></span></div>
<div class="item item-color"> <span color="#094f4f" style="background-color: #094f4f;"></span></div>
<div class="item item-color"> <span color="#7ba195" style="background-color: #7ba195;"></span></div>
<div class="item item-color"> <span color="#69928c" style="background-color: #69928c;"></span></div>
<div class="item item-color"> <span color="#5bacb2" style="background-color: #5bacb2;"></span></div>
<div class="item item-color"> <span color="#38c5c4" style="background-color: #38c5c4;"></span></div>
<div class="item item-color"> <span color="#72c4cc" style="background-color: #72c4cc;"></span></div>
<div class="item item-color"> <span color="#9acdcb" style="background-color: #9acdcb;"></span></div>
<div class="item item-color"> <span color="#7bb4bf" style="background-color: #7bb4bf;"></span></div>
<div class="item item-color"> <span color="#528d99" style="background-color: #528d99;"></span></div>
<div class="item item-color"> <span color="#52b2c3" style="background-color: #52b2c3;"></span></div>
<div class="item item-color"> <span color="#308fa7" style="background-color: #308fa7;"></span></div>
<div class="item item-color"> <span color="#0c628a" style="background-color: #0c628a;"></span></div>
<div class="item item-color"> <span color="#2c6177" style="background-color: #2c6177;"></span></div>
<div class="item item-color"> <span color="#173f4f" style="background-color: #173f4f;"></span></div>
<div class="item item-color"> <span color="#2a4a5e" style="background-color: #2a4a5e;"></span></div>
<div class="item item-color"> <span color="#064574" style="background-color: #064574;"></span></div>
<div class="item item-color"> <span color="#053e62" style="background-color: #053e62;"></span></div>
<div class="item item-color"> <span color="#31374b" style="background-color: #31374b;"></span></div>
<div class="item item-color"> <span color="#1e87c4" style="background-color: #1e87c4;"></span></div>
<div class="item item-color"> <span color="#96c8dc" style="background-color: #96c8dc;"></span></div>
<div class="item item-color"> <span color="#d4edfe" style="background-color: #d4edfe;"></span></div>
<div class="item item-color"> <span color="#b1d9fd" style="background-color: #b1d9fd;"></span></div>
<div class="item item-color"> <span color="#5baede" style="background-color: #5baede;"></span></div>
<div class="item item-color"> <span color="#79a3cb" style="background-color: #79a3cb;"></span></div>
<div class="item item-color"> <span color="#688dc3" style="background-color: #688dc3;"></span></div>
<div class="item item-color"> <span color="#2c5fa1" style="background-color: #2c5fa1;"></span></div>
<div class="item item-color"> <span color="#637aa5" style="background-color: #637aa5;"></span></div>
<div class="item item-color"> <span color="#264a7e" style="background-color: #264a7e;"></span></div>
<div class="item item-color"> <span color="#2d4165" style="background-color: #2d4165;"></span></div>
<div class="item item-color"> <span color="#303260" style="background-color: #303260;"></span></div>
<div class="item item-color"> <span color="#948cbe" style="background-color: #948cbe;"></span></div>
<div class="item item-color"> <span color="#a78dbc" style="background-color: #a78dbc;"></span></div>
<div class="item item-color"> <span color="#7a5b98" style="background-color: #7a5b98;"></span></div>
<div class="item item-color"> <span color="#998ecb" style="background-color: #998ecb;"></span></div>
<div class="item item-color"> <span color="#b99ac7" style="background-color: #b99ac7;"></span></div>
<div class="item item-color"> <span color="#b47daa" style="background-color: #b47daa;"></span></div>
<div class="item item-color"> <span color="#5d2e65" style="background-color: #5d2e65;"></span></div>
<div class="item item-color"> <span color="#764760" style="background-color: #764760;"></span></div>
<div class="item item-color"> <span color="#5f3146" style="background-color: #5f3146;"></span></div>
<div class="item item-color"> <span color="#833133" style="background-color: #833133;"></span></div>
<div class="item item-color"> <span color="#866b68" style="background-color: #866b68;"></span></div>
<div class="item item-color"> <span color="#76482b" style="background-color: #76482b;"></span></div>
<div class="item item-color"> <span color="#4d2508" style="background-color: #4d2508;"></span></div>
<div class="item item-color"> <span color="#9d8f6f" style="background-color: #9d8f6f;"></span></div>
<div class="item item-color"> <span color="#84744f" style="background-color: #84744f;"></span></div>
<div class="item item-color"> <span color="#cdb87b" style="background-color: #cdb87b;"></span></div>
<div class="item item-color"> <span color="#595543" style="background-color: #595543;"></span></div>
<div class="item item-color"> <span color="#4c4641" style="background-color: #4c4641;"></span></div>
<div class="item item-color"> <span color="#463735" style="background-color: #463735;"></span></div>
<div class="item item-color"> <span color="#696261" style="background-color: #696261;"></span></div>
<div class="item item-color"> <span color="#575151" style="background-color: #575151;"></span></div>
<div class="item item-color"> <span color="#58595b" style="background-color: #58595b;"></span></div>
<div class="item item-color"> <span color="#7f7d7a" style="background-color: #7f7d7a;"></span></div>
<div class="item item-color"> <span color="#979294" style="background-color: #979294;"></span></div>
<div class="item item-color"> <span color="#a7a9ac" style="background-color: #a7a9ac;"></span></div>
<div class="item item-color"> <span color="#a4afb8" style="background-color: #a4afb8;"></span></div>
<div class="item item-color"> <span color="#c5c5c5" style="background-color: #c5c5c5;"></span></div>
<div class="item item-color"> <span color="#dddfe0" style="background-color: #dddfe0;"></span></div>
<div class="item item-color"> <span color="#edefee" style="background-color: #edefee;"></span></div>
<div class="item item-color"> <span color="#f7f1e9" style="background-color: #f7f1e9;"></span></div>
<div class="item item-color"> <span color="#e3e1d3" style="background-color: #e3e1d3;"></span></div>
</div>
</div>
<div class="carousel-configurator-nav"> <button type="button" role="presentation" class="owl-prev">
<icon class="fa fa-angle-up"></icon>
</button> <button type="button" role="presentation" class="owl-next">
<icon class="fa fa-angle-down"></icon>
</button></div>
</div>
</div>
<div id="carousel-library-configurator" class="carousel-configurator carousel-configurator-large carousel-configurator-niv2 carousel-library-configurator" style="display: none;">
<div class="item item-span" data-group-svg="1" data-child="carousel-library-item-configurator"> <span>Business</span></div>
<div class="item item-span" data-group-svg="2" data-child="carousel-library-item-configurator"> <span>Food</span></div>
<div class="item item-span" data-group-svg="3" data-child="carousel-library-item-configurator"> <span>Gifts</span></div>
<div class="item item-span" data-group-svg="4" data-child="carousel-library-item-configurator"> <span>Kids</span></div>
<div class="item item-span" data-group-svg="5" data-child="carousel-library-item-configurator"> <span>Party</span></div>
<div class="item item-span" data-group-svg="6" data-child="carousel-library-item-configurator"> <span>Pattern</span></div>
<div class="item item-span" data-group-svg="7" data-child="carousel-library-item-configurator"> <span>Shapes</span></div>
<div class="item item-span" data-group-svg="8" data-child="carousel-library-item-configurator"> <span>Wedding</span></div>
<div class="item item-span" data-group-svg="9" data-child="carousel-library-item-configurator"> <span>Eco</span></div>
</div>
<div id="carousel-library-item-configurator" class="carousel-configurator carousel-configurator-niv3 carousel-library-item-configurator" style="display: none;">
<div class="carousel-configurator-stage-outer">
<div id="carousel-library-item-configurator-scroller" class="scroller">
<div class="item item-span" data-svg="1" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/01 (1).svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="2" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="3" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="4" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="5" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="6" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/03.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="7" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/04.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="8" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/05.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="9" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/06-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="10" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/06.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="11" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/bakery-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="12" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/catering-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="13" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/catering-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="14" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/catering-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="15" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/catering-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="16" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/catering-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="17" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/catering-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="18" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/coffee-05-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="19" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/coffee-05.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="20" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/eco-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="21" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/eco-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="22" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/eco-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="23" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/eco-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="24" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/eco-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="25" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/eco-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="26" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/eco-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="27" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/fragile-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="28" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/fragile.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="29" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/gluten-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="30" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/high-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="31" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/high-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="32" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/icon-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="33" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/icon-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="34" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/icon-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="35" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/icon-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="36" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/icon-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="37" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/icon-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="38" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/icon-05.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="39" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/icon-06.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="40" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/icon-07-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="41" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/logo-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="42" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/logo-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="43" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/logo-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="44" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/madein-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="45" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/madein.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="46" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/reci-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="47" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/reci-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="48" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/thanks-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="49" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/49.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="50" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/beer-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="51" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/beer-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="52" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/burger-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="53" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/burger-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="54" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/burger-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="55" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/cake-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="56" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/cake-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="57" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/cake-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="58" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/cake-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="59" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/candy-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="60" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/candy-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="61" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/candy-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="62" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/candy-04-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="63" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/candy-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="64" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/coffee-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="65" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/coffee-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="66" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/coffee-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="67" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/coffee-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="68" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/coffee-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="69" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/donut-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="70" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/drink-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="71" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/drink-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="72" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/drink-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="73" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/fries-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="74" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/fries-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="75" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/mitt-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="76" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/pin-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="77" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/tableware-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="78" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/tableware-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="79" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/tableware-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="80" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/tableware-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="81" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/tea-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="82" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/tea-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="83" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/tea-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="84" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/tea-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="85" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/wine-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="86" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/wine-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="87" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/wine-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="88" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/wine-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="89" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/wine-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="90" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/wine-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="91" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/wine-04-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="92" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/wine-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="93" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/wine-05-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="94" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/wine-05.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="95" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/wine-06-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="96" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/wine-06-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="97" data-group-svg="3" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/best-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="98" data-group-svg="3" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/best-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="99" data-group-svg="3" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/gift-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="100" data-group-svg="3" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/gift-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="101" data-group-svg="3" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/gift-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="102" data-group-svg="3" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/gift-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="103" data-group-svg="3" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/sticker-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="104" data-group-svg="3" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/sticker-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="105" data-group-svg="3" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/sticker-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="106" data-group-svg="3" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/thanks-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="107" data-group-svg="3" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/107.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="108" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/baby-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="109" data-group-svg="4" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/balloon-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="110" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/balloon-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="111" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/balloon-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="112" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/bird-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="113" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/bird-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="114" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/bird-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="115" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/candy-05.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="116" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/candy-06.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="117" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/fish-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="118" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/fish-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="119" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/fish-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="120" data-group-svg="4" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/garland-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="121" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/garland-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="122" data-group-svg="4" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/garland-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="123" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/garland-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="124" data-group-svg="4" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/garland-04-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="125" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/garland-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="126" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/hat-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="127" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/ice-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="128" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/ice-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="129" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/monster-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="130" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/monster-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="131" data-group-svg="4" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/monster-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="132" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/birth-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="133" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/birth-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="134" data-group-svg="5" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/birth-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="135" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/birth-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="136" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/birth-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="137" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/birth-05.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="138" data-group-svg="5" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/birth-06-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="139" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/birth-06.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="140" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/birth-07.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="141" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/birth-08.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="142" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/birth-09.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="143" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/cake-05.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="144" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/cake-06.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="145" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/cake-07.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="146" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/cake-08.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="147" data-group-svg="5" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/love-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="148" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/love-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="149" data-group-svg="5" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/music-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="150" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/music-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="151" data-group-svg="5" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/sanvalentin-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="152" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/sanvalentin-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="153" data-group-svg="5" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/sanvalentin-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="154" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/154.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="155" data-group-svg="6" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/pattern-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="156" data-group-svg="6" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/pattern-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="157" data-group-svg="6" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/pattern-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="158" data-group-svg="6" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/pattern-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="159" data-group-svg="6" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/pattern-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="160" data-group-svg="6" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/pattern-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="161" data-group-svg="6" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/pattern-04-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="162" data-group-svg="6" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/pattern-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="163" data-group-svg="6" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/pattern-05-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="164" data-group-svg="6" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/pattern-05.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="165" data-group-svg="6" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/pattern-06-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="166" data-group-svg="6" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/pattern-06.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="167" data-group-svg="6" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/pattern-07-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="168" data-group-svg="6" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/pattern-07.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="169" data-group-svg="6" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/pattern-08-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="170" data-group-svg="6" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/pattern-08.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="171" data-group-svg="6" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/171.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="172" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/arrow-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="173" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/arrow-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="174" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/arrow-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="175" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/arrow-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="176" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/arrow-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="177" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/arrow-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="178" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/arrow-04-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="179" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/arrow-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="180" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/arrow-05-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="181" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/arrow-05.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="182" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/arrow-06-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="183" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/arrow-06.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="184" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/arrow-07-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="185" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/arrow-07.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="186" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/bubble-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="187" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/bubble-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="188" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/bubble-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="189" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/bubble-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="190" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/bubble-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="191" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/bubble-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="192" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/bubble-04-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="193" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/bubble-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="194" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/circle-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="195" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/circle-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="196" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/circle-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="197" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/circle-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="198" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/diamont-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="199" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/diamont-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="200" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/diamont-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="201" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/diamont-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="202" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/diamont-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="203" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/diamont-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="204" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/flag-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="205" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/flag-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="206" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/flag-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="207" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/flag-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="208" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/flag-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="209" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/flag-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="210" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/flag-04-line.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="211" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/flag-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="212" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/flag-05-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="213" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/flag-05.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="214" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/frame-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="215" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/frame-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="216" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/frame-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="217" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/frame-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="218" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/frame-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="219" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/frame-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="220" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/hello-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="221" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/hello-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="222" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/hello-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="223" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/hello-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="224" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/hello-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="225" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/hello-05-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="226" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/hello-05.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="227" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/hello-06-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="228" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/hello-06.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="229" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/line-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="230" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/line-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="231" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/line-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="232" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/line-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="233" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/line-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="234" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/line-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="235" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/line-04-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="236" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/line-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="237" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/paper-plane-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="238" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/paper-plane-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="239" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/sign-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="240" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/sign-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="241" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/square-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="242" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/square-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="243" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/square-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="244" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/square-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="245" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/star-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="246" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/star-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="247" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/star-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="248" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/star-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="249" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/star-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="250" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/star-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="251" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/star-04-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="252" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/star-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="253" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/star-05-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="254" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/star-05.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="255" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/triangle-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="256" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/triangle-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="257" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/triangle-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="258" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/triangle-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="259" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/triangle-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="260" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/260.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="261" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/arrow-08-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="262" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/arrow-08.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="263" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/arrow-09-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="264" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/arrow-09.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="265" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/arrow-10-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="266" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/arrow-10.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="267" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/arrow-11.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="268" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/bird-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="269" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/bird-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="270" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/circle-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="271" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/circle-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="272" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/couple-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="273" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/date-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="274" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/date-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="275" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/decoration-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="276" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/decoration-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="277" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/decoration-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="278" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/decoration-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="279" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/diamont-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="280" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/flag-06-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="281" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/flag-06.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="282" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/flag-07.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="283" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/flag-08.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="284" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/flag-10-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="285" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/flag-10.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="286" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/flag-11.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="287" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/flag-12.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="288" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/flower-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="289" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/garland-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="290" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/garland-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="291" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/heart-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="292" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/heart-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="293" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/heart-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="294" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/heart-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="295" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/heart-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="296" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/heart-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="297" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/heart-04-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="298" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/heart-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="299" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/invitation-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="300" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/invitation-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="301" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/invitation-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="302" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/invitation-04-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="303" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/invitation-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="304" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/invitation-05-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="305" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/invitation-05.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="306" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/leaf-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="307" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/leaf-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="308" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/leaf-02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="309" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/leaf-02.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="310" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/leaf-03-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="311" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/leaf-03.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="312" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/leaf-04-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="313" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/leaf-04.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="314" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/rings-01-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="315" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/rings-01.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="316" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/thanks-_02-mono.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="317" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/317.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="318" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/318.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="319" data-group-svg="6" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/319.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="320" data-group-svg="6" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/320.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="321" data-group-svg="8" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/321.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="322" data-group-svg="8" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/322.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="323" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/323.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="324" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/324.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="325" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/325.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="326" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/326.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="327" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/327.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="328" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/328.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="329" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/329.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="330" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/330.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="331" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/331.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="332" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/332.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="333" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/333.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="334" data-group-svg="1" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/334.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="335" data-group-svg="6" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/335.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="336" data-group-svg="6" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/336.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="337" data-group-svg="6" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/337.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="338" data-group-svg="6" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/338.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="339" data-group-svg="6" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/339.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="340" data-group-svg="6" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/340.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="341" data-group-svg="6" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/341.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="342" data-group-svg="6" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/342.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="343" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/343.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="344" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/344.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="345" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/345.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="346" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/346.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="347" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/347.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="348" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/348.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="349" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/349.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="350" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/350.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="351" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/351.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="352" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/352.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="353" data-group-svg="2" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/353.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="354" data-group-svg="2" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/354.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="355" data-group-svg="3" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/355.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="356" data-group-svg="3" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/356.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="357" data-group-svg="3" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/357.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="358" data-group-svg="1" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/358.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="359" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/359.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="360" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/360.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="361" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/361.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="362" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/362.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="363" data-group-svg="7" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/363.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="364" data-group-svg="7" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/364.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="365" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/365.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="366" data-group-svg="5" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/366.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="367" data-group-svg="5" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/367.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="368" data-group-svg="9" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/368.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="369" data-group-svg="9" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/369.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="370" data-group-svg="9" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/370.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="371" data-group-svg="9" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/371.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="372" data-group-svg="9" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/372.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="373" data-group-svg="9" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/373.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="374" data-group-svg="9" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/374.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="375" data-group-svg="9" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/375.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="376" data-group-svg="9" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/376.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="377" data-group-svg="9" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/377.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="378" data-group-svg="9" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/378.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="379" data-group-svg="9" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/379.svg" class="img-responsive lazyload"></div>
<div class="item item-span" data-svg="380" data-group-svg="9" data-monocroma="0"> <img data-src="/modules/configurator3D/assets/collections/380.svg" class="img-responsive lazyload"></div>
<div class="item item-span item-monocroma" data-svg="381" data-group-svg="9" data-monocroma="1"> <img data-src="/modules/configurator3D/assets/collections/381.svg" class="img-responsive lazyload"></div>
</div>
<div class="carousel-configurator-nav"> <button type="button" role="presentation" class="owl-prev">
<icon class="fa fa-angle-up"></icon>
</button> <button type="button" role="presentation" class="owl-next">
<icon class="fa fa-angle-down"></icon>
</button></div>
</div>
</div>
<div id="carousel-archive-configurator" class="carousel-configurator carousel-configurator-large carousel-configurator-niv2 carousel-archive-configurator" style="display: none;"> <input type="hidden" class="name_personalization"
id="name_personalization" name="name_personalization" value=""> <input type="hidden" class="id_group_personalization" id="id_group_personalization" name="id_group_personalization" value=""></div>
<div id="container-configurator3d">
<div id="configurator3d" class="configurator3d"> <a title="FERMER" class="fancybox-close fancybox-close-configurator3d"></a> <span class="iconc3d iconc3d-360"></span>
<div class="canvas-configurator3d"><canvas id="canvas3d"></canvas></div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-7 col-lg-8 nopadding container-configurator-right">
<div class="col-xs-12 col-md-12 col-lg-12">
<div class="box"> <canvas id="c"></canvas></div>
</div>
</div>
<div class="col-xs-12 col-md-1 col-lg-1 pull-right container-configurator-icons nopadding">
<div class="nopadding icon-configurator"><span onclick="centerToCanvas();"><i class="iconc3d iconc3d-centrar tooltip_s" title="<span class='name'>Centrer</span>"> </i></span></div>
<div class="nopadding icon-configurator"><span onclick="sendBackwards();"><i class="iconc3d iconc3d-orden-de-capas tooltip_s" title="<span class='name'>Mettre en arrière-plan</span>"> </i></span></div>
<div class="nopadding icon-configurator"><span id="undo"><i class="iconc3d iconc3d-atras tooltip_s" title="<span class='name'>Défaire</span>"> </i></span></div>
<div class="nopadding icon-configurator"><span id="redo"><i class="self-pictos self-pictos-volver tooltip_s" title="<span class='name'>Refaire</span>"> </i></span></div>
<div class="nopadding icon-configurator"><span onclick="clearAll()"><i class="iconc3d iconc3d-volver tooltip_s" title="<span class='name'>Limpiar</span>"> </i></span></div>
<div class="nopadding icon-configurator"><span onclick="deleteObjects();save2Server(true);"><i class="iconc3d iconc3d-papelera tooltip_s" title="<span class='name'>Effacer</span>"> </i></span></div>
</div>
<div id="dvAbsolute3D">
<div class="dvAbsolute3D-title"><i class="container-toogle fa"></i>Aperçu 3D<a title="FERMER" class="fancybox-close fancybox-close-dvAbsolute3D"></a></div>
</div>
<div id="dvAbsoluteBgImage" class="ui-draggable" style="display: none;">
<div class="dvAbsoluteBgImage-title">Cambia el color</div>
<div class="col-xs-12 col-md-12 clearfix carousel-absolute-configurator" id="carousel-main-absolute">
<div class="item item-color item-stroke tooltip_s" data-child="carousel-stroke-color-absolute-configurator" title="<span class='name'>Color de Borde</span>"> <span
style="background-color: #616161;border: 2px solid #FFFFFF;"> </span></div>
<div class="item item-color item-background active tooltip_s" data-child="carousel-background-color-absolute-configurator" title="<span class='name'>COULEUR DE FOND</span>"> <span style="background-color: white;"> </span></div>
</div>
<div id="carousel-colors-configurator" class="carousel-absolute-configurator carousel-absolute-configurator-nv2 carousel-background-color-absolute-configurator carousel-colors-configurator owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s;">
<div class="owl-item">
<div class="item item-color"> <span color="rgba(255,255,255,.1);" style="font-size: 20px;color: white;border: 0;" class="iconc3d iconc3d-sin-color"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#ffffff" style="background-color: #ffffff;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#000000" style="background-color: #000000;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#dbb5d3" style="background-color: #dbb5d3;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#d75f91" style="background-color: #d75f91;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#df91bb" style="background-color: #df91bb;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#ed477c" style="background-color: #ed477c;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#af375b" style="background-color: #af375b;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#eb648e" style="background-color: #eb648e;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#f392d2" style="background-color: #f392d2;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e999ac" style="background-color: #e999ac;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e08394" style="background-color: #e08394;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#f37b8d" style="background-color: #f37b8d;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#f0a3a6" style="background-color: #f0a3a6;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#f19a94" style="background-color: #f19a94;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e23647" style="background-color: #e23647;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#ee2728" style="background-color: #ee2728;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#ab131d" style="background-color: #ab131d;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#cd4b29" style="background-color: #cd4b29;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fd8c74" style="background-color: #fd8c74;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e44f3e" style="background-color: #e44f3e;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#ef582f" style="background-color: #ef582f;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e76b3d" style="background-color: #e76b3d;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fd6921" style="background-color: #fd6921;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#ef582f" style="background-color: #ef582f;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e76b3d" style="background-color: #e76b3d;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fd6921" style="background-color: #fd6921;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#f49231" style="background-color: #f49231;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e5b87e" style="background-color: #e5b87e;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fcc231" style="background-color: #fcc231;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fbb22b" style="background-color: #fbb22b;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fed65d" style="background-color: #fed65d;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fedc96" style="background-color: #fedc96;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#feeec9" style="background-color: #feeec9;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fdf2e0" style="background-color: #fdf2e0;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#feee9a" style="background-color: #feee9a;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fef035" style="background-color: #fef035;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fffd82" style="background-color: #fffd82;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#f6f1c2" style="background-color: #f6f1c2;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e3d43f" style="background-color: #e3d43f;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#cbe648" style="background-color: #cbe648;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#9bca3e" style="background-color: #9bca3e;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#b6bf4f" style="background-color: #b6bf4f;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#b1c83f" style="background-color: #b1c83f;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#9eab44" style="background-color: #9eab44;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#aac966" style="background-color: #aac966;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#88a55e" style="background-color: #88a55e;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#8db35a" style="background-color: #8db35a;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#698b49" style="background-color: #698b49;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#5e6235" style="background-color: #5e6235;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#203a21" style="background-color: #203a21;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#75be45" style="background-color: #75be45;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#3a8d4a" style="background-color: #3a8d4a;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#1b7b4d" style="background-color: #1b7b4d;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#0a6630" style="background-color: #0a6630;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#659d81" style="background-color: #659d81;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#84b790" style="background-color: #84b790;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#9eccb7" style="background-color: #9eccb7;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#85bfac" style="background-color: #85bfac;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#a3e3c4" style="background-color: #a3e3c4;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e7f3e9" style="background-color: #e7f3e9;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#43a584" style="background-color: #43a584;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#0b6658" style="background-color: #0b6658;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#094f4f" style="background-color: #094f4f;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#7ba195" style="background-color: #7ba195;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#69928c" style="background-color: #69928c;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#5bacb2" style="background-color: #5bacb2;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#38c5c4" style="background-color: #38c5c4;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#72c4cc" style="background-color: #72c4cc;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#9acdcb" style="background-color: #9acdcb;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#7bb4bf" style="background-color: #7bb4bf;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#528d99" style="background-color: #528d99;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#52b2c3" style="background-color: #52b2c3;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#308fa7" style="background-color: #308fa7;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#0c628a" style="background-color: #0c628a;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#2c6177" style="background-color: #2c6177;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#173f4f" style="background-color: #173f4f;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#2a4a5e" style="background-color: #2a4a5e;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#064574" style="background-color: #064574;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#053e62" style="background-color: #053e62;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#31374b" style="background-color: #31374b;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#1e87c4" style="background-color: #1e87c4;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#96c8dc" style="background-color: #96c8dc;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#d4edfe" style="background-color: #d4edfe;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#b1d9fd" style="background-color: #b1d9fd;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#5baede" style="background-color: #5baede;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#79a3cb" style="background-color: #79a3cb;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#688dc3" style="background-color: #688dc3;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#2c5fa1" style="background-color: #2c5fa1;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#637aa5" style="background-color: #637aa5;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#264a7e" style="background-color: #264a7e;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#2d4165" style="background-color: #2d4165;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#303260" style="background-color: #303260;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#948cbe" style="background-color: #948cbe;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#a78dbc" style="background-color: #a78dbc;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#7a5b98" style="background-color: #7a5b98;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#998ecb" style="background-color: #998ecb;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#b99ac7" style="background-color: #b99ac7;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#b47daa" style="background-color: #b47daa;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#5d2e65" style="background-color: #5d2e65;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#764760" style="background-color: #764760;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#5f3146" style="background-color: #5f3146;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#833133" style="background-color: #833133;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#866b68" style="background-color: #866b68;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#76482b" style="background-color: #76482b;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#4d2508" style="background-color: #4d2508;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#9d8f6f" style="background-color: #9d8f6f;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#84744f" style="background-color: #84744f;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#cdb87b" style="background-color: #cdb87b;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#595543" style="background-color: #595543;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#4c4641" style="background-color: #4c4641;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#463735" style="background-color: #463735;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#696261" style="background-color: #696261;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#575151" style="background-color: #575151;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#58595b" style="background-color: #58595b;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#7f7d7a" style="background-color: #7f7d7a;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#979294" style="background-color: #979294;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#a7a9ac" style="background-color: #a7a9ac;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#a4afb8" style="background-color: #a4afb8;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#c5c5c5" style="background-color: #c5c5c5;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#dddfe0" style="background-color: #dddfe0;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#edefee" style="background-color: #edefee;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#f7f1e9" style="background-color: #f7f1e9;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e3e1d3" style="background-color: #e3e1d3;"></span></div>
</div>
</div>
</div>
<div class="owl-nav"><button type="button" role="presentation" class="owl-prev disabled">
<icon class="fa fa-angle-left"></icon>
</button><button type="button" role="presentation" class="owl-next">
<icon class="fa fa-angle-right"></icon>
</button></div>
<div class="owl-dots disabled"></div>
</div>
<div id="carousel-colors-configurator" class="carousel-absolute-configurator carousel-absolute-configurator-nv2 carousel-stroke-color-absolute-configurator carousel-colors-configurator owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s;">
<div class="owl-item">
<div class="item item-color"> <span color="" style="font-size: 20px;color: white;border: 0;" class="iconc3d iconc3d-sin-color"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#ffffff" style="background-color: #000000;border: 2px solid #ffffff;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#000000" style="background-color: #000000;border: 2px solid #000000;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#dbb5d3" style="background-color: #000000;border: 2px solid #dbb5d3;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#d75f91" style="background-color: #000000;border: 2px solid #d75f91;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#df91bb" style="background-color: #000000;border: 2px solid #df91bb;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#ed477c" style="background-color: #000000;border: 2px solid #ed477c;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#af375b" style="background-color: #000000;border: 2px solid #af375b;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#eb648e" style="background-color: #000000;border: 2px solid #eb648e;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#f392d2" style="background-color: #000000;border: 2px solid #f392d2;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e999ac" style="background-color: #000000;border: 2px solid #e999ac;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e08394" style="background-color: #000000;border: 2px solid #e08394;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#f37b8d" style="background-color: #000000;border: 2px solid #f37b8d;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#f0a3a6" style="background-color: #000000;border: 2px solid #f0a3a6;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#f19a94" style="background-color: #000000;border: 2px solid #f19a94;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e23647" style="background-color: #000000;border: 2px solid #e23647;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#ee2728" style="background-color: #000000;border: 2px solid #ee2728;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#ab131d" style="background-color: #000000;border: 2px solid #ab131d;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#cd4b29" style="background-color: #000000;border: 2px solid #cd4b29;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fd8c74" style="background-color: #000000;border: 2px solid #fd8c74;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e44f3e" style="background-color: #000000;border: 2px solid #e44f3e;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#ef582f" style="background-color: #000000;border: 2px solid #ef582f;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e76b3d" style="background-color: #000000;border: 2px solid #e76b3d;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fd6921" style="background-color: #000000;border: 2px solid #fd6921;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#ef582f" style="background-color: #000000;border: 2px solid #ef582f;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e76b3d" style="background-color: #000000;border: 2px solid #e76b3d;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fd6921" style="background-color: #000000;border: 2px solid #fd6921;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#f49231" style="background-color: #000000;border: 2px solid #f49231;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e5b87e" style="background-color: #000000;border: 2px solid #e5b87e;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fcc231" style="background-color: #000000;border: 2px solid #fcc231;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fbb22b" style="background-color: #000000;border: 2px solid #fbb22b;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fed65d" style="background-color: #000000;border: 2px solid #fed65d;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fedc96" style="background-color: #000000;border: 2px solid #fedc96;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#feeec9" style="background-color: #000000;border: 2px solid #feeec9;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fdf2e0" style="background-color: #000000;border: 2px solid #fdf2e0;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#feee9a" style="background-color: #000000;border: 2px solid #feee9a;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fef035" style="background-color: #000000;border: 2px solid #fef035;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#fffd82" style="background-color: #000000;border: 2px solid #fffd82;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#f6f1c2" style="background-color: #000000;border: 2px solid #f6f1c2;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e3d43f" style="background-color: #000000;border: 2px solid #e3d43f;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#cbe648" style="background-color: #000000;border: 2px solid #cbe648;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#9bca3e" style="background-color: #000000;border: 2px solid #9bca3e;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#b6bf4f" style="background-color: #000000;border: 2px solid #b6bf4f;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#b1c83f" style="background-color: #000000;border: 2px solid #b1c83f;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#9eab44" style="background-color: #000000;border: 2px solid #9eab44;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#aac966" style="background-color: #000000;border: 2px solid #aac966;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#88a55e" style="background-color: #000000;border: 2px solid #88a55e;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#8db35a" style="background-color: #000000;border: 2px solid #8db35a;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#698b49" style="background-color: #000000;border: 2px solid #698b49;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#5e6235" style="background-color: #000000;border: 2px solid #5e6235;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#203a21" style="background-color: #000000;border: 2px solid #203a21;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#75be45" style="background-color: #000000;border: 2px solid #75be45;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#3a8d4a" style="background-color: #000000;border: 2px solid #3a8d4a;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#1b7b4d" style="background-color: #000000;border: 2px solid #1b7b4d;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#0a6630" style="background-color: #000000;border: 2px solid #0a6630;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#659d81" style="background-color: #000000;border: 2px solid #659d81;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#84b790" style="background-color: #000000;border: 2px solid #84b790;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#9eccb7" style="background-color: #000000;border: 2px solid #9eccb7;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#85bfac" style="background-color: #000000;border: 2px solid #85bfac;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#a3e3c4" style="background-color: #000000;border: 2px solid #a3e3c4;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e7f3e9" style="background-color: #000000;border: 2px solid #e7f3e9;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#43a584" style="background-color: #000000;border: 2px solid #43a584;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#0b6658" style="background-color: #000000;border: 2px solid #0b6658;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#094f4f" style="background-color: #000000;border: 2px solid #094f4f;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#7ba195" style="background-color: #000000;border: 2px solid #7ba195;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#69928c" style="background-color: #000000;border: 2px solid #69928c;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#5bacb2" style="background-color: #000000;border: 2px solid #5bacb2;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#38c5c4" style="background-color: #000000;border: 2px solid #38c5c4;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#72c4cc" style="background-color: #000000;border: 2px solid #72c4cc;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#9acdcb" style="background-color: #000000;border: 2px solid #9acdcb;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#7bb4bf" style="background-color: #000000;border: 2px solid #7bb4bf;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#528d99" style="background-color: #000000;border: 2px solid #528d99;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#52b2c3" style="background-color: #000000;border: 2px solid #52b2c3;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#308fa7" style="background-color: #000000;border: 2px solid #308fa7;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#0c628a" style="background-color: #000000;border: 2px solid #0c628a;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#2c6177" style="background-color: #000000;border: 2px solid #2c6177;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#173f4f" style="background-color: #000000;border: 2px solid #173f4f;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#2a4a5e" style="background-color: #000000;border: 2px solid #2a4a5e;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#064574" style="background-color: #000000;border: 2px solid #064574;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#053e62" style="background-color: #000000;border: 2px solid #053e62;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#31374b" style="background-color: #000000;border: 2px solid #31374b;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#1e87c4" style="background-color: #000000;border: 2px solid #1e87c4;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#96c8dc" style="background-color: #000000;border: 2px solid #96c8dc;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#d4edfe" style="background-color: #000000;border: 2px solid #d4edfe;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#b1d9fd" style="background-color: #000000;border: 2px solid #b1d9fd;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#5baede" style="background-color: #000000;border: 2px solid #5baede;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#79a3cb" style="background-color: #000000;border: 2px solid #79a3cb;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#688dc3" style="background-color: #000000;border: 2px solid #688dc3;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#2c5fa1" style="background-color: #000000;border: 2px solid #2c5fa1;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#637aa5" style="background-color: #000000;border: 2px solid #637aa5;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#264a7e" style="background-color: #000000;border: 2px solid #264a7e;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#2d4165" style="background-color: #000000;border: 2px solid #2d4165;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#303260" style="background-color: #000000;border: 2px solid #303260;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#948cbe" style="background-color: #000000;border: 2px solid #948cbe;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#a78dbc" style="background-color: #000000;border: 2px solid #a78dbc;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#7a5b98" style="background-color: #000000;border: 2px solid #7a5b98;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#998ecb" style="background-color: #000000;border: 2px solid #998ecb;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#b99ac7" style="background-color: #000000;border: 2px solid #b99ac7;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#b47daa" style="background-color: #000000;border: 2px solid #b47daa;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#5d2e65" style="background-color: #000000;border: 2px solid #5d2e65;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#764760" style="background-color: #000000;border: 2px solid #764760;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#5f3146" style="background-color: #000000;border: 2px solid #5f3146;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#833133" style="background-color: #000000;border: 2px solid #833133;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#866b68" style="background-color: #000000;border: 2px solid #866b68;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#76482b" style="background-color: #000000;border: 2px solid #76482b;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#4d2508" style="background-color: #000000;border: 2px solid #4d2508;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#9d8f6f" style="background-color: #000000;border: 2px solid #9d8f6f;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#84744f" style="background-color: #000000;border: 2px solid #84744f;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#cdb87b" style="background-color: #000000;border: 2px solid #cdb87b;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#595543" style="background-color: #000000;border: 2px solid #595543;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#4c4641" style="background-color: #000000;border: 2px solid #4c4641;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#463735" style="background-color: #000000;border: 2px solid #463735;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#696261" style="background-color: #000000;border: 2px solid #696261;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#575151" style="background-color: #000000;border: 2px solid #575151;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#58595b" style="background-color: #000000;border: 2px solid #58595b;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#7f7d7a" style="background-color: #000000;border: 2px solid #7f7d7a;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#979294" style="background-color: #000000;border: 2px solid #979294;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#a7a9ac" style="background-color: #000000;border: 2px solid #a7a9ac;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#a4afb8" style="background-color: #000000;border: 2px solid #a4afb8;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#c5c5c5" style="background-color: #000000;border: 2px solid #c5c5c5;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#dddfe0" style="background-color: #000000;border: 2px solid #dddfe0;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#edefee" style="background-color: #000000;border: 2px solid #edefee;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#f7f1e9" style="background-color: #000000;border: 2px solid #f7f1e9;"></span></div>
</div>
<div class="owl-item">
<div class="item item-color"> <span color="#e3e1d3" style="background-color: #000000;border: 2px solid #e3e1d3;"></span></div>
</div>
</div>
</div>
<div class="owl-nav"><button type="button" role="presentation" class="owl-prev disabled">
<icon class="fa fa-angle-left"></icon>
</button><button type="button" role="presentation" class="owl-next">
<icon class="fa fa-angle-right"></icon>
</button></div>
<div class="owl-dots disabled"></div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-12 clearfix">
<div class="button-save button-grey" onclick="save2Server()">Sauvegarder</div>
<div class="button-finish button-orange">TERMINER LE DESIGN</div>
</div>
</div>
<div class="container container-profesional-configurator">
<div class="col-xs-12 clearfix">
<div class="col-xs-12 col-md-6 nopadding">
<div class="product_name">Boîte d'expédition de forme allongée</div>
<div class="product_reference"> REF: <span class="reference" id_size="1">2293_S</span> <span class="reference" id_size="2">2293_M</span> <span class="reference" id_size="3">2293_L</span></div>
</div>
</div>
<div class="col-xs-12 col-md-12 container-configurator-middle clearfix">
<div class="col-xs-12 col-md-4 nopadding block-left">
<div class="title">IMPORTANT</div>
<div class="content-desc">
<p>Cette section est réservée aux professionnels. Si vous avez des connaissances en design et dans les modalités d'impression, vous pouvez télécharger notre modèle avec les lignes de coupe spécifiques et créer le design via votre
programme préféré.</p>
<p>Une fois votre design terminé, téléchargez le fichier PDF prêt à être imprimé ICI.</p>
</div>
<div class="block-instrucciones">
<p>1. TÉLÉCHARGEZ NOTRE LIGNE DE COUPE. (Vérifiez que la taille est correcte.)</p>
<p>2. LISEZ les instructions.</p>
<p>3. PLACEZ votre design par rapport à la ligne de coupe téléchargée et sauvegardez-le si les conditions nécessaires sont remplies.</p>
<p>4. TÉLÉCHARGEZ le design via cette fenêtre.</p>
</div>
<a download="2293/2293S.zip" href="/modules/configurator3D/assets/troquel_profesional/2293/2293S.zip" id_size="1"><div class="block-download-troquel"> <i class="iconc3d iconc3d-descarga-troquel"></i> <span>TÉLÉCHARGEZ LE PATRON</span></div> </a>
<a download="2293/2293M.zip" href="/modules/configurator3D/assets/troquel_profesional/2293/2293M.zip" id_size="2"><div class="block-download-troquel"> <i class="iconc3d iconc3d-descarga-troquel"></i> <span>TÉLÉCHARGEZ LE PATRON</span></div> </a>
<a download="2293/2293L.zip" href="/modules/configurator3D/assets/troquel_profesional/2293/2293L.zip" id_size="3"><div class="block-download-troquel"> <i class="iconc3d iconc3d-descarga-troquel"></i> <span>TÉLÉCHARGEZ LE PATRON</span></div> </a>
</div>
<div class="col-xs-12 col-md-8 nopadding"> <a href="#configurator3d" id="fancy3d"><i class="iconc3d iconc3d-cubo"></i><span>3D</span> </a>
<div class="col-xs-12 col-md-12 nopadding block-troquel"> <img data-src="/modules/configurator3D/assets/troquel/2293/2293S_PNG/2293S_caras.png" class="img-responsive lazyload" id_size="1"> <img
data-src="/modules/configurator3D/assets/troquel/2293/2293M_PNG/2293M_caras.png" class="img-responsive lazyload" id_size="2"> <img data-src="/modules/configurator3D/assets/troquel/2293/2293L_PNG/2293L_caras.png"
class="img-responsive lazyload" id_size="3"></div>
<div class="col-xs-12 col-md-12 clearfix block-upload-troquel">
<div class="col-xs-6 col-md-7">
<div class="form-group">
<div id="tos_errors" class="error" style="display: none;"><b>Vous n'avez pas accepté les conditions générales</b></div>
<div class="checkbox"> <input id="accept-terms" name="accept-terms" type="checkbox" value="1"> <label for="accept-terms">
<p>Je confirme que le fichier que je viens de télécharger respecte les conditions nécessaires et les instructions de Selfpackaging et je comprends la politique de responsabilité* qui s'applique à ce fichier et à son résultat
final.</p>
<p class="extra-termns">*Selfpackaging n'est pas responsable des erreurs dues au fait que les designs ne respectent pas toutes les conditions nécessaires. Cette option étant destinée aux professionnels, nous ne réaliserons en
aucun cas des corrections ou des modifications sur le design que nous recevons. Les erreurs de résolution, d'échelle, de couleur, etc. seront sous la responsabilité du client. Souvenez-vous que le remboursement en cas de
design personnalisé n'est en aucun cas possible.</p>
</label></div>
</div>
</div>
<div class="col-xs-6 col-md-5">
<div class="button-upload-troquel"> <i class="iconc3d iconc3d-subir-imagen-profesional"></i> <span>TÉLÉCHARGEZ VOTRE DESIGN EN PDF</span></div>
<div class="button-save-troquel" style="display: none;"> <span>Sauvegarder</span></div> <input type="file" name="upload_troquel" class="upload_troquel" style="display: none;">
</div>
</div>
</div>
</div>
</div>
<script>
var path_setup_js = "/modules/configurator3D/views/js/setup.js?v=202105302"
var path_editor_js = "/modules/configurator3D/views/js/editor.js?v=202105302";
</script>
<script type="application/javascript">
var configurator_msj_name_personalization = "Vous devez donner un nom au design";
var configurator_text_name_personalization = "Nom du design ";
var configurator_save_success = "Design correctement enregistré";
var configurator_save_error = "Un problème a empêché l\'enregistrement du design, veuillez recommencer.";
var configurator_msj_opciones_configurador = "Vous devez sélectionner l\'une des options d\'impression.";
var configurator_msj_addtocart_configurador = "Vous devez paramétrer votre personnalisation.";
var configurator_msj_addtocart_limit_units = "Pour les boîtes imprimées, la quantité minimum est de XXX et la quantité maximum est de 250.";
var configurator_msj_change_facesr = "Le design a été modifié. Si vous ne sauvegardez pas, les changements ne seront pas pris en compte. Voulez-vous continuer ?";
var configurator_insert_text = "Entrez votre texte";
var configurator_msj_clear_face = "Se borrará todo el diseño de la cara actual. ¿Estás seguro?";
$(document).ready(function() {
$("#open-consejos-configurator3d").fancybox({
'width': 930,
'height': 'auto',
'autoSize': false
});
$('.tooltip_s').tooltip({
tooltipClass: "tooltip-color",
position: {
my: "center",
at: "center top-10",
using: function(position, feedback) {
$(this).css(position);
$("<div>").addClass("arrow").addClass(feedback.vertical).addClass(feedback.horizontal).appendTo(this);
}
},
content: function() {
return $(this).prop('title');
}
});
$('.carousel-absolute-configurator-nv2').owlCarousel({
loop: false,
nav: true,
items: 3,
dots: false,
navText: ['<icon class="fa fa-angle-left"></icon>', '<icon class="fa fa-angle-right"></icon>']
});
$("#dvAbsoluteBgImage").draggable({
containment: ".container-configurator",
handle: ".dvAbsoluteBgImage-title"
});
});
</script>
</div><strong></strong>
<div class="clear"></div>
</div>
</div>
</form>POST //selfpackaging.fr/
<form action="//selfpackaging.fr/" method="post">
<div class="form-group formNewsletter"> <input class="inputNew form-control grey newsletter-input" id="newsletter-input" type="text" name="email" value="" placeholder="Saisissez votre adresse e-mail"> <button type="submit" name="submitNewsletter"
class="btnEnviarNewsletter" disabled="disabled"> <span>Envoyer</span> </button> <input type="hidden" name="action" value="0"></div>
<div id="gdpr_consent">
<div class="form-group">
<div class="checkbox"> <input id="psgdpr_consent_checkbox_2" name="psgdpr_consent_checkbox" type="checkbox" value="1"> <label for="psgdpr_consent_checkbox_2">
<p> J'ai lu et j'accepte la <a href="/content/32-protection-de-donnees-a-caractere-personnel" title="politique des données personnelles" rel="nofollow">politique des données personnelles</a>.</p>
</label></div>
</div>
</div>
<script type="text/javascript">
var psgdpr_front_controller = "https://selfpackaging.fr/module/psgdpr/FrontAjaxGdpr";
var psgdpr_id_module = "20";
var psgdpr_id_customer = "0";
var psgdpr_customer_token = "da39a3ee5e6b4b0d3255bfef95601890afd80709";
var psgdpr_id_guest = "30340146";
var psgdpr_guest_token = "e11305d44559ed74989d75c208af0869eb900168";
document.addEventListener('DOMContentLoaded', function() {
psgdpr_front_controller = psgdpr_front_controller.replace(/\amp;/g, '');
function toggleFormActive() {
parentForm = $('#gdpr_consent').parent('form');
if (($('#psgdpr_consent_checkbox').prop('checked') == true) || ($('#psgdpr_consent_checkbox_2').prop('checked') == true)) {
parentForm.find('[type="submit"]').removeAttr('disabled');
} else {
parentForm.find('[type="submit"]').attr('disabled', 'disabled');
}
}
// Triggered on page loading
toggleFormActive();
/*$('body').on('change', function(){
// Triggered after the dom might change after being loaded
toggleFormActive();
});*/
// Listener ion the checkbox click
$(document).on("click", "[id=psgdpr_consent_checkbox]", function() {
toggleFormActive();
});
$(document).on("click", "[id=psgdpr_consent_checkbox_2]", function() {
if ($("[id=psgdpr_consent_checkbox_2]").first().prop('checked')) {
$("[id=psgdpr_consent_checkbox_2]").removeAttr('checked');
} else {
$("[id=psgdpr_consent_checkbox_2]").attr('checked', 'checked');
}
toggleFormActive();
});
$(parentForm).on('submit', function(event) {
$.ajax({
data: 'POST',
//dataType: 'JSON',
url: psgdpr_front_controller,
data: {
ajax: true,
action: 'AddLog',
id_customer: psgdpr_id_customer,
customer_token: psgdpr_customer_token,
id_guest: psgdpr_id_guest,
guest_token: psgdpr_guest_token,
id_module: psgdpr_id_module,
},
success: function(data) {
// parentForm.submit();
},
error: function(err) {
console.log(err);
}
});
});
});
</script>
</form>POST
<form id="cookiesplus-form" method="POST">
<div class="cookiesplus-title col-12 col-xs-12"> <span><strong>Vos paramètres de cookies</strong></span></div>
<div class="cookiesplus-info col-12 col-xs-12">
<div>
<p>Ce site nous utilisons des cookies propres et de tiers à des fins d'analyses, pour améliorer nos services et afficher des publicités adaptées à vos préférences en fonction de vos habitudes de navigation. Cliquez sur "Politique en matière de
confidentialité et de cookies" pour en savoir plus. Vous pouvez accepter tous les cookies en cliquant sur "Accepter tous les cookies" ou les définir sous "Configurer les cookies".</p>
</div>
</div>
<div class="cookiesplus-finalities col-12 col-xs-12">
<div id="cookiesplus-finalities-container">
<div class="cookieplus-finality-container clearfix">
<div class="col-12 col-xs-12">
<div class="cookiesplus-finality-header">
<div class="cookiesplus-finality-title cookiesplus-finality-title-toggle" id="cookiesplus-finality-title-table-10"><strong><span>Cookies nécessaires</span></strong></div>
<div class="cookiesplus-finality-switch-container"> <input class="cookiesplus-finality-checkbox not_uniform comparator" id="cookiesplus-finality-10-off" value="off" name="cookiesplus-finality-10" type="radio" disabled="disabled"> <input
class="cookiesplus-finality-checkbox not_uniform comparator" id="cookiesplus-finality-10-na" value="na" name="cookiesplus-finality-10" type="radio" checked="checked" disabled="disabled"> <input
class="cookiesplus-finality-checkbox not_uniform comparator" id="cookiesplus-finality-10-on" value="on" name="cookiesplus-finality-10" type="radio" disabled="disabled" checked="checked"> <label
onclick="$('#cookiesplus-finality-switch-10').attr('for', 'cookiesplus-finality-10-off')" for="cookiesplus-finality-10-off" disabled="disabled">Non</label><label
onclick="$(this).attr('for', $(this).attr('for') === 'cookiesplus-finality-10-on' && 'cookiesplus-finality-10-off' || 'cookiesplus-finality-10-on')" for="cookiesplus-finality-10-off" class="cookiesplus-finality-switch"
id="cookiesplus-finality-switch-10"></label><label onclick="$('#cookiesplus-finality-switch-10').attr('for', 'cookiesplus-finality-10-on')" for="cookiesplus-finality-10-on" disabled="disabled">Oui</label></div>
</div>
<div class="clearfix"></div>
<div class="cookiesplus-finality-content">
<div class="cookiesplus-finality-body read-more-target"> Les cookies nécessaires contribuent à rendre un site web utilisable en activant des fonctions de base comme la navigation de page et l'accès aux zones sécurisées du site web. Le
site web ne peut pas fonctionner correctement sans ces cookies.<table id="cookiesplus-finality-table-10" style="display: none;">
<thead>
<tr>
<th>Nombre de la cookie</th>
<th>Proveedor</th>
<th>Finalidad</th>
<th>Caducidad</th>
</tr>
</thead>
<tbody>
<tr>
<td label="Nombre de la cookie"><span>PHP_SESSID</span></td>
<td label="Proveedor"><span>selfpackaging.es</span></td>
<td label="Finalidad"><span>Ce cookie est natif de PHP et permet aux sites Web de stocker des données d'état sérialisées. Il est utilisé pour établir une session utilisateur et pour transmettre des données d'état via un cookie
temporaire, couramment appelé cookie de session.</span></td>
<td label="Caducidad"><span>Session</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>PrestaShop-#</span></td>
<td label="Proveedor"><span>selfpackaging.es</span></td>
<td label="Finalidad"><span>Ce cookie permet de garder les sessions de l'utilisateur ouvertes pendant leur visite, et lui permettre de passer commande ou tout un ensemble de fonctionnement tels que : date d'ajout du cookie, langue
sélectionnée, devise utilisée, dernière catégorie de produit visité, produits récemment vus, accord d'utilisation de services du site, Identifiant client, identifiant de connexion, nom, prénom, état connecté, votre mot de
passe chiffré, e-mail lié au compte client, l'identifiant du panier.</span></td>
<td label="Caducidad"><span>480 heures</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>TPIDC</span></td>
<td label="Proveedor"><span>selfpackaging.es</span></td>
<td label="Finalidad"><span>Cookie de l'identifiant interne de l'utilisateur.</span></td>
<td label="Caducidad"><span>5 ans</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>__lglaw</span></td>
<td label="Proveedor"><span>selfpackaging.es</span></td>
<td label="Finalidad"><span>Utilisé par le système pour générer l'avis informant l'utilisateur que le site utilise des cookies.</span></td>
<td label="Caducidad"><span>1 an</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="cookieplus-finality-container clearfix">
<div class="col-12 col-xs-12">
<div class="cookiesplus-finality-header">
<div class="cookiesplus-finality-title cookiesplus-finality-title-toggle" id="cookiesplus-finality-title-table-11"><strong><span>Cookies de préférences</span></strong></div>
<div class="cookiesplus-finality-switch-container"> <input class="cookiesplus-finality-checkbox not_uniform comparator" id="cookiesplus-finality-11-off" value="off" name="cookiesplus-finality-11" type="radio"> <input
class="cookiesplus-finality-checkbox not_uniform comparator" id="cookiesplus-finality-11-na" value="na" name="cookiesplus-finality-11" type="radio" checked="checked"> <input class="cookiesplus-finality-checkbox not_uniform comparator"
id="cookiesplus-finality-11-on" value="on" name="cookiesplus-finality-11" type="radio"> <label onclick="$('#cookiesplus-finality-switch-11').attr('for', 'cookiesplus-finality-11-off')"
for="cookiesplus-finality-11-off">Non</label><label onclick="$(this).attr('for', $(this).attr('for') === 'cookiesplus-finality-11-on' && 'cookiesplus-finality-11-off' || 'cookiesplus-finality-11-on')"
for="cookiesplus-finality-11-off" class="cookiesplus-finality-switch" id="cookiesplus-finality-switch-11"></label><label onclick="$('#cookiesplus-finality-switch-11').attr('for', 'cookiesplus-finality-11-on')"
for="cookiesplus-finality-11-on">Oui</label></div>
</div>
<div class="clearfix"></div>
<div class="cookiesplus-finality-content">
<div class="cookiesplus-finality-body read-more-target"> Les cookies de préférences permettent à un site web de retenir des informations qui modifient la manière dont le site se comporte ou s’affiche, comme votre langue préférée ou la
région dans laquelle vous vous situez.<table id="cookiesplus-finality-table-11" style="display: none;">
<thead>
<tr>
<th>Nombre de la cookie</th>
<th>Proveedor</th>
<th>Finalidad</th>
<th>Caducidad</th>
</tr>
</thead>
<tbody>
<tr>
<td label="Nombre de la cookie"><span>cus</span></td>
<td label="Proveedor"><span>selfpackaging.es</span></td>
<td label="Finalidad"><span>Il permet de savoir si l'utilisateur dispose de l'abonnement actif ou inactif.</span></td>
<td label="Caducidad"><span>15 jours</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>cwdcc</span></td>
<td label="Proveedor"><span>selfpackaging.es</span></td>
<td label="Finalidad"><span>Informations provenant de webhooks qui indiquent le statut de l'abonnement.</span></td>
<td label="Caducidad"><span>1 jour</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>cwdscc</span></td>
<td label="Proveedor"><span>selfpackaging.es</span></td>
<td label="Finalidad"><span>Informations provenant de webhooks qui indiquent le statut de l'abonnement.</span></td>
<td label="Caducidad"><span>8 minutes</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>G_ENABLED_IDPS</span></td>
<td label="Proveedor"><span><a target="_blank" href="https://policies.google.com/privacy">Google</a></span></td>
<td label="Finalidad"><span>Utilisé pour le Single Sign On de Google.</span></td>
<td label="Caducidad"><span>Lorsque vous fermez votre navigateur</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>NID</span></td>
<td label="Proveedor"><span><a target="_blank" href="https://policies.google.com/privacy">Google</a></span></td>
<td label="Finalidad"><span>Enregistre un identifiant qui identifie l'appareil de l'utilisateur récurrent. Cet identifiant est utilisé pour des annonces ciblées.</span></td>
<td label="Caducidad"><span>6 mois</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>sdtpc</span></td>
<td label="Proveedor"><span>selfpackaging.es</span></td>
<td label="Finalidad"><span>Indicateur sur l'opt in actif/inactif.</span></td>
<td label="Caducidad"><span>5 minutes</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="cookieplus-finality-container clearfix">
<div class="col-12 col-xs-12">
<div class="cookiesplus-finality-header">
<div class="cookiesplus-finality-title cookiesplus-finality-title-toggle" id="cookiesplus-finality-title-table-12"><strong><span>Cookies statistiques</span></strong></div>
<div class="cookiesplus-finality-switch-container"> <input class="cookiesplus-finality-checkbox not_uniform comparator" id="cookiesplus-finality-12-off" value="off" name="cookiesplus-finality-12" type="radio"> <input
class="cookiesplus-finality-checkbox not_uniform comparator" id="cookiesplus-finality-12-na" value="na" name="cookiesplus-finality-12" type="radio" checked="checked"> <input class="cookiesplus-finality-checkbox not_uniform comparator"
id="cookiesplus-finality-12-on" value="on" name="cookiesplus-finality-12" type="radio"> <label onclick="$('#cookiesplus-finality-switch-12').attr('for', 'cookiesplus-finality-12-off')"
for="cookiesplus-finality-12-off">Non</label><label onclick="$(this).attr('for', $(this).attr('for') === 'cookiesplus-finality-12-on' && 'cookiesplus-finality-12-off' || 'cookiesplus-finality-12-on')"
for="cookiesplus-finality-12-off" class="cookiesplus-finality-switch" id="cookiesplus-finality-switch-12"></label><label onclick="$('#cookiesplus-finality-switch-12').attr('for', 'cookiesplus-finality-12-on')"
for="cookiesplus-finality-12-on">Oui</label></div>
</div>
<div class="clearfix"></div>
<div class="cookiesplus-finality-content">
<div class="cookiesplus-finality-body read-more-target"> Les cookies statistiques aident les propriétaires du site web, par la collecte et la communication d'informations de manière anonyme, à comprendre comment les visiteurs
interagissent avec les sites web.<table id="cookiesplus-finality-table-12" style="display: none;">
<thead>
<tr>
<th>Nombre de la cookie</th>
<th>Proveedor</th>
<th>Finalidad</th>
<th>Caducidad</th>
</tr>
</thead>
<tbody>
<tr>
<td label="Nombre de la cookie"><span>1P_JAR</span></td>
<td label="Proveedor"><span><a target="_blank" href="https://policies.google.com/privacy">Google</a></span></td>
<td label="Finalidad"><span>Cookie qui transfère des données à Google pour rendre la publicité plus attrayante.</span></td>
<td label="Caducidad"><span>15 jours</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>ANID</span></td>
<td label="Proveedor"><span><a target="_blank" href="https://policies.google.com/privacy">Google</a></span></td>
<td label="Finalidad"><span>Ces cookies ont un but publicitaire pour le service Google Adwords. Elle permet à la plate-forme de faire la distinction entre les navigateurs et les appareils. Ces informations sont utilisées pour
mesurer la performance des publicités et fournir des recommandations de produits basées sur des données statistiques.</span></td>
<td label="Caducidad"><span>1 an</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>CONSENT</span></td>
<td label="Proveedor"><span><a target="_blank" href="https://policies.google.com/privacy">Google</a></span></td>
<td label="Finalidad"><span>Ils vous permettent de personnaliser la façon dont les annonces sont affichées en dehors de Google ou de stocker des informations telles que votre langue préférée lors de l'affichage des résultats de
recherche.</span></td>
<td label="Caducidad"><span>20 ans</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>c_user</span></td>
<td label="Proveedor"><span><a target="_blank" href="https://www.facebook.com/policies/cookies/">Facebook</a></span></td>
<td label="Finalidad"><span>Le cookie c_user contient l'identifiant de l'utilisateur actuellement connecté.</span></td>
<td label="Caducidad"><span>1 an</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>datr</span></td>
<td label="Proveedor"><span><a target="_blank" href="https://www.facebook.com/policies/cookies/">Facebook</a></span></td>
<td label="Finalidad"><span>Le but du cookie de données est d'identifier le navigateur web utilisé pour se connecter à Facebook, indépendamment de l'utilisateur connecté.</span></td>
<td label="Caducidad"><span>2 ans</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>fr</span></td>
<td label="Proveedor"><span><a target="_blank" href="https://www.facebook.com/policies/cookies/">Facebook</a></span></td>
<td label="Finalidad"><span>Utilisé par Facebook pour fournir une série de produits publicitaires tels que les offres en temps réel d'annonceurs tiers.</span></td>
<td label="Caducidad"><span>3 mois</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>iComMktPNID</span></td>
<td label="Proveedor"><span>selfpackaging.es</span></td>
<td label="Finalidad"><span>Collecte de données pour l'élaboration de statistiques relatives à l'envoi de communications.</span></td>
<td label="Caducidad"><span>Lorsque vous fermez votre navigateur</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>sb</span></td>
<td label="Proveedor"><span><a target="_blank" href="https://www.facebook.com/policies/cookies/">Facebook</a></span></td>
<td label="Finalidad"><span>Pour stocker les détails du navigateur.</span></td>
<td label="Caducidad"><span>2 ans</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>tr</span></td>
<td label="Proveedor"><span><a target="_blank" href="https://www.facebook.com/policies/cookies/">Facebook</a></span></td>
<td label="Finalidad"><span>Utilisé par Facebook pour fournir une série de produits publicitaires tels que les offres en temps réel d'annonceurs tiers.</span></td>
<td label="Caducidad"><span>Session</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>wpnViewcount</span></td>
<td label="Proveedor"><span>selfpackaging.es</span></td>
<td label="Finalidad"><span>Indique le nombre de pages vues par l'utilisateur.</span></td>
<td label="Caducidad"><span>Lorsque vous fermez votre navigateur</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>_clck</span></td>
<td label="Proveedor"><span>selfpackaging.es</span></td>
<td label="Finalidad"><span>Il recueille des données relatives à la navigation et au comportement des utilisateurs afin de produire des statistiques et des cartes thermiques.</span></td>
<td label="Caducidad"><span>1 an</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>_fbp</span></td>
<td label="Proveedor"><span><a target="_blank" href="https://www.facebook.com/policies/cookies/">Facebook</a></span></td>
<td label="Finalidad"><span>Utilisé par Facebook pour fournir une série de produits publicitaires tels que les offres en temps réel d'annonceurs tiers.</span></td>
<td label="Caducidad"><span>3 mois</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>_ga</span></td>
<td label="Proveedor"><span><a target="_blank" href="https://policies.google.com/privacy">Google</a></span></td>
<td label="Finalidad"><span>Enregistre un identifiant unique utilisé pour générer des données statistiques sur la façon dont le visiteur utilise le site.</span></td>
<td label="Caducidad"><span>2 années</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>_gat_gtag_UA_*</span></td>
<td label="Proveedor"><span><a target="_blank" href="https://policies.google.com/privacy">Google</a></span></td>
<td label="Finalidad"><span>Utilisé pour limiter le taux de demande.</span></td>
<td label="Caducidad"><span>1 minute</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>_gcl_au</span></td>
<td label="Proveedor"><span><a target="_blank" href="https://policies.google.com/privacy">Google</a></span></td>
<td label="Finalidad"><span>Utilisé par Google AdSense pour expérimenter l'efficacité des publicités sur les sites web utilisant leurs services.</span></td>
<td label="Caducidad"><span>3 mois</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>_gid</span></td>
<td label="Proveedor"><span><a target="_blank" href="https://policies.google.com/privacy">Google</a></span></td>
<td label="Finalidad"><span>Enregistre un identifiant unique utilisé pour générer des données statistiques sur la façon dont le visiteur utilise le site.</span></td>
<td label="Caducidad"><span>1 jour</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>__Secure-3PAPISID</span></td>
<td label="Proveedor"><span><a target="_blank" href="https://policies.google.com/privacy">Google</a></span></td>
<td label="Finalidad"><span>Construit un profil des intérêts des visiteurs du site web pour montrer des publicités pertinentes et personnalisées grâce au reciblage.</span></td>
<td label="Caducidad"><span>2 ans</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>__Secure-3PSID</span></td>
<td label="Proveedor"><span><a target="_blank" href="https://policies.google.com/privacy">Google</a></span></td>
<td label="Finalidad"><span>Construit un profil des intérêts des visiteurs du site web pour montrer des publicités pertinentes et personnalisées grâce au reciblage.</span></td>
<td label="Caducidad"><span>2 ans</span></td>
</tr>
<tr>
<td label="Nombre de la cookie"><span>__Secure-3PSIDCC</span></td>
<td label="Proveedor"><span><a target="_blank" href="https://policies.google.com/privacy">Google</a></span></td>
<td label="Finalidad"><span>Ces cookies sont utilisés pour diffuser des publicités plus pertinentes pour vous et vos intérêts.</span></td>
<td label="Caducidad"><span>1 an</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cookiesplus-actions col-12 col-xs-12">
<div class=" "> <button type="submit" name="saveCookiesPlusPreferences" onclick="return cookieGdpr.acceptAllCookies();" class="cookiesplus-btn cookiesplus-accept float-xs-right"> <i class="material-icons">done</i> <span
class="cookiesplus-accept-label">Accepter tous les cookies</span> <span class="cookiesplus-accept-all-label" style="display: none;">Accepter tous les cookies</span> </button> <button type="submit" name="saveCookiesPlusPreferences"
onclick="return cookieGdpr.rejectAllCookies();" class="cookiesplus-btn cookiesplus-reject float-xs-right" style="display: none;"> <i class="material-icons">clear</i> Refuser tous les cookies </button></div>
<div class=" "> <button onclick="cookieGdpr.displayModalAdvanced(true); return false;" class="cookiesplus-btn cookiesplus-more-information"> <i class="material-icons">tune</i> Configurer </button> <button type="submit"
name="saveCookiesPlusPreferences" onclick="return cookieGdpr.save();" class="cookiesplus-btn cookiesplus-save"> <i class="material-icons">done</i> Accepter uniquement les cookies sélectionnés </button></div>
<div class="clearfix"></div>
</div>
</form>Text Content
01 86 65 07 34
Clore session
fr
* SelfPackaging.COM
* Selfpackaging.DE
* SelfPackaging.ES
* SelfPackaging.FR
* SelfPackaging.IT
Aucun produit
0,00 € Sous-total
Gratuite ! Livraison
Total
0,00 € TVA INCLUSE
Commander
Rechercher
Menu Menu
no movil
* BOÎTES EN CARTON[+][-]
Boîtes pâtisserie
* Cupcakes
* Biscuits
* Gâteaux
* Cake Pops
* Macarons
* Supports Et Bases Gâteaux
* Donuts
Boîtes d'Expédition
* L'e-Commerce
* POCHETTES EN CARTON
* Livres
Boîtes mariages
* Faire-Part
* Cadeaux D'invités
* Dragées Baptême
Boîtes à bijoux
Seasonal
* Saint Valentin
* Pâques
* Baby shower
* Halloween
Boîtes à bouteilles
* Bières
* Vin
* Caisses Bouteilles Magnum
Emballage de luxe
Boîtes pour fêtes
* D’Anniversaire
Boîtes CD et photos
* Photos
* CDs
Boîtes à bonbons
* Dragées
* Pop-Corn
* Bonbons
* Chocolats
Boîtes cadeaux
* Tasses
* BOÎTES POUR FLEURS
* Lots
* Cartes Cadeau
* Collection Blossom
* Bougies
Boîtes alimentaires
* Take Away
* Aliments
* Emballages Alimentaires
* Caisse En Carton Fruits Et Légumes
* Boite Sushi
Boîtes en promotion
Boîtes pas cher
Outils
Boîtes rigides
Sacs en carton
Packaging écologique
* Emballages Écologiques En Carton Rigide
Noel
* Collection Noël 2022
* Noël
* Calendrier de l'avent
* Décorations de Noël
* oh outlet noel
Boîtes pour vêtements
Boîtes pour cosmétiques
* Parfums
* Maquillage
* Savon
Toutes les boîtes
*
* BOÎTES PERSONNALISÉES
* ACCESSOIRES[+][-]
Étiquettes
* Étiquettes Imprimées
* Autocollants Personnalisés
* Étiquettes Simples
* Étiquettes Personnalisées
Déco en carton
Feutrine
Rubans
Vinyles décoratifs
Papier cadeau
Scrapbooking
Washi Tapes
Cartons
Outils
Lettres en carton
Bocaux en verre
* Bouteilles En Verre
* Pots En Verre
Tous les accessoires
*
* INSPIRATIONS
* VOUS ÊTES UNE ENTREPRISE?
* DEVIS PERSONNALISÉ
01 86 65 07 34
Clore session
fr
* SelfPackaging.COM
* Selfpackaging.DE
* SelfPackaging.ES
* SelfPackaging.FR
* SelfPackaging.IT
BOÎTE D'EXPÉDITION DE FORME ALLONGÉE
REF. : 2293
Boîtes pour envoyer des bouteilles de vin ou champagne. Forme allongée et
montage très facile, la taille la plus petite est parfaite comme boîte
d'expédition pour envoyer des lunettes !
Plus de détails
Difficulté :
Montage : 0,5 minutes
Consejo 1
Il est très important de bien plier les pattes avant de monter une boîte. Avec
un bon pliage, vos boîtes auront un meilleur rendu !
Consejo 2
Les pattes sont des marques en forme de U qui indiquent les endroits où plier le
papier lors du montage de la boîte. Pour obtenir des résultats parfaits,
respectez les conseils de l'image suivante :
Pliage incorrect de patte
Pliage correct de patte
Pour obtenir de meilleurs résultats, il est nécessaire de réaliser chaque pli en
trois étapes :
* Placez le papier afin que la partie concave des pattes (∪) soit vers le haut.
* Pliez chaque patte vers l'intérieur, c'est-à-dire vers sa partie concave (∪),
et ensuite vers l'extérieur, vers la partie convexe (∩) pour s'assurer que le
pli est bien marqué.
* Commencez le montage de la boîte avec les pattes vers l'intérieur,
c'est-à-dire en s'assurant qu'elles restent à l'intérieur de la boîtes.
Consejo 3
Sur la page de description de chaque boîte apparaissent nos designs préférés.
Vous trouverez dans la section inspiration d'autres exemples originaux pour
décorer vos cadeaux personnels ou professionnels.
JE VEUX DES ÉCHANTILLONS!
JE VEUX DES ÉCHANTILLONS!
JE VEUX DES ÉCHANTILLONS!
JE VEUX DES ÉCHANTILLONS!
*
*
*
*
*
Voir toutes les images
80,8983
€ /un.
Total : 92,66 €*
Le minimum de commande pour ce produit est 1
Avant: 0,00 €
Ajouter au panier
*(TVA incluse)
CONDITIONS DE SELFPACKAGING
Conditions de commandes avec impression
Ces conditions commerciales s'appliqueront aux services d'impression sur nos
produits, et elles forment un accord légalement inaliénable entre vous et
SelfPackaging.
À continuation vous trouverez les Conditions Commerciales se référant aux
commandes avec ce service d'impression, toutefois nous vous conseillons de
consulter toutes nos Conditions Générales.
1. COMMANDES ET SPÉCIFICATIONS
a. Le résultat final de ces commandes peut varier à conséquence des actuels
systèmes de couleur multistandard (système RGB pour visualisation sur les
moniteurs et système CMYK pour l'impression) LA COULEUR VISUALISÉE SUR LES
MONITEURS PEUT NE PAS CORRESPONDRE EXACTEMENT AU RÉSULTAT PHYSIQUE QUE LE
CLIENT RECEVRA.
b. Le Vendeur décrira d'une forme approchée les changements possibles de
l'impression en fonction de la couleur du produit choisi, mais il ne
s'engage pas à garantir que les couleurs montrées sur le moniteur
correspondent exactement avec les produits physiques que le client recevra.
2. LIVRAISON
Le délai de livraison estimé pour les commandes qui contiennent des produits
avec impression, est, généralement de :
2 JOURS OUVRÉS ADDITIONNELS
Au délai habituel qui est de 7 jours ouvrés pour la production et transport.
PRODUITS AVEC IMPRESSION (BOÎTES OU AUTOCOLLANTS) NE SONT PAS COMPATIBLES AVEC
LE SERVICE EXPRESS
En cas d'impression, sélectionner le transport Express n'est pas une garantie de
réception de la commande avant les dates stipulées ci-dessus puisque la
production dépendra également de l’atelier d'impression.
3. RÉTRACTATION, DROITS D'ANNULATION ET RESPONSABILITÉS
A. S'IL S'AGIT D'UNE COMMANDE QUI CONTIENT DES PRODUITS AVEC IMPRESSION, LES
RETOURS, ÉCHANGES OU ANNULATIONS NE SONT PAS ACCEPTÉS.
b. L'Acheteur sera le seul responsable de la commande confirmée sur le site et
il devra accepter sa livraison.
c. Le Vendeur ne sera pas responsable du design téléchargé par l'utilisateur.
ANNULER J'ACCEPTE
couleur
*
Taille
SMLXL
Parties
Boîte
Tamaño Etiqueta
123
Forma Etiqueta
DE
Échantillons
Échantillon
Revisión
Contrôlez vos étiquettes
Bande imprimable
*
*
* 1
Unités 100
* 2
Taille
S
7.2 x 19.2 x 8.7 cm
3
Couleur
Imprimer
a Bande imprimable
Étiquette
Extras
3
Couleur
Imprimer
a Bande imprimable
Étiquette
Extras
3
Couleur
Imprimer
a Bande imprimable
Étiquette
Extras
3
Couleur
Étiquette
Extras
COULEUR
BANDE IMPRIMABLE
IMPRIMER
COULEUR
BANDE IMPRIMABLE
IMPRIMER
COULEUR
100
MONTANT
S
TAILLE
COULEUR
BANDE IMPRIMABLE
IMPRIMER
12000
XS
S
M
L
XL
7.2 x 19.2 x 8.7 cm (Intérieur:6.8 x 17.7 x 8.1 cm)
Boîte
Boîte
Boîte
Boîte
NON DISPONIBLE SUR PHONES.
Il est préférable d'utiliser un grand écran,
Courrez vers votre ordinateur!
NON DISPONIBLE SUR PHONES.
Il est préférable d'utiliser un grand écran,
Courrez vers votre ordinateur!
NON DISPONIBLE SUR PHONES.
Il est préférable d'utiliser un grand écran,
Courrez vers votre ordinateur!
Nos boîtes sont produites sur commande. Vous remarquerez donc que pour les
commandes de moins de 50 pièces, le prix unitaire est cher. Cependant, plus le
nombre d'unités commandés augmente, plus le prix unitaire diminue.
1501100115012000
Wow !
-25%
VOUS ÉCONOMISEZ
+ de 2000 exemplaires ?
Si vous avez besoin de plus de 2000 exemplaires, contactez- nous.
Devis
hauteur, longueur, largeur
S
Extérieur 7.2 x 19.2 x 8.7 cm
Intérieur 6.8 x 17.7 x 8.1 cm
M
Extérieur 8.2 x 28.2 x 8.2 cm
Intérieur 7.8 x 26.5 x 7.6 cm
L
Extérieur 10.1 x 34 x 10.2 cm
Intérieur 9.6 x 33.5 x 9.6 cm
XL
Extérieur 10.3 x 39.7 x 10.7 cm
Intérieur 9.85 x 38.2 x 9.8 cm
Sur mesure? Sollicitez un devis! (min. 300u)
* 1. Hauteur
* 2. Longueur
* 3. Profondeur
Cette boîte est seulement disponible dans la couleur indiquée
Boîte
* Pantone donné à titre indicatif et mat (non couché)
Voici quelques indications pour vous aider à créer un fichier d'impression
correct, afin que le résultat soit celui que vous attendez :
1- Format du fichier :
Le format de vos images doit être .JPG, .GIF, .PNG ou .TIFF. Ces formats vous
permettront d'obtenir des résultats d'une grande qualité, si vous respectez les
autres recommandations.
En utilisant le design, vous vous engagez à veiller que ce contenu respecte les
droits d'auteur. Veuillez vous assuree que vous possédez le droit d'utiliser ces
images.
2- Couleurs :
Les fichiers doivent être envoyés en RGB. Les images en CMYK ou avec des
couleurs Pantone seront converties automatiquement vers ce format.
3- Résolution :
Votre image doit avoir une résolution de 300 dpi, et ne doit pas dépasser 5MB.
Afin de couvrir complètement la zone d'impression, nous vous recommandons
d'utiliser des images égales ou plus grandes que la zone à imprimer. Dans le cas
contraire, l'image risque d'être floue ou pixélisée.
4- Fonctionnement :
Vous pouvez configurer directement votre impression dans le menu déroulant et
choisir de mettre soit du texte ou soit une image (choisir une option parmi les
2 proposées), selon vos préférences.
Les dimensions des étiquettes adhésives varient en fonction de la taille. Dans
le menu déroulant et dans l'aperçu avant impression, vous pourrez voir les
dimensions de chaque étiquette, en fonction de la taille de la boîte
sélectionnée.
5. Finition :
- Les étiquettes adhésives sont imprimées sur du vinyle plastifié mat. Ce
matériau d'une grande qualité est plus résistant que le papier et il permet que
les stickers d'être amovibles.
- Les étiquettes non imprimées sont fabriquées en papier mat, vous pouvez ainsi
écrire dessus sans aucun problème et avec n'importe quel stylo ou marqueur. Ce
type d'étiquette n'est pas amovible.
6. Quantités :
Lors de votre achat, quand vous créez une étiquette adhésive (avec ou sans
impression), la nombre d'étiquettes ajouté à votre panier correspond à la
quantité de boîtes commandée.
Cette quantité pourra être modifiée par la suite, dans le récapitulatif de la
commande.
Avec de l'impression 4 x 5 cm
*
*
*
*
Creez votre étiquette personnalisée !
Matériel Vinyl plastifié (amovible)
Sans étiquette
Sans impression 4 x 5 cm
*
*
*
*
Conseil DIY
Écrivez à la main vos étiquettes et donnez une touche fait maison à vos cadeaux
Étiquettes blanches lisses
Matériel Papier mat
Bank GothicDinRegularImpactJust me again down hereMogamboPeakSacramentoTimes New
RomanTrebuchet MS
20212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
A
*
*
*
Aperçu Effacer le texte
Prévisualisation
/p>
Continuer votre création
Accepter votre création
Fichier
Vous ne pourrez enregistrer que 2 designs
* Modifiez votre design
* Modifiez votre design
Nouveau
Imprimer
Choisissez l'option que vous préférez
UNE FACE
TOUTES LES FACES
Sans impression
PERSONNALISER MODIFIER LE DESIGN Terms
COMMENT VOULEZ-VOUS PERSONNALISER VOTRE BOÎTE ?
Design online Votre boîte est imprimée rapidement et facilement sans que vous
n'ayez besoin d'avoir des connaissances en design
Design professionnel Télécharger le modèle et utilisez votre programme de design
préféré
AVIS !
1. Ouvrez le cadre que vous verrez en entrant qui indique « entrez votre texte
», écrivez ce que vous souhaitez ou supprimez-le en cliquant sur corbeille,
sinon nous l’imprimerons ;)
2. Les boîtes de couleurs foncées, sont imprimées seulement en blanc. Vos images
se convertiront en plan de bits blanc. Prenez en compte que les parties blanches
ou de couleurs très claires disparaissent pendant la conversion en plan de bits
blanc. Il est préférable de télécharger l'image, de la placer à sa place et
d’attendre un peu pour voir sa transformation automatique (si vous ne le faites
pas sauvegardez-la) cela vous permettra de voir comment elle apparaîtra sur
votre boîte. Conseil : si votre logo est blanc, transformez-le en noir avant de
le télécharger afin qu’il apparaisse correctement !
3. Vous pouvez acheter seulement un motif par référence et par taille. Si vous
souhaitez la même boîte avec deux motifs différents vous devrez passer deux
commandes différentes.
4. Si vous avez des problèmes de visualisation de couleurs, si la maquette
virtuelle de votre motif apparaît bizarrement, etc., essayez de mettre votre
navigateur à jour.
ATTENTION! L'impression est disponible jusqu'à 250 unités. Pour une quantité
supérieure contactez-nous ici.
Instructions
Il est conseillé de tout d’abord vous identifier en tant qu’utilisateur, de la
sorte nous pouvons garder votre motif et vous pouvez le récupérer à votre
convenance
Vous devez concevoir votre boîte une face après l’autre. Sélectionnez la face
par laquelle vous souhaitez commencer. Choisissez la couleur de fond, écrivez
les textes que vous souhaitez et téléchargez les images de votre choix.
N’oubliez pas que pour une bonne impression il est préférable qu'elles aient une
résolution de 300 ppp. Le format de l'image doit être JPG,GIF, PNG o TIFF en RGB
Attention ! Si votre image a un fond, l’encadré se verra dans le cas où la boîte
n’est pas blanche.
Quand la face est prête sauvegardez-la et sélectionnez la face suivante sur les
boutons du haut.
La 3D vous permettra de voir comment apparaîtra votre boîte une fois imprimée.
Une fois que vous avez terminé le motif sauvegardez de nouveau, fermez la
fenêtre du configurateur dans la x en haut à droite et ajoutez vos boîtes au
panier. Finalisez l’achat et vous les recevrez quelques jours après !!!
Les couleurs peuvent varier en fonction de la configuration de votre écran et de
la couleur du papier que vous avez choisi.
J'ACCEPTE
lmit units
+ de 250?
Veuillez nous contacter si vous avez besoin decontactez-plus de 250 unités
Contrôlez vos étiquettes
4,00 € supplémentaires
Si vous sélectionnez cette option, nous contrôlerons personnellement les
étiquettes que vous avez créé pour nous assurer que la résolution et la
visualisation sont correctes.
* Revisiones sólo disponibles para pedidos superiores a 200 ud.
Bande imprimable
*
*
Imprimez la bande avec votre design préféré et habillez élégamment votre boîte!
Vous devez simplement télécharger le modèle et les instructions ici Vous avez
besoin d'avoir des connaissances en Photoshop ou illustrator.
Une fois que votre design est prêt (un seul par taille), téléchargez-le ici et
finaliser l'achat..
Format de document valide: PDF à 300 ppp en CMYK.
Téléchargement du PDF réussi!
Tu veux le voir? Cliquez ici.
Envoi d'échantillons
Votre échantillon contient les éléments suivants :
* 1 boîte que nous avons actuellement en stock, qui peut être de n’importe
quelle couleur
* 1 carton bristol de la couleur que vous avez choisie
* Les échantillons ne comportent ni d'étiquette, de fourreau, de prémontage ou
d'impression.
* 1 échantillon de la couleur choisie
Prix
0.00 €
Le prix de l'échantillon
Vous pourrez décompter le prix de l'échantillon avec le code de réduction que
vous trouverez dans votre espace client - Mes bons de réduction
Nous savions que cela vous ferait plaisir !
Comment fonctionne
le bon de réduction ? Cliquez ici
Vous avez demandez un échantillon avec ces propriétés. Essayez-en d'autres.
Ya has pedido demasiadas muestras, máximo 4 muestras por pedido. Gracias.
Le prix de vos échantillons sera déduit de votre prochaine commande. Une fois
vos échantillons payés, vous recevrez un bon de réduction correspondant au
montant des échantillons, que vous pourrez utiliser lors de votre prochaine
commande. Ce bon de réduction sera visible à la fin de votre commande et vous
pourrez y avoir accès à tout moment en consultant votre profil, dans l'onglet
Mes coupons.
Les bons sont valables un an à compter de la date d'achat des échantillons et ne
sont pas compatibles avec d'autres offres et promotions. Pour bénéficier de
votre réduction, vous devez simplement rentrer le code lors de l'achat de votre
prochaine commande, comme vous pouvez le voir sur l'image ci-dessous.
Cette boîte est seulement disponible dans la couleur indiquée
Boîte
* Pantone donné à titre indicatif et mat (non couché)
Voici quelques indications pour vous aider à créer un fichier d'impression
correct, afin que le résultat soit celui que vous attendez :
1- Format du fichier :
Le format de vos images doit être .JPG, .GIF, .PNG ou .TIFF. Ces formats vous
permettront d'obtenir des résultats d'une grande qualité, si vous respectez les
autres recommandations.
En utilisant le design, vous vous engagez à veiller que ce contenu respecte les
droits d'auteur. Veuillez vous assuree que vous possédez le droit d'utiliser ces
images.
2- Couleurs :
Les fichiers doivent être envoyés en RGB. Les images en CMYK ou avec des
couleurs Pantone seront converties automatiquement vers ce format.
3- Résolution :
Votre image doit avoir une résolution de 300 dpi, et ne doit pas dépasser 5MB.
Afin de couvrir complètement la zone d'impression, nous vous recommandons
d'utiliser des images égales ou plus grandes que la zone à imprimer. Dans le cas
contraire, l'image risque d'être floue ou pixélisée.
4- Fonctionnement :
Vous pouvez configurer directement votre impression dans le menu déroulant et
choisir de mettre soit du texte ou soit une image (choisir une option parmi les
2 proposées), selon vos préférences.
Les dimensions des étiquettes adhésives varient en fonction de la taille. Dans
le menu déroulant et dans l'aperçu avant impression, vous pourrez voir les
dimensions de chaque étiquette, en fonction de la taille de la boîte
sélectionnée.
5. Finition :
- Les étiquettes adhésives sont imprimées sur du vinyle plastifié mat. Ce
matériau d'une grande qualité est plus résistant que le papier et il permet que
les stickers d'être amovibles.
- Les étiquettes non imprimées sont fabriquées en papier mat, vous pouvez ainsi
écrire dessus sans aucun problème et avec n'importe quel stylo ou marqueur. Ce
type d'étiquette n'est pas amovible.
6. Quantités :
Lors de votre achat, quand vous créez une étiquette adhésive (avec ou sans
impression), la nombre d'étiquettes ajouté à votre panier correspond à la
quantité de boîtes commandée.
Cette quantité pourra être modifiée par la suite, dans le récapitulatif de la
commande.
Avec de l'impression 4 x 5 cm
*
*
*
*
Creez votre étiquette personnalisée !
Matériel Vinyl plastifié (amovible)
Sans étiquette
Sans impression 4 x 5 cm
*
*
*
*
Conseil DIY
Écrivez à la main vos étiquettes et donnez une touche fait maison à vos cadeaux
Étiquettes blanches lisses
Matériel Papier mat
Bank GothicDinRegularImpactJust me again down hereMogamboPeakSacramentoTimes New
RomanTrebuchet MS
20212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
A
*
*
*
Aperçu Effacer le texte
Prévisualisation
/p>
Continuer votre création
Accepter votre création
Fichier
Vous ne pourrez enregistrer que 2 designs
* Modifiez votre design
* Modifiez votre design
Nouveau
Imprimer
Choisissez l'option que vous préférez
UNE FACE
TOUTES LES FACES
Sans impression
PERSONNALISER MODIFIER LE DESIGN Terms
COMMENT VOULEZ-VOUS PERSONNALISER VOTRE BOÎTE ?
Design online Votre boîte est imprimée rapidement et facilement sans que vous
n'ayez besoin d'avoir des connaissances en design
Design professionnel Télécharger le modèle et utilisez votre programme de design
préféré
AVIS !
1. Ouvrez le cadre que vous verrez en entrant qui indique « entrez votre texte
», écrivez ce que vous souhaitez ou supprimez-le en cliquant sur corbeille,
sinon nous l’imprimerons ;)
2. Les boîtes de couleurs foncées, sont imprimées seulement en blanc. Vos images
se convertiront en plan de bits blanc. Prenez en compte que les parties blanches
ou de couleurs très claires disparaissent pendant la conversion en plan de bits
blanc. Il est préférable de télécharger l'image, de la placer à sa place et
d’attendre un peu pour voir sa transformation automatique (si vous ne le faites
pas sauvegardez-la) cela vous permettra de voir comment elle apparaîtra sur
votre boîte. Conseil : si votre logo est blanc, transformez-le en noir avant de
le télécharger afin qu’il apparaisse correctement !
3. Vous pouvez acheter seulement un motif par référence et par taille. Si vous
souhaitez la même boîte avec deux motifs différents vous devrez passer deux
commandes différentes.
4. Si vous avez des problèmes de visualisation de couleurs, si la maquette
virtuelle de votre motif apparaît bizarrement, etc., essayez de mettre votre
navigateur à jour.
ATTENTION! L'impression est disponible jusqu'à 250 unités. Pour une quantité
supérieure contactez-nous ici.
Instructions
Il est conseillé de tout d’abord vous identifier en tant qu’utilisateur, de la
sorte nous pouvons garder votre motif et vous pouvez le récupérer à votre
convenance
Vous devez concevoir votre boîte une face après l’autre. Sélectionnez la face
par laquelle vous souhaitez commencer. Choisissez la couleur de fond, écrivez
les textes que vous souhaitez et téléchargez les images de votre choix.
N’oubliez pas que pour une bonne impression il est préférable qu'elles aient une
résolution de 300 ppp. Le format de l'image doit être JPG,GIF, PNG o TIFF en RGB
Attention ! Si votre image a un fond, l’encadré se verra dans le cas où la boîte
n’est pas blanche.
Quand la face est prête sauvegardez-la et sélectionnez la face suivante sur les
boutons du haut.
La 3D vous permettra de voir comment apparaîtra votre boîte une fois imprimée.
Une fois que vous avez terminé le motif sauvegardez de nouveau, fermez la
fenêtre du configurateur dans la x en haut à droite et ajoutez vos boîtes au
panier. Finalisez l’achat et vous les recevrez quelques jours après !!!
Les couleurs peuvent varier en fonction de la configuration de votre écran et de
la couleur du papier que vous avez choisi.
J'ACCEPTE
lmit units
+ de 250?
Veuillez nous contacter si vous avez besoin decontactez-plus de 250 unités
Contrôlez vos étiquettes
4,00 € supplémentaires
Si vous sélectionnez cette option, nous contrôlerons personnellement les
étiquettes que vous avez créé pour nous assurer que la résolution et la
visualisation sont correctes.
* Revisiones sólo disponibles para pedidos superiores a 200 ud.
Bande imprimable
*
*
Imprimez la bande avec votre design préféré et habillez élégamment votre boîte!
Vous devez simplement télécharger le modèle et les instructions ici Vous avez
besoin d'avoir des connaissances en Photoshop ou illustrator.
Une fois que votre design est prêt (un seul par taille), téléchargez-le ici et
finaliser l'achat..
Format de document valide: PDF à 300 ppp en CMYK.
Téléchargement du PDF réussi!
Tu veux le voir? Cliquez ici.
Envoi d'échantillons
Votre échantillon contient les éléments suivants :
* 1 boîte que nous avons actuellement en stock, qui peut être de n’importe
quelle couleur
* 1 carton bristol de la couleur que vous avez choisie
* Les échantillons ne comportent ni d'étiquette, de fourreau, de prémontage ou
d'impression.
* 1 échantillon de la couleur choisie
Prix
0.00 €
Le prix de l'échantillon
Vous pourrez décompter le prix de l'échantillon avec le code de réduction que
vous trouverez dans votre espace client - Mes bons de réduction
Nous savions que cela vous ferait plaisir !
Comment fonctionne
le bon de réduction ? Cliquez ici
Vous avez demandez un échantillon avec ces propriétés. Essayez-en d'autres.
Ya has pedido demasiadas muestras, máximo 4 muestras por pedido. Gracias.
Le prix de vos échantillons sera déduit de votre prochaine commande. Une fois
vos échantillons payés, vous recevrez un bon de réduction correspondant au
montant des échantillons, que vous pourrez utiliser lors de votre prochaine
commande. Ce bon de réduction sera visible à la fin de votre commande et vous
pourrez y avoir accès à tout moment en consultant votre profil, dans l'onglet
Mes coupons.
Les bons sont valables un an à compter de la date d'achat des échantillons et ne
sont pas compatibles avec d'autres offres et promotions. Pour bénéficier de
votre réduction, vous devez simplement rentrer le code lors de l'achat de votre
prochaine commande, comme vous pouvez le voir sur l'image ci-dessous.
Cette boîte est seulement disponible dans la couleur indiquée
Boîte
* Pantone donné à titre indicatif et mat (non couché)
Voici quelques indications pour vous aider à créer un fichier d'impression
correct, afin que le résultat soit celui que vous attendez :
1- Format du fichier :
Le format de vos images doit être .JPG, .GIF, .PNG ou .TIFF. Ces formats vous
permettront d'obtenir des résultats d'une grande qualité, si vous respectez les
autres recommandations.
En utilisant le design, vous vous engagez à veiller que ce contenu respecte les
droits d'auteur. Veuillez vous assuree que vous possédez le droit d'utiliser ces
images.
2- Couleurs :
Les fichiers doivent être envoyés en RGB. Les images en CMYK ou avec des
couleurs Pantone seront converties automatiquement vers ce format.
3- Résolution :
Votre image doit avoir une résolution de 300 dpi, et ne doit pas dépasser 5MB.
Afin de couvrir complètement la zone d'impression, nous vous recommandons
d'utiliser des images égales ou plus grandes que la zone à imprimer. Dans le cas
contraire, l'image risque d'être floue ou pixélisée.
4- Fonctionnement :
Vous pouvez configurer directement votre impression dans le menu déroulant et
choisir de mettre soit du texte ou soit une image (choisir une option parmi les
2 proposées), selon vos préférences.
Les dimensions des étiquettes adhésives varient en fonction de la taille. Dans
le menu déroulant et dans l'aperçu avant impression, vous pourrez voir les
dimensions de chaque étiquette, en fonction de la taille de la boîte
sélectionnée.
5. Finition :
- Les étiquettes adhésives sont imprimées sur du vinyle plastifié mat. Ce
matériau d'une grande qualité est plus résistant que le papier et il permet que
les stickers d'être amovibles.
- Les étiquettes non imprimées sont fabriquées en papier mat, vous pouvez ainsi
écrire dessus sans aucun problème et avec n'importe quel stylo ou marqueur. Ce
type d'étiquette n'est pas amovible.
6. Quantités :
Lors de votre achat, quand vous créez une étiquette adhésive (avec ou sans
impression), la nombre d'étiquettes ajouté à votre panier correspond à la
quantité de boîtes commandée.
Cette quantité pourra être modifiée par la suite, dans le récapitulatif de la
commande.
Avec de l'impression 4 x 5 cm
*
*
*
*
Creez votre étiquette personnalisée !
Matériel Vinyl plastifié (amovible)
Sans étiquette
Sans impression 4 x 5 cm
*
*
*
*
Conseil DIY
Écrivez à la main vos étiquettes et donnez une touche fait maison à vos cadeaux
Étiquettes blanches lisses
Matériel Papier mat
Bank GothicDinRegularImpactJust me again down hereMogamboPeakSacramentoTimes New
RomanTrebuchet MS
20212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
A
*
*
*
Aperçu Effacer le texte
Prévisualisation
/p>
Continuer votre création
Accepter votre création
Fichier
Vous ne pourrez enregistrer que 2 designs
* Modifiez votre design
* Modifiez votre design
Nouveau
Imprimer
Choisissez l'option que vous préférez
UNE FACE
TOUTES LES FACES
Sans impression
PERSONNALISER MODIFIER LE DESIGN Terms
COMMENT VOULEZ-VOUS PERSONNALISER VOTRE BOÎTE ?
Design online Votre boîte est imprimée rapidement et facilement sans que vous
n'ayez besoin d'avoir des connaissances en design
Design professionnel Télécharger le modèle et utilisez votre programme de design
préféré
AVIS !
1. Ouvrez le cadre que vous verrez en entrant qui indique « entrez votre texte
», écrivez ce que vous souhaitez ou supprimez-le en cliquant sur corbeille,
sinon nous l’imprimerons ;)
2. Les boîtes de couleurs foncées, sont imprimées seulement en blanc. Vos images
se convertiront en plan de bits blanc. Prenez en compte que les parties blanches
ou de couleurs très claires disparaissent pendant la conversion en plan de bits
blanc. Il est préférable de télécharger l'image, de la placer à sa place et
d’attendre un peu pour voir sa transformation automatique (si vous ne le faites
pas sauvegardez-la) cela vous permettra de voir comment elle apparaîtra sur
votre boîte. Conseil : si votre logo est blanc, transformez-le en noir avant de
le télécharger afin qu’il apparaisse correctement !
3. Vous pouvez acheter seulement un motif par référence et par taille. Si vous
souhaitez la même boîte avec deux motifs différents vous devrez passer deux
commandes différentes.
4. Si vous avez des problèmes de visualisation de couleurs, si la maquette
virtuelle de votre motif apparaît bizarrement, etc., essayez de mettre votre
navigateur à jour.
ATTENTION! L'impression est disponible jusqu'à 250 unités. Pour une quantité
supérieure contactez-nous ici.
Instructions
Il est conseillé de tout d’abord vous identifier en tant qu’utilisateur, de la
sorte nous pouvons garder votre motif et vous pouvez le récupérer à votre
convenance
Vous devez concevoir votre boîte une face après l’autre. Sélectionnez la face
par laquelle vous souhaitez commencer. Choisissez la couleur de fond, écrivez
les textes que vous souhaitez et téléchargez les images de votre choix.
N’oubliez pas que pour une bonne impression il est préférable qu'elles aient une
résolution de 300 ppp. Le format de l'image doit être JPG,GIF, PNG o TIFF en RGB
Attention ! Si votre image a un fond, l’encadré se verra dans le cas où la boîte
n’est pas blanche.
Quand la face est prête sauvegardez-la et sélectionnez la face suivante sur les
boutons du haut.
La 3D vous permettra de voir comment apparaîtra votre boîte une fois imprimée.
Une fois que vous avez terminé le motif sauvegardez de nouveau, fermez la
fenêtre du configurateur dans la x en haut à droite et ajoutez vos boîtes au
panier. Finalisez l’achat et vous les recevrez quelques jours après !!!
Les couleurs peuvent varier en fonction de la configuration de votre écran et de
la couleur du papier que vous avez choisi.
J'ACCEPTE
lmit units
+ de 250?
Veuillez nous contacter si vous avez besoin decontactez-plus de 250 unités
Contrôlez vos étiquettes
4,00 € supplémentaires
Si vous sélectionnez cette option, nous contrôlerons personnellement les
étiquettes que vous avez créé pour nous assurer que la résolution et la
visualisation sont correctes.
* Revisiones sólo disponibles para pedidos superiores a 200 ud.
Bande imprimable
*
*
Imprimez la bande avec votre design préféré et habillez élégamment votre boîte!
Vous devez simplement télécharger le modèle et les instructions ici Vous avez
besoin d'avoir des connaissances en Photoshop ou illustrator.
Une fois que votre design est prêt (un seul par taille), téléchargez-le ici et
finaliser l'achat..
Format de document valide: PDF à 300 ppp en CMYK.
Téléchargement du PDF réussi!
Tu veux le voir? Cliquez ici.
Envoi d'échantillons
Votre échantillon contient les éléments suivants :
* 1 boîte que nous avons actuellement en stock, qui peut être de n’importe
quelle couleur
* 1 carton bristol de la couleur que vous avez choisie
* Les échantillons ne comportent ni d'étiquette, de fourreau, de prémontage ou
d'impression.
* 1 échantillon de la couleur choisie
Prix
0.00 €
Le prix de l'échantillon
Vous pourrez décompter le prix de l'échantillon avec le code de réduction que
vous trouverez dans votre espace client - Mes bons de réduction
Nous savions que cela vous ferait plaisir !
Comment fonctionne
le bon de réduction ? Cliquez ici
Vous avez demandez un échantillon avec ces propriétés. Essayez-en d'autres.
Ya has pedido demasiadas muestras, máximo 4 muestras por pedido. Gracias.
Le prix de vos échantillons sera déduit de votre prochaine commande. Une fois
vos échantillons payés, vous recevrez un bon de réduction correspondant au
montant des échantillons, que vous pourrez utiliser lors de votre prochaine
commande. Ce bon de réduction sera visible à la fin de votre commande et vous
pourrez y avoir accès à tout moment en consultant votre profil, dans l'onglet
Mes coupons.
Les bons sont valables un an à compter de la date d'achat des échantillons et ne
sont pas compatibles avec d'autres offres et promotions. Pour bénéficier de
votre réduction, vous devez simplement rentrer le code lors de l'achat de votre
prochaine commande, comme vous pouvez le voir sur l'image ci-dessous.
Cette boîte est seulement disponible dans la couleur indiquée
Boîte
* Pantone donné à titre indicatif et mat (non couché)
Voici quelques indications pour vous aider à créer un fichier d'impression
correct, afin que le résultat soit celui que vous attendez :
1- Format du fichier :
Le format de vos images doit être .JPG, .GIF, .PNG ou .TIFF. Ces formats vous
permettront d'obtenir des résultats d'une grande qualité, si vous respectez les
autres recommandations.
En utilisant le design, vous vous engagez à veiller que ce contenu respecte les
droits d'auteur. Veuillez vous assuree que vous possédez le droit d'utiliser ces
images.
2- Couleurs :
Les fichiers doivent être envoyés en RGB. Les images en CMYK ou avec des
couleurs Pantone seront converties automatiquement vers ce format.
3- Résolution :
Votre image doit avoir une résolution de 300 dpi, et ne doit pas dépasser 5MB.
Afin de couvrir complètement la zone d'impression, nous vous recommandons
d'utiliser des images égales ou plus grandes que la zone à imprimer. Dans le cas
contraire, l'image risque d'être floue ou pixélisée.
4- Fonctionnement :
Vous pouvez configurer directement votre impression dans le menu déroulant et
choisir de mettre soit du texte ou soit une image (choisir une option parmi les
2 proposées), selon vos préférences.
Les dimensions des étiquettes adhésives varient en fonction de la taille. Dans
le menu déroulant et dans l'aperçu avant impression, vous pourrez voir les
dimensions de chaque étiquette, en fonction de la taille de la boîte
sélectionnée.
5. Finition :
- Les étiquettes adhésives sont imprimées sur du vinyle plastifié mat. Ce
matériau d'une grande qualité est plus résistant que le papier et il permet que
les stickers d'être amovibles.
- Les étiquettes non imprimées sont fabriquées en papier mat, vous pouvez ainsi
écrire dessus sans aucun problème et avec n'importe quel stylo ou marqueur. Ce
type d'étiquette n'est pas amovible.
6. Quantités :
Lors de votre achat, quand vous créez une étiquette adhésive (avec ou sans
impression), la nombre d'étiquettes ajouté à votre panier correspond à la
quantité de boîtes commandée.
Cette quantité pourra être modifiée par la suite, dans le récapitulatif de la
commande.
Avec de l'impression 4 x 5 cm
*
*
*
*
Creez votre étiquette personnalisée !
Matériel Vinyl plastifié (amovible)
Sans étiquette
Sans impression 4 x 5 cm
*
*
*
*
Conseil DIY
Écrivez à la main vos étiquettes et donnez une touche fait maison à vos cadeaux
Étiquettes blanches lisses
Matériel Papier mat
Bank GothicDinRegularImpactJust me again down hereMogamboPeakSacramentoTimes New
RomanTrebuchet MS
20212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
A
*
*
*
Aperçu Effacer le texte
Prévisualisation
/p>
Continuer votre création
Accepter votre création
Fichier
Vous ne pourrez enregistrer que 2 designs
* Modifiez votre design
* Modifiez votre design
Nouveau
Contrôlez vos étiquettes
4,00 € supplémentaires
Si vous sélectionnez cette option, nous contrôlerons personnellement les
étiquettes que vous avez créé pour nous assurer que la résolution et la
visualisation sont correctes.
* Revisiones sólo disponibles para pedidos superiores a 200 ud.
Envoi d'échantillons
Votre échantillon contient les éléments suivants :
* 1 boîte que nous avons actuellement en stock, qui peut être de n’importe
quelle couleur
* 1 carton bristol de la couleur que vous avez choisie
* Les échantillons ne comportent ni d'étiquette, de fourreau, de prémontage ou
d'impression.
* 1 échantillon de la couleur choisie
Prix
0.00 €
Le prix de l'échantillon
Vous pourrez décompter le prix de l'échantillon avec le code de réduction que
vous trouverez dans votre espace client - Mes bons de réduction
Nous savions que cela vous ferait plaisir !
Comment fonctionne
le bon de réduction ? Cliquez ici
Vous avez demandez un échantillon avec ces propriétés. Essayez-en d'autres.
Ya has pedido demasiadas muestras, máximo 4 muestras por pedido. Gracias.
Le prix de vos échantillons sera déduit de votre prochaine commande. Une fois
vos échantillons payés, vous recevrez un bon de réduction correspondant au
montant des échantillons, que vous pourrez utiliser lors de votre prochaine
commande. Ce bon de réduction sera visible à la fin de votre commande et vous
pourrez y avoir accès à tout moment en consultant votre profil, dans l'onglet
Mes coupons.
Les bons sont valables un an à compter de la date d'achat des échantillons et ne
sont pas compatibles avec d'autres offres et promotions. Pour bénéficier de
votre réduction, vous devez simplement rentrer le code lors de l'achat de votre
prochaine commande, comme vous pouvez le voir sur l'image ci-dessous.
0,93 €/un.
Total: 92,66 €*
The minimum purchase order quantity for the product is
ACHETER
Boîte d'expédition de forme allongée
REF: 2293_S 2293_M 2293_L
Instructions
Il est conseillé de tout d’abord vous identifier en tant qu’utilisateur, de la
sorte nous pouvons garder votre motif et vous pouvez le récupérer à votre
convenance
Vous devez concevoir votre boîte une face après l’autre. Sélectionnez la face
par laquelle vous souhaitez commencer. Choisissez la couleur de fond, écrivez
les textes que vous souhaitez et téléchargez les images de votre choix.
N’oubliez pas que pour une bonne impression il est préférable qu'elles aient une
résolution de 300 ppp. Le format de l'image doit être JPG,GIF, PNG o TIFF en RGB
Attention ! Si votre image a un fond, l’encadré se verra dans le cas où la boîte
n’est pas blanche.
Quand la face est prête sauvegardez-la et sélectionnez la face suivante sur les
boutons du haut.
La 3D vous permettra de voir comment apparaîtra votre boîte une fois imprimée.
Une fois que vous avez terminé le motif sauvegardez de nouveau, fermez la
fenêtre du configurateur dans la x en haut à droite et ajoutez vos boîtes au
panier. Finalisez l’achat et vous les recevrez quelques jours après !!!
Les couleurs peuvent varier en fonction de la configuration de votre écran et de
la couleur du papier que vous avez choisi.
3D
3D
3D
ab
ab
ab
ab
ab
ab
ab
ab
ab
ab
ab
ab
ab
ab
ab
ab
ab
ab
ab
ab
ab
ab
ab
Business
Food
Gifts
Kids
Party
Pattern
Shapes
Wedding
Eco
Aperçu 3D
Cambia el color
Sauvegarder
TERMINER LE DESIGN
Boîte d'expédition de forme allongée
REF: 2293_S 2293_M 2293_L
IMPORTANT
Cette section est réservée aux professionnels. Si vous avez des connaissances en
design et dans les modalités d'impression, vous pouvez télécharger notre modèle
avec les lignes de coupe spécifiques et créer le design via votre programme
préféré.
Une fois votre design terminé, téléchargez le fichier PDF prêt à être imprimé
ICI.
1. TÉLÉCHARGEZ NOTRE LIGNE DE COUPE. (Vérifiez que la taille est correcte.)
2. LISEZ les instructions.
3. PLACEZ votre design par rapport à la ligne de coupe téléchargée et
sauvegardez-le si les conditions nécessaires sont remplies.
4. TÉLÉCHARGEZ le design via cette fenêtre.
TÉLÉCHARGEZ LE PATRON
TÉLÉCHARGEZ LE PATRON
TÉLÉCHARGEZ LE PATRON
3D
Vous n'avez pas accepté les conditions générales
Je confirme que le fichier que je viens de télécharger respecte les conditions
nécessaires et les instructions de Selfpackaging et je comprends la politique de
responsabilité* qui s'applique à ce fichier et à son résultat final.
*Selfpackaging n'est pas responsable des erreurs dues au fait que les designs ne
respectent pas toutes les conditions nécessaires. Cette option étant destinée
aux professionnels, nous ne réaliserons en aucun cas des corrections ou des
modifications sur le design que nous recevons. Les erreurs de résolution,
d'échelle, de couleur, etc. seront sous la responsabilité du client.
Souvenez-vous que le remboursement en cas de design personnalisé n'est en aucun
cas possible.
TÉLÉCHARGEZ VOTRE DESIGN EN PDF
Sauvegarder
LIVRAISON
7 jours *
plus d'info
* jours ouvrés
envoi gratuit à partir de
95€
Produits apparentés
Étiquettes unies ...
Ruban Vichy
Lettres majuscule...
Corde épaisse en ...
Papier cartonné k...
‹›
Inspiration
S
M
L
‹›
‹›
‹›
BOÎTE D'EXPÉDITION DE FORME ALLONGÉE
Montrer/Occulter le menu Información
* Description
* 40 Avis
En un coup d'oeil
* Cette boîte allongée est idéale pour envoyer des bouteilles de vin ou
champagne car elle est résistante, jolie et élégante.
* Elle est faite en carton micro cannelure, un matériau résistant qui vous
permet d’utiliser cette boîte pour vos envois.
Comment est cette boîte?
* Cette boîte pour les envois est composée d’une base allongée. Elle est très
facile à monter et c’est pourquoi elle est parfaite pour n’importe quel type
d’envoi.
A quoi sert cette boîte?
* Grâce à sa résistance, cette boîte est très pratique pour envoyer des
bouteilles de vin ou de champagne. Vous pouvez l’utiliser pour envoyer un
cadeau ou comme packaging si vous êtes une boutique en ligne. Elle est
beaucoup plus élégante que les boîtes d’envoi habituelles.
Evaluations Produit
* Nombre d'avis : 40
* Note moyenne : 4.7 /5
* Afficher l'attestation
* V. Véronique
* le 20/01/2023
* 5/5
Très bien, conforme à mes attentes, je recommande !
* B. Vvf Villages
* le 12/01/2023
* 5/5
bien, mais je les aurai souahiter en trouver de plus courte
* B. Alexandre
* le 05/01/2023
* 5/5
Produit qualitatif et différenciant
* C. Didier
* le 09/03/2022
* 5/5
Rapide, efficace, et en plus des petits bonbons en cadeau ;)
* A. Anonymous
* le 08/07/2021
* 5/5
Conforme à ce que je recherche !
* A. Anonymous
* le 30/06/2021
* 5/5
Très bien, conforme à mes attentes, je recommande !
* A. Anonymous
* le 04/12/2020
* 5/5
Rendu parfait, un supplément de quelques boîtes très sympathique. Une entreprise
soucieuse de la réussite de ses clients
* A. Anonymous
* le 01/12/2020
* 5/5
Excellent , bonne qualité.
* A. Anonymous
* le 29/11/2020
* 5/5
Conforme à la description de l'article sur le site
* A. Anonymous
* le 10/11/2020
* 5/5
Sturdy boxes ideal for posting my handmade beeswax candles safely
* A. Anonymous
* le 27/10/2020
* 5/5
très bien
* A. Anonymous
* le 01/07/2020
* 5/5
Très bien
* A. Anonymous
* le 07/01/2020
* 5/5
Super contente, boîtes très jolies et de bonne qualité, envoi rapide et soigné
* A. Anonymous
* le 20/12/2019
* 5/5
les produits sont arrivés en bon état et il n’y a eu aucun soucis.
* A. Anonymous
* le 18/10/2019
* 4/5
Produit de bonne qualité et facile à monter
* A. Anonymous
* le 10/07/2019
* 5/5
Belle découpe. Facile à monter.
* A. Anonymous
* le 20/04/2019
* 5/5
Emballage parfait
* A. Anonymous
* le 16/01/2019
* 5/5
Pratique pour professionnel et particulier
* A. Anonymous
* le 21/11/2018
* 4/5
Qualité acceptable. Solide
* A. Anonymous
* le 01/11/2018
* 5/5
Très satisfaite
* A. Anonymous
* le 23/08/2018
* 3/5
Problème avec l'oreille droite qui s’abîme
* A. Anonymous
* le 14/11/2017
* 4/5
tres bien, tres qualitatif
* A. Anonymous
* le 22/10/2017
* 5/5
Beau produit
* A. Anonymous
* le 31/08/2017
* 5/5
Super
* A. Anonymous
* le 14/07/2017
* 5/5
très bonne qualité, les dimensions ne conviennent cependant pas à mes besoins
* A. Anonymous
* le 10/06/2017
* 4/5
un bon compromis esthétique est résistant . En aimerait avec 1 à 2 cm de plus en
largeur
* A. Anonymous
* le 18/02/2017
* 5/5
Très bon produit et pas cher
* A. Anonymous
* le 29/12/2016
* 3/5
Bien
* A. Anonymous
* le 29/11/2016
* 5/5
Parfait !
* A. Anonymous
* le 26/10/2016
* 5/5
Nickel bien emballé et meme pas tordu !!
* A. Anonymous
* le 25/10/2016
* 5/5
Parfait
* A. Anonymous
* le 13/10/2016
* 5/5
nice!
* A. Anonymous
* le 24/06/2016
* 5/5
tres bon produit
* A. Anonymous
* le 13/06/2016
* 5/5
Conforme au descriptif et à la qualité attendue. envoi rapide !!
* A. Anonymous
* le 30/04/2016
* 4/5
BON PRODUIT, ATTENTION AU COULEUR SUR ECRAN
* A. Anonymous
* le 14/04/2016
* 3/5
couleur trompeuse ! plus d'aspect recyclé que sur la photo !
* A. Anonymous
* le 11/04/2016
* 5/5
Qualitatif, fidèle à la description, reçu dans les temps!
* A. Anonymous
* le 26/02/2016
* 5/5
Produits conformes à la description, carton épais, découpes parfaites, pliage
extrêmement simple, mais si complication au départ, quelques petits exemplaires
supplémentaires pour faire vos essais, quelle gentille attention :) Envoi
rapide, vraiment rien à redire.... heuuuuu si, je pars commander d'autres boîtes
:))))
* A. Anonymous
* le 22/12/2015
* 5/5
tres bien
* A. Anonymous
* le 03/11/2015
* 4/5
C'est ce que j'attendais
* A. Anonymous
* le 16/09/2015
* 5/5
parfait
* A. Anonymous
* le 09/09/2015
* 5/5
J'aurai aimer avoir les même dimensions mais avec la hauteur divisé par deux.
Mais ce n'est qu'un détail.
Plus de commentaires...
NEWSLETTER
Inscrivez-vous pour recevoir nos nouveautés et nos promotions
Envoyer
J'ai lu et j'accepte la politique des données personnelles.
*
*
*
*
*
* LIVRAISON GRATUITE À PARTIR DE 95€
* PAIEMENT 100% SECURE
* ÉCOLOGIQUEMENT RESPONSABLES
* SERVICE CLIENT PERSONNALISÉ
Momentsspéciaux
Boîtes Pâques 2018-03-21T00:00 2018-03-27T23:59 SelfPackaging SelfPackaging fr
Boïtes Saint-Georges 2017-04-23T00:00 2017-04-23T23:59 SelfPackaging
SelfPackaging fr
Boîtes Fêtes des Mères 2017-05-03T00:00 2017-05-03T23:59 SelfPackaging
SelfPackaging fr
Boïtes Noël 2017-12-20T00:00 2018-01-06T23:59 SelfPackaging SelfPackaging fr
Boïtes Saint Valentin 2018-02-14T00:00 2018-02-14T23:59 SelfPackaging
SelfPackaging fr
À proposde nous
Qui sommes-nous?
Collaborations
Notre engagement écologique
Matériaux Durables
Design graphique
Contact
Nos livres
Blog
Plus d'informations
Comment passer une commande
Délais et tarifs de livraison
FAQ
Entreprise
Échanges et retours
Catalogue
Politique de condifentialite
Politique de cookies
Attentionau client
01 86 65 07 34
L-J 8:30 - 17:30V 8:30 - 14:30
Devis entreprise
Service client
* Conditions générales de vente
* Mentions légales
* Nàpols, n º 237 · 08013 Barcelona (España) Copyright © 2009 - 2018
SelfPackaging
BLOG
CONTACT
VOUS ÊTES UNE ENTREPRISE?
A PROPOS DE NOUS
Qui sommes-nous?
Collaborations
Notre engagement écologique
Matériaux Durables
Design graphique
Nos livres
D'INFORMATIONS
Comment passer une commande
Délais et tarifs de livraison
FAQ
Entreprise
Échanges et retours
Catalogue
Conditions générales de vente
Mentions légales
Nàpols, n º 237 · 08013 Barcelona (España) Copyright © 2009 - 2018 SelfPackaging
Produit : Boîte d'expédition de forme allongée -
Prix : 7.3€
Évaluation de Boîte d'expédition de forme allongée : 4.7/5 sur 40 avis
×
Vos paramètres de cookies
Ce site nous utilisons des cookies propres et de tiers à des fins d'analyses,
pour améliorer nos services et afficher des publicités adaptées à vos
préférences en fonction de vos habitudes de navigation. Cliquez sur "Politique
en matière de confidentialité et de cookies" pour en savoir plus. Vous pouvez
accepter tous les cookies en cliquant sur "Accepter tous les cookies" ou les
définir sous "Configurer les cookies".
Cookies nécessaires
NonOui
Les cookies nécessaires contribuent à rendre un site web utilisable en activant
des fonctions de base comme la navigation de page et l'accès aux zones
sécurisées du site web. Le site web ne peut pas fonctionner correctement sans
ces cookies.
Nombre de la cookieProveedorFinalidadCaducidadPHP_SESSIDselfpackaging.esCe
cookie est natif de PHP et permet aux sites Web de stocker des données d'état
sérialisées. Il est utilisé pour établir une session utilisateur et pour
transmettre des données d'état via un cookie temporaire, couramment appelé
cookie de session.SessionPrestaShop-#selfpackaging.esCe cookie permet de garder
les sessions de l'utilisateur ouvertes pendant leur visite, et lui permettre de
passer commande ou tout un ensemble de fonctionnement tels que : date d'ajout du
cookie, langue sélectionnée, devise utilisée, dernière catégorie de produit
visité, produits récemment vus, accord d'utilisation de services du site,
Identifiant client, identifiant de connexion, nom, prénom, état connecté, votre
mot de passe chiffré, e-mail lié au compte client, l'identifiant du panier.480
heuresTPIDCselfpackaging.esCookie de l'identifiant interne de l'utilisateur.5
ans__lglawselfpackaging.esUtilisé par le système pour générer l'avis informant
l'utilisateur que le site utilise des cookies.1 an
Cookies de préférences
NonOui
Les cookies de préférences permettent à un site web de retenir des informations
qui modifient la manière dont le site se comporte ou s’affiche, comme votre
langue préférée ou la région dans laquelle vous vous situez.
Nombre de la cookieProveedorFinalidadCaducidadcusselfpackaging.esIl permet de
savoir si l'utilisateur dispose de l'abonnement actif ou inactif.15
jourscwdccselfpackaging.esInformations provenant de webhooks qui indiquent le
statut de l'abonnement.1 jourcwdsccselfpackaging.esInformations provenant de
webhooks qui indiquent le statut de l'abonnement.8
minutesG_ENABLED_IDPSGoogleUtilisé pour le Single Sign On de Google.Lorsque vous
fermez votre navigateurNIDGoogleEnregistre un identifiant qui identifie
l'appareil de l'utilisateur récurrent. Cet identifiant est utilisé pour des
annonces ciblées.6 moissdtpcselfpackaging.esIndicateur sur l'opt in
actif/inactif.5 minutes
Cookies statistiques
NonOui
Les cookies statistiques aident les propriétaires du site web, par la collecte
et la communication d'informations de manière anonyme, à comprendre comment les
visiteurs interagissent avec les sites web.
Nombre de la cookieProveedorFinalidadCaducidad1P_JARGoogleCookie qui transfère
des données à Google pour rendre la publicité plus attrayante.15
joursANIDGoogleCes cookies ont un but publicitaire pour le service Google
Adwords. Elle permet à la plate-forme de faire la distinction entre les
navigateurs et les appareils. Ces informations sont utilisées pour mesurer la
performance des publicités et fournir des recommandations de produits basées sur
des données statistiques.1 anCONSENTGoogleIls vous permettent de personnaliser
la façon dont les annonces sont affichées en dehors de Google ou de stocker des
informations telles que votre langue préférée lors de l'affichage des résultats
de recherche.20 ansc_userFacebookLe cookie c_user contient l'identifiant de
l'utilisateur actuellement connecté.1 andatrFacebookLe but du cookie de données
est d'identifier le navigateur web utilisé pour se connecter à Facebook,
indépendamment de l'utilisateur connecté.2 ansfrFacebookUtilisé par Facebook
pour fournir une série de produits publicitaires tels que les offres en temps
réel d'annonceurs tiers.3 moisiComMktPNIDselfpackaging.esCollecte de données
pour l'élaboration de statistiques relatives à l'envoi de communications.Lorsque
vous fermez votre navigateursbFacebookPour stocker les détails du navigateur.2
anstrFacebookUtilisé par Facebook pour fournir une série de produits
publicitaires tels que les offres en temps réel d'annonceurs
tiers.SessionwpnViewcountselfpackaging.esIndique le nombre de pages vues par
l'utilisateur.Lorsque vous fermez votre navigateur_clckselfpackaging.esIl
recueille des données relatives à la navigation et au comportement des
utilisateurs afin de produire des statistiques et des cartes thermiques.1
an_fbpFacebookUtilisé par Facebook pour fournir une série de produits
publicitaires tels que les offres en temps réel d'annonceurs tiers.3
mois_gaGoogleEnregistre un identifiant unique utilisé pour générer des données
statistiques sur la façon dont le visiteur utilise le site.2
années_gat_gtag_UA_*GoogleUtilisé pour limiter le taux de demande.1
minute_gcl_auGoogleUtilisé par Google AdSense pour expérimenter l'efficacité des
publicités sur les sites web utilisant leurs services.3 mois_gidGoogleEnregistre
un identifiant unique utilisé pour générer des données statistiques sur la façon
dont le visiteur utilise le site.1 jour__Secure-3PAPISIDGoogleConstruit un
profil des intérêts des visiteurs du site web pour montrer des publicités
pertinentes et personnalisées grâce au reciblage.2
ans__Secure-3PSIDGoogleConstruit un profil des intérêts des visiteurs du site
web pour montrer des publicités pertinentes et personnalisées grâce au
reciblage.2 ans__Secure-3PSIDCCGoogleCes cookies sont utilisés pour diffuser des
publicités plus pertinentes pour vous et vos intérêts.1 an
done Accepter tous les cookies Accepter tous les cookies clear Refuser tous les
cookies
tune Configurer done Accepter uniquement les cookies sélectionnés
× Contenido no disponible
4.7/5