StoreCreate an online store1.0local://StoreCptServer<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>A new item has been added to your cart.</h2> <div class="uis_btn uis_view_cart site_button"><span class="uis_bsa">View Cart</span></div> <div class="uis_btn uis_checkout site_button"><span class="uis_bsa">Proceed to checkout <span class=uis_nbr_items></span></span></div> <div class="uis_btn uis_shopping site_button"><span class="uis_bsa">Continue shopping</span></div> </div> </div> <div class="uis_bill"> <div class='uis_bill_breadcrumb' style='display:none'> <div data-page=c>Cart</div> <div data-page=f>Address</div> <div data-page=shipping>Delivery</div> <div data-page=summary>Validation</div> <div data-page=cb>Payment</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"><< Modify order</span></div> <div> <h2 class="font_title_2 uis_bill_mn uis_address_name">Delivery address</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">Please fill in your coordinates below</span></span><span class=member_unconnected> or <span class='_ui18_do_member_signin site_link'>Sign-in</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>* Fields are required</td> </tr> </tfoot> </table> <div style="text-align:right"> <div class="uis_btn uis_sbpm site_button"> <span class="uis_bsa">Next step >></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"><< Modify order</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">Next step >></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"><< Modify order</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">Order and pay</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"><< Modify order</span></div> <div> <h2 class="font_title_2 uis_bill_mn">Credit card selection</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">Congratulations</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">Back to Store</span></span> <span class="uis_btn uis_order_follow site_button" style="display:inline-block;float:none"><span class="uis_bsa">Follow order</span></span><br> <a href="#" class="uis_sc uis_other_payment_method">Choose another payment method</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">Sort by: <span class="uis_sn uis_ss site_link" data-sort="n">Name</span> - <span class="uis_sp site_link" data-sort="p">Price</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">Back</button> <div class="uis_edit_wrapper_right"> <button class="uis_admin_copy cpt_cta cpt_cta--outline edit_btn">Duplicate</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">General information</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">Categories:</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">Price:</div> <span class="uis_price"></span> </div> <div class="uis_prod_bloc_toggle admin_elem ib fonticon uis_more_prices_toggle helpEditor" help="More price options"></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;">Strike-through price</b> </div> </div> <div> <span class=uis_custom_prices_header>Volume prices and Customer specific prices:</span> <table class="admin_elem tablesorter uis_custom_prices_table"> <thead> <tr> <th>Quantity</th> <th>Member group</th> <th>Discount</th> <th>Amount</th> <th>Delete</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>Add a custom price</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="More stock options"></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">Stock information:</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> <div class="uis_opt block_section"> <b class="uis_title cpt_form_label cpt_form_label--large cpt_only_editor">Product options <small style="font-size: 12px">(optional)</small></b> <div class="uis_opt_content uis_block_section"></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">Private information <small>(optional)</small></b> <div class="uis_table"> <div class=uis_ref> <div class="cpt_form_label cpt_form_label--small"> Reference: <span class="fonticon helpEditor iconHelp" help="Reference for the product which will only be shown in the order form and the backoffice so that you can easily prepare orders."></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"> Private notes: <span class="fonticon helpEditor iconHelp" help="Private notes are only shown on the product edit page."></span> </div> <div> <textarea class="cpt_edit_field"></textarea> </div> </div> <div class=uis_order> <div class="cpt_form_label cpt_form_label--small"> Sort by name priority: <span class="fonticon helpEditor iconHelp" help="You can change order of products by setting here a number. Products will be sorted with highest number first and by name."></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"> Weight: <span class="fonticon helpEditor iconHelp" help="Specify here the weight of the product including the weight of the delivery package for an accurate calculation of shipping fee based on weight."></span> </div> <div> <input class="cpt_edit_field" type=text size=4><div style="margin-left: 12px;">grams</div> </div> </div> <div class=uis_vat_rate> <div class="cpt_form_label cpt_form_label--small"> Special vat rate: </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"> SEO </div> <div> <div class="cpt_cta cpt_cta--outline cpt_cta--block edit_btn">SEO management</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="Enter the product description here" 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">Delete</span> <span class="uis_admin_save cpt_cta cpt_cta--primary">Save</span> </div> </div> </div> </div> </div>

Demos - BLUE