You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							84 lines
						
					
					
						
							3.9 KiB
						
					
					
				
			
		
		
		
			
			
			
		
		
	
	
							84 lines
						
					
					
						
							3.9 KiB
						
					
					
				| <?xml version="1.0" encoding="UTF-8" ?> | |
| <odoo> | |
|     <template id="carousal_dashboard" inherit_id="website.snippets" | |
|               name="Caroudal Dashboard"> | |
|         <xpath expr="//div[@id='snippet_effect']/div[hasclass('o_panel_body')]" | |
|                position="inside"> | |
|             <t t-snippet="insta_feed_snippet.s_carousel_template" | |
|                t-thumbnail="/insta_feed_snippet/static/src/image/carousel.png"/> | |
|         </xpath> | |
|     </template> | |
| 
 | |
|     <template id="s_carousel_template" name="Insta Feed"> | |
|         <section class="s_carousel_template pt24 pb24"> | |
|             <div class="container"> | |
| 
 | |
|             </div> | |
|         </section> | |
|     </template> | |
|     <template id="s_carousel_inner_items" name="Header Image Footer Card"> | |
|         <div class="container"> | |
|             <h3 class="text-center mb32">Follow Us On Instagram</h3> | |
| 
 | |
|             <div class="row" | |
|                  style="float: left; padding: 10px; height: 400px; width:100%;"> | |
|                 <t t-foreach="latest_products" t-as="product"> | |
|                     <div t-attf-class="d-flex col-12 col-sm-6 col-md-#{int(12 / events_per_slide)}"> | |
|                         <ul> | |
|                             <a t-attf-href="https://www.instagram.com/{{product.profile_id.username}}/"> | |
|                                 <div class="wrapper"> | |
|                                     <div class="img_wrapper"> | |
|                                         <div class="row align-items-start"> | |
|                                             <div class="col" | |
|                                                  style="height: 150px;"> | |
|                                                 <img class="img-fluid" | |
|                                                      loading="lazy" | |
|                                                      style="height: 304px; width:255px;max-width:none;" | |
|                                                      t-attf-src="data:image/jpg;base64,{{ product.post_image }}"/> | |
| 
 | |
|                                             </div> | |
|                                         </div> | |
|                                     </div> | |
|                                 </div> | |
|                             </a> | |
|                         </ul> | |
|                     </div> | |
|                 </t> | |
|             </div> | |
|         </div> | |
| 
 | |
|     </template> | |
| 
 | |
|     <template id="s_carousel_template_items"> | |
|         <div class="container"> | |
|             <div class="products_carousel_slider oe_website_events"> | |
|                 <input type="hidden" name="products_count" t-if="objects" | |
|                        t-att-value="len(objects)"/> | |
|                 <div t-att-id="uniqueId" class="carousel slide d-flex" | |
|                      data-ride="carousel"> | |
|                     <a class="carousel-control-prev o_not_editable" contenteditable="false" | |
|                        t-att-href="'#' + uniqueId" data-bs-slide="prev" role="button" aria-label="Previous" | |
|                        title="Previous"> | |
|                         <span class="carousel-control-prev-icon"/> | |
|                         <span class="visually-hidden">Previous</span> | |
|                     </a> | |
|                     <div class="carousel-inner"> | |
|                         <t t-foreach="objects" t-as="latest_products"> | |
|                             <div t-attf-class="carousel-item #{'' if latest_products_index else 'active'}"> | |
|                                 <div> | |
|                                     <t t-call="insta_feed_snippet.s_carousel_inner_items"/> | |
|                                 </div> | |
|                             </div> | |
|                         </t> | |
|                     </div> | |
| 
 | |
|                     <a class="carousel-control-next o_not_editable" contenteditable="false" | |
|                        t-att-href="'#' + uniqueId" data-bs-slide="next" role="button" aria-label="Next" title="Next"> | |
|                         <span class="carousel-control-next-icon"/> | |
|                         <span class="visually-hidden">Next</span> | |
|                     </a> | |
|                 </div> | |
|             </div> | |
|         </div> | |
|     </template> | |
| </odoo> |