Table of Contents sm

Since the call to subtotal is just as follow. I am going to just discuss the template to subtotal.

                            /cart/home/subtotal
                        

The Following example is sort of the simplest form of the subtotal and one should view the result as it will increase your understanding of what is going on. The url to see it with this template is

https://brandcrafting.online/cart/home/subtotal

The template can be entirely yourown cration and simple if you follow the replication blocks what is to be replicated and the AI shipping markers. Since there may be more than 1 item we need to simply create a relicateable block inside the template. Look at the tr open and close. We define how each record will look by defining how one will look. The total and shipping options are below that. The delete itemn in the recurring block, (x) is optional. Name your template subtotal.html in the root.

                        
                            <thead>
                               <tr>
                                <th>Product Name
                                <th class="text-center">Price
                                <th class="text-center">Quantity
                                <th class="text-center">Total
                              </tr>
                              </thead>
                              <tbody>
                            
                                #*
                                     <td class="cart-product">
                                    <div class="d-flex">
                                    <div class="product-img h-150px w-100px d-flex align-items-center justify-content-center">
                                    <img src="/checkout/assets/img/product/product-iphone-12.png" class="mw-100 mh-100" alt="" />
                                    </div>
                                            ##ItemID##(x)
                                            <div class="product-info ms-3">
                                            <div class="title">##ItemName##
                                                
                                            </div>
                                            </div>
                                            </td>
                                            <td class="cart-total text-center">
                                        ##ItemCost##
                                        </td>
                                    
                                        <td class="cart-qty text-center">
                                       ##ItemQuan##
                                       </td>
                                       <td class="cart-price text-center">##ItemTotal##
                                       </tr> 
                                       *#
                               
                                       </tbody>
                                       </table>
                                       <div class="summary-container">
                                       <div class="summary-row total">
                                       <div class="field" style="text-align: right;">##TotalTotal##
                                       </div>
                                       <div class="summary-row text-danger">
                                       <div class="field">Shipping Options
                          
                                       </div>
                                       <div class="summary-row">
                                ##ShippingOptions##
                                </div>
                           
                                </div>