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.
 
 
 
 
 

86 lines
4.0 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="o_courses_carousel_control carousel-control-prev position-relative"
t-att-href="'#' + uniqueId"
role="button" data-slide="prev"
t-if="num_slides > 1">
<i class="fa fa-2x fa-chevron-left text-black-50"/>
<span class="sr-only">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="o_courses_carousel_control carousel-control-next position-relative"
t-att-href="'#' + uniqueId"
role="button" data-slide="next"
t-if="num_slides > 1">
<i class="fa fa-2x fa-chevron-right text-black-50"/>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</template>
</odoo>