Boutique1.0local://StoreCptServerLes produits et catégories seront conservés.<div class="uis_warn"> </div> <div id="uis_add_to_cart" style="display:none"> <div class="uis_add_cart_w"> <h2 class=uis_add_to_cart_infos>Un nouvel article a été ajouté à votre panier.</h2> <div class="uis_btn uis_view_cart site_button"><span class="uis_bsa">Voir le panier</span></div> <div class="uis_btn uis_checkout site_button"><span class="uis_bsa">Passer la commande <span class=uis_nbr_items></span></span></div> <div class="uis_btn uis_shopping site_button"><span class="uis_bsa">Continuer vos achats</span></div> </div> </div> <div class="uis_bill"> <div class='uis_bill_breadcrumb' style='display:none'> <div data-page=c>Panier</div> <div data-page=f>Adresse</div> <div data-page=shipping>Livraison</div> <div data-page=summary>Validation</div> <div data-page=cb>Paiement</div> </div> <div class='uis_bill_page uis_bill_c'><div></div></div> <div class='uis_bill_page uis_bill_f' style='display:none'> <div class="uis_btn uis_sc site_button"><span class="uis_bsa"><< Modifier la commande</span></div> <div> <h2 class="font_title_2 uis_bill_mn uis_address_name">Adresse de livraison</h2> <div> <div class='uis_bfb uis_bill_mn'></div> <table> <thead> <tr> <td colspan=2><span class="_ui18_do_member_signup site_button"><span class="button_content">Veuillez compléter vos coordonnées ci-dessous</span></span><span class=member_unconnected> ou <span class='_ui18_do_member_signin site_link'>Se connecter</span></span></td> </tr> <tr> <td colspan=2 class='uis_cerr'></td> </tr> </thead> <tbody class='uis_bft'></tbody> <tfoot> <tr> <td colspan=2> <div class="component_gdpr_container uis_gdpr"></div> </td> </tr> <tr> <td colspan=2>* Champs obligatoires</td> </tr> </tfoot> </table> <div style="text-align:right"> <div class="uis_btn uis_sbpm site_button"> <span class="uis_bsa">Étape suivante >></span> </div> </div> </div> </div> </div> <div class='uis_bill_page uis_bill_shipping' style='display:none'> <div class="uis_btn uis_sc site_button"><span class="uis_bsa"><< Modifier la commande</span></div> <div class=uis_bill_shipping_form></div> <div style="text-align:right"> <div class="uis_btn uis_save_shipping site_button"><span class="uis_bsa">Étape suivante >></span></div> </div> </div> <div class='uis_bill_page uis_bill_summary' style='display:none'> <div class="uis_btn uis_sc site_button"><span class="uis_bsa"><< Modifier la commande</span></div> <div class=uis_summary_content></div> <div style="text-align:right"> <div class="uis_btn uis_pay site_button"><span class="uis_bsa">Commander et payer</span> >></div> </div> </div> <div class='uis_bill_page uis_bill_cb' style='display:none'> <div class="uis_btn uis_sc site_button"><span class="uis_bsa"><< Modifier la commande</span></div> <div> <h2 class="font_title_2 uis_bill_mn">Sélection de la carte bancaire</h2> <div class=uis_cb_form></div> </div> </div> <div class='uis_bill_page uis_bill_m' style='display:none'> <div> <h2 class="font_title_2 uis_bill_mn">Félicitation</h2> <div> <div class='uis_bfa uis_bill_mn'></div> <div style="width: 100%; text-align: center; clear: both;"> <span class="uis_btn uis_back_to_store site_button" style="display:inline-block;float:none"><span class="uis_bsa">Retourner à la boutique</span></span> <span class="uis_btn uis_order_follow site_button" style="display:inline-block;float:none"><span class="uis_bsa">Suivre vos commandes</span></span><br> <a href="#" class="uis_sc uis_other_payment_method">Choisir une autre méthode de paiement</a> </div> </div> </div> </div> </div> <div> <div class="uis_catalog"> <div class="uis_search"></div> <div class="uis_cart_container"> <div class="uis_cart"></div> </div> <div class="uis_cat"></div> <div class="uis_list"> <div class="uis_sort">Trier par : <span class="uis_sn uis_ss site_link" data-sort="n">Nom</span> - <span class="uis_sp site_link" data-sort="p">Prix</span></div> <div class="uis_pages"></div> <ul></ul> <div class="uis_pages"></div> </div> <div class="uis_prod uis_edit_prod"> <div class="admin_elem df uis_edit_wrapper cpt_edit_wrapper"> <button class="uis_admin_cancel cpt_cta cpt_cta--secondary">Retour</button> <div class="uis_edit_wrapper_right"> <button class="uis_admin_copy cpt_cta cpt_cta--outline edit_btn">Dupliquer</button> </div> </div> <table width="100%"> <tr> <td class="uis_td_imgs"> <div> <div class="uis_img"></div> <div class="uis_imgs"> <div></div> <div></div> <div></div> </div> </div> </td> <td class="uis_td_attr"> <div class="block_sections"> <div class="block_section uis_block_section"> <input type="hidden" class="uis_prodid"> <b class="admin_elem admin_title uis_title cpt_form_label cpt_form_label--large">Informations générales</b> <div class="uis_name font_title_1"> </div> <div class="uis_prod_cat cpt_cat_wrapper df"> <div class="uis_prod_label uis_prod_cat_label cpt_form_label cpt_form_label--small cpt_only_editor">Catégories :</div> <select class="uis_cat_list cpt_only_editor" multiple></select> <ul class="uis_cat_list cpt_only_viewer"></ul> </div> <div class="uis_label_input_toggle"> <div class="uis_label_and_input"> <div class="uis_prod_label admin_elem cpt_form_label cpt_form_label--small">Prix :</div> <span class="uis_price"></span> </div> <div class="uis_prod_bloc_toggle admin_elem ib fonticon uis_more_prices_toggle helpEditor" help="Plus d'options de prix"></div> </div> <div class="uis_prod_bloc"> <div class="uis_prices"> <span class="uis_strike"></span> <div class="admin_elem editor_interface"> <div class="uis_more_prices cpt_edit_wrapper cpt_edit_wrapper--small" style="display:none;"> <div style="margin: 10px 0;"> <span class="uis_strike_input"></span> <div class="toggle_strike_price editor_interface admin_elem ib"> <b style="display: inline-block;vertical-align: text-bottom;">Prix barré</b> </div> </div> <div> <span class=uis_custom_prices_header>Prix dégressifs et prix spécifiques à un client :</span> <table class="admin_elem tablesorter uis_custom_prices_table"> <thead> <tr> <th>Quantité</th> <th>Groupe de membres</th> <th>Réduction</th> <th>Montant</th> <th>Supprimer</th> </tr> </thead> <tbody class="uis_custom_prices_tbody"> </tbody> </table> </div> <div class="uis_add_custom_price_container"> <div class="cpt_cta cpt_cta--secondary uis_add_custom_price" style="text-align:center;"> <span>Ajouter un prix personnalisé</span> </div> </div> </div> </div> </div> </div> <div class="admin_elem uis_stock_header_container"> <div class="uis_label_input_toggle"> <div class="uis_label_and_input uis_stock_header"> <div class="uis_prod_label admin_elem cpt_form_label cpt_form_label--small">Stock :</div> <div class="uis_prod_bloc uis_prod_bloc_stock"> </div> </div> <div class="uis_prod_bloc_toggle admin_elem fonticon uis_stock_sentence_show_more helpEditor" help="Plus d'options de stock"></div> </div> </div> <div class="admin_elem editor_interface"> <div class="uis_more_stock_sentence_div cpt_edit_wrapper cpt_edit_wrapper--small" style="display:none;"> <div class='uis_stock_infos'><span class="cpt_form_label cpt_form_label--small">Informations de stock</span></div> <div class="uis_stock_set_mode uis_custom_stock_default_sentence editor_interface"></div> <div class="uis_stock_set_mode uis_custom_stock_sentence editor_interface"></div> <div class="uis_stock_set_mode uis_replenishment_date"> <div class='input-group date'> <input type='text' class="uis_form-control_replenishment_date cpt_edit_field uis_replenishment_date_input" /> <span class="input-group-addon" style="visibility:hidden;"> <span class="glyphicon glyphicon-time"></span> </span> </div> </div> <div class="uis_stock_set_mode uis_pre_order_date"> <div class='input-group date'> <input type='text' class="uis_form-control_pre_order_date cpt_edit_field uis_pre_order_date_input" /> <span class="input-group-addon" style="visibility:hidden;"> <span class="glyphicon glyphicon-time"></span> </span> </div> </div> </div> </div> <div class="uis_final_stock_sentence not_admin_elem cpt_only_viewer"></div> <div class="uis_price_opts cpt_only_viewer"></div> <div class="uis_custom_prices cpt_only_viewer"></div> <div class="uis_shipping_infos_product cpt_only_viewer"></div> <div class="uis_opt"> <b class="uis_title cpt_form_label cpt_form_label--large cpt_only_editor">Options de produit <small style="font-size: 12px">(optionnel)</small></b> <div class="uis_opt_content uis_block_section"></div> </div> </div> <div class="editor_interface uis_hidden_data cpt_only_editor cpt_edit_wrapper cpt_edit_wrapper--small"> <b class="admin_elem admin_title uis_title cpt_form_label cpt_form_label--large">Informations privées <small>(optionnel)</small></b> <div class="uis_table"> <div class=uis_ref> <div class="cpt_form_label cpt_form_label--small"> Référence : <span class="fonticon helpEditor iconHelp" help="Référence du produit qui sera seulement affichée dans le bon de commande et dans votre backoffice pour que vous puissiez préparer vos commandes facilement."></span> </div> <div> <input class="cpt_edit_field" type=text maxlength=30> </div> </div> <div class=uis_private_notes> <div class="cpt_form_label cpt_form_label--small"> Notes privées : <span class="fonticon helpEditor iconHelp" help="Les notes privées ne sont affichées que sur la page d'édition de produit."></span> </div> <div> <textarea class="cpt_edit_field"></textarea> </div> </div> <div class=uis_order> <div class="cpt_form_label cpt_form_label--small"> Priorité pour le tri par nom : <span class="fonticon helpEditor iconHelp" help="Vous pouvez changer l'ordre des produits en indiquant un chiffre ici. Les produits seront rangés avec le chiffre le plus élevé en premier et par nom."></span> </div> <div> <input class="cpt_edit_field" type=number min=0 step=1 max=10000> </div> </div> <div class=uis_weight> <div class="cpt_form_label cpt_form_label--small"> Poids : <span class="fonticon helpEditor iconHelp" help="Précisez ici le poids du produit en incluant le poids de l'emballage pour un calcul précis des frais d'expédition basé sur le poids."></span> </div> <div> <input class="cpt_edit_field" type=text size=4><div style="margin-left: 12px;">grammes</div> </div> </div> <div class=uis_vat_rate> <div class="cpt_form_label cpt_form_label--small"> Taux de TVA spécial : </div> <div> <input class="cpt_edit_field" type=number min=0 step=0.1 max=100><div style="margin-left: 12px;">%</div> </div> </div> <div class=uis_seo> <div class="cpt_form_label cpt_form_label--small"> Référencement </div> <div> <div class="cpt_cta cpt_cta--outline cpt_cta--block edit_btn">Gestion du référencement</div> </div> </div> </div> </div> </div> </td> </tr> </table> <div class="uis_desc_wrapper"> <b class="admin_elem admin_title cpt_form_label">Description :</b> <div class="uis_td_desc cpt_edit_field"> <div class="uit_tbl uit_tbl_m"> <div class="uit_ct"> <div class="tl"></div> <div class="tr"></div> <div class="br"></div> <div class="bl"></div> <div class="c"> <div class="uis_desc uit_cttxt uit_cttxt_m" uitype="editor" placeholder="Entrez la description du produit ici" uiname="description" uinocb="true" data-editor_params='{"enable_heading_insertion": true, "enable_ai_tools": true}'></div> </div> </div> </div> </div> </div> <div class="cpt_actions admin_elem"> <div class="cpt_edit_buttons"> <span class="uis_admin_del cpt_cta cpt_cta--error">Supprimer</span> <span class="uis_admin_save cpt_cta cpt_cta--primary">Sauvegarder</span> </div> </div> </div> </div> </div>

Demos