API tools faq
paste
Guest User

Odoo custom add cart

a guest
Dec 19th, 2022
551
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.02 KB | None | 0 0
raw download clone embed print report
  1. <t t-name="website.1-nourriture">
  2.   <t t-call="website.layout">
  3.     <div id="wrap" class="oe_structure oe_empty">
  4.       <section class="s_process_steps pt24 pb24 s_process_steps_connector_line o_colored_level" data-vcss="001" data-snippet="s_process_steps" data-name="Steps" style="background-image: none;">
  5.         <svg class="s_process_step_svg_defs position-absolute">
  6.           <defs>
  7.             <marker class="s_process_steps_arrow_head" markerwidth="15" markerheight="10" refx="6" refy="6" orient="auto">
  8.               <path d="M 2,2 L10,6 L2,10 L6,6 L2,2" vector-effect="non-scaling-size"/>
  9.             </marker>
  10.           </defs>
  11.         </svg>
  12.         <div class="container">
  13.           <div class="row g-0">
  14.             <div class="col-lg-3 s_process_step pt24 pb24 o_colored_level">
  15.               <svg class="s_process_step_connector" viewbox="0 0 242.5 80" preserveaspectratio="none" style="left: calc(50% + 40px); height: 80px; width: calc((100% - 40px) - 40px);">
  16.                 <path d="M 0 40 L 242.5 40" vector-effect="non-scaling-stroke"/>
  17.               </svg>
  18.               <div class="s_process_step_icon">
  19.                 <i class="fa fa-shopping-basket fa-2x mx-auto rounded-circle bg-primary"/>
  20.               </div>
  21.               <div class="s_process_step_content">
  22.                 <h2 class="o_default_snippet_text">Ajouter au panier</h2>
  23.                 <p class="o_default_snippet_text">Laissez vos clients suivre <br/>et comprendre votre processus.</p>
  24.               </div>
  25.             </div>
  26.             <div class="col-lg-3 s_process_step pt24 pb24 o_colored_level">
  27.               <svg class="s_process_step_connector" viewbox="0 0 242.5 80" preserveaspectratio="none" style="left: calc(50% + 40px); height: 80px; width: calc((100% - 40px) - 40px);">
  28.                 <path d="M 0 40 L 242.5 40" vector-effect="non-scaling-stroke"/>
  29.               </svg>
  30.               <div class="s_process_step_icon">
  31.                 <i class="fa fa-unlock-alt fa-2x mx-auto rounded-circle bg-o-color-5"/>
  32.               </div>
  33.               <div class="s_process_step_content">
  34.                 <h2 class="o_default_snippet_text">Se connecter</h2>
  35.                 <p class="o_default_snippet_text">Cliquez sur l'icône pour l'adapter <br/>à vos besoins</p>
  36.               </div>
  37.             </div>
  38.             <div class="col-lg-3 s_process_step pt24 pb24 o_colored_level">
  39.               <svg class="s_process_step_connector" viewbox="0 0 242.5 80" preserveaspectratio="none" style="left: calc(50% + 40px); height: 80px; width: calc((100% - 40px) - 40px);">
  40.                 <path d="M 0 40 L 242.5 40" vector-effect="non-scaling-stroke"/>
  41.               </svg>
  42.               <div class="s_process_step_icon">
  43.                 <i class="fa fa-paypal fa-2x mx-auto rounded-circle bg-secondary"/>
  44.               </div>
  45.               <div class="s_process_step_content">
  46.                 <h2 class="o_default_snippet_text">Payer</h2>
  47.                 <p class="o_default_snippet_text">Dupliquez des blocs <br/> pour ajouter plus d'étapes.</p>
  48.               </div>
  49.             </div>
  50.             <div class="col-lg-3 s_process_step pt24 pb24 o_colored_level">
  51.               <svg class="s_process_step_connector" viewbox="0 0 100 20" preserveaspectratio="none">
  52.                 <path d="M 0 10 L 100 10" vector-effect="non-scaling-stroke"/>
  53.               </svg>
  54.               <div class="s_process_step_icon">
  55.                 <i class="fa fa-plane fa-2x mx-auto rounded-circle bg-o-color-3"/>
  56.               </div>
  57.               <div class="s_process_step_content">
  58.                 <h2 class="o_default_snippet_text">Soyez livré</h2>
  59.                 <p class="o_default_snippet_text">Sélectionnez et supprimez <br/>des blocs pour supprimer certaines étapes.</p>
  60.               </div>
  61.             </div>
  62.           </div>
  63.         </div>
  64.       </section>
  65.       <section class="s_faq_collapse pt32 pb32 o_colored_level" data-snippet="s_faq_collapse" data-name="Accordion" style="background-image: none;">
  66.         <div class="container">
  67.           <div id="myCollapse" class="accordion" role="tablist">
  68.             <div class="card bg-white" data-name="Item">
  69.               <a href="#" role="tab" data-bs-toggle="collapse" aria-expanded="true" class="card-header o_default_snippet_text" data-bs-target="#myCollapseTab648472_1">Pains saucisse</a>
  70.               <div class="collapse show" data-bs-parent="#myCollapse" role="tabpanel" id="myCollapseTab648472_1">
  71.                 <div class="card-body">
  72.                    
  73.                   <t t-foreach="products" t-as="product">
  74.                       <t t-set="combination" t-value="product._get_first_possible_combination()"/>
  75.                       <t t-set="combination_info" t-value="product._get_combination_info(combination, add_qty=add_qty or 1, pricelist=pricelist)"/>
  76.                       <t t-set="product_variant" t-value="product.env['product.product'].browse(combination_info['product_id'])"/>
  77.                       <t t-if="product.categ_id.name == 'Pains saucisse'">
  78.                           <div>
  79.                               <div class="row">
  80.                                   <div class="col-7">
  81.                                       <span t-out="product.name"/>
  82.                                   </div>
  83.                                   <div class="col-5">
  84.                                       <iframe name="hiddenFrame" style="position:absolute; top:-1px; left:-1px; width:1px; height:1px;"/>
  85.                                       <form t-if="product._is_add_to_cart_possible()" action="/shop/cart/update" method="POST" target="hiddenFrame">
  86.                                             <input type="hidden" name="csrf_token" t-att-value="request.csrf_token()"/>
  87.                                             <div class="js_product js_main_product js_cart_lines mb-3">
  88.                                                 <t t-placeholder="select">
  89.                                                     <input type="hidden" class="product_id" name="product_id" t-att-value="product_variant.id"/>
  90.                                                     <input type="hidden" class="product_template_id" name="product_template_id" t-att-value="product.id"/>
  91.                                                     <input t-if="product.public_categ_ids.ids" type="hidden" class="product_category_id" name="product_category_id" t-att-value="product.public_categ_ids.ids[0]"/>
  92.                                                     <input t-if="product.product_tag_ids.ids" type="hidden" class="product_tag_id" name="product_tag_id" t-att-value="product.product_tag_ids.ids[0]"/>
  93.                                                      <t t-if="combination" t-call="sale.variants">
  94.                                                         <t t-set="ul_class" t-valuef="flex-column"/>
  95.                                                         <t t-set="parent_combination" t-value="None"/>
  96.                                                     </t>
  97.                                                     <t t-else="">
  98.                                                         <ul class="d-none js_add_cart_variants mb-0" t-att-data-attribute_exclusions="{'exclusions: []'}"/>
  99.                                                     </t>
  100.                                                 </t>
  101.                                                  <p t-if="True" class="css_not_available_msg alert alert-warning">This combination does not exist.</p>
  102.                                                 <div id="o_wsale_cta_wrapper" class="d-flex flex-wrap align-items-center">
  103.                                                     <t t-set="hasQuantities" t-value="true"/>
  104.                                                     <t t-set="hasBuyNow" t-value="false"/>
  105.                                                     <t t-set="ctaSizeBig" t-value="not hasQuantities or not hasBuyNow"/>
  106.                                                    
  107.                                                     <div t-attf-class="css_quantity input-group {{'d-none' if combination_info['prevent_zero_price_sale'] else 'd-inline-flex'}} me-2 mb-2 align-middle #{'input-group-lg' if ctaSizeBig else ''}" contenteditable="false">
  108.                                                         <a t-attf-href="#" class="btn btn-link js_add_cart_json" aria-label="Moins un" title="Moins un">
  109.                                                             <i class="fa fa-minus"/>
  110.                                                         </a>
  111.                                                         <input type="text" class="form-control quantity text-center" data-min="1" name="add_qty" t-att-value="add_qty or 1"/>
  112.                                                         <a t-attf-href="#" class="btn btn-link float_left js_add_cart_json" aria-label="Plus un" title="Plus un">
  113.                                                             <i class="fa fa-plus"/>
  114.                                                         </a>
  115.                                                     </div>
  116.                                                     <div id="add_to_cart_wrap" t-attf-class="d-inline-flex align-items-center mb-2 me-auto">
  117.                                                         <a role="button" id="add_to_cart" t-attf-class="btn btn-primary js_check_product a-submit flex-grow-1 #{'btn-lg' if ctaSizeBig else ''}" href="#">
  118.                                                             <i class="fa fa-shopping-cart me-2"/>
  119.                                                             <span style="font-weight: bold">ADD TO CART</span>
  120.                                                         </a>
  121.                                                         <button type="submit">test</button>
  122.                                                     </div>
  123.                                                     <div id="product_option_block" class="d-flex flex-wrap w-100"/>
  124.                                                 </div>
  125.                                                 <!-- <div id="contact_us_wrapper" t-attf-class="{{'d-flex' if combination_info['prevent_zero_price_sale'] else 'd-none'}} oe_structure oe_structure_solo #{_div_classes}">
  126.                                                    <section class="s_text_block" data-snippet="s_text_block" data-name="Text">
  127.                                                        <div class="container">
  128.                                                            <a t-att-href="website.contact_us_button_url" class="btn btn-primary btn_cta">Contact Us
  129.                                                            </a>
  130.                                                        </div>
  131.                                                    </section>
  132.                                                </div> -->
  133.                                             </div>
  134.                                         </form>
  135.                                   </div>
  136.                               </div>
  137.                           </div>
  138.                       </t>
  139.                   </t>
  140.                  
  141.                 </div>
  142.               </div>
  143.             </div>
  144.             <div class="card bg-white" data-name="Item">
  145.               <a href="#" role="tab" data-bs-toggle="collapse" aria-expanded="false" class="collapsed card-header o_default_snippet_text" data-bs-target="#myCollapseTab648472_2">Liens vers d'autres sites web</a>
  146.               <div class="collapse" data-bs-parent="#myCollapse" role="tabpanel" id="myCollapseTab648472_2">
  147.                 <div class="card-body">
  148.                   <p class="card-text o_default_snippet_text">Bien que ce site web puisse être lié à d'autres sites Web, nous ne sommes impliqués, directement ou indirectement, dans aucune approbation, association, parrainage, adhésion ou affiliation avec un site web lié, sauf indication contraire dans la présente.</p>
  149.                   <p class="card-text o_default_snippet_text">Vous devez lire attentivement les mentions légales et les autres conditions d'utilisation de tout site Web auquel vous accédez via un lien à partir de ce site Web. Votre lien vers d'autres pages hors site ou d'autres sites Web est à vos propres risques.</p>
  150.                 </div>
  151.               </div>
  152.             </div>
  153.             <div class="card bg-white" data-name="Item">
  154.               <a href="#" role="tab" data-bs-toggle="collapse" aria-expanded="false" class="collapsed card-header o_default_snippet_text" data-bs-target="#myCollapseTab648472_3">Utilisation des Cookies</a>
  155.               <div class="collapse" data-bs-parent="#myCollapse" role="tabpanel" id="myCollapseTab648472_3">
  156.                 <div class="card-body">
  157.                   <p class="card-text o_default_snippet_text">Le Site Web peut utiliser des cookies afin de personnaliser et de faciliter la navigation maximale de l'utilisateur sur ce site. L'Utilisateur peut configurer son navigateur pour être notifié et refuser l'installation des cookies que nous lui envoyons.</p>
  158.                 </div>
  159.               </div>
  160.             </div>
  161.           </div>
  162.         </div>
  163.       </section>
  164.     </div>
  165.  
  166.   </t>
  167. </t>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!