This question has been flagged
1 Reply
8085 Views

Hello,

I have a page like,


<?xml version="1.0" encoding="utf-8"?>

<openerp>

<data>

<template id="index">

<title>Product Display</title>

<div class="page" t-attf-style="background-image:url('/sqaj_website/static/src/files/images/background.jpg');background-size:1350px 750px; width:1350px; height:750px;">

<t t-foreach="products" t-as="product">  

 <table>

<tr class="text-center">

<td rowspan="3">

<img t-attf-src="/web/image/product.template/#{product.id}/image_display" style="height: 745px; width: 650px;"/>

</td>

<td> <font size="150px" color="white">Name : <t t-esc="product.name"/></font>

</td>

</tr>

<tr class="text-center">

<td><font size="150px" color="white">

<t t-esc="product.arabic_name"/></font>

</td>

</tr>

<tr class="text-center">

<td><font size="150px" color="white">Price : <t t-esc="product.list_price"/> Dhms.</font>

</td>

</tr>

</table>

</div>

</div>

</t>

</div>

</template>

</data>

</openerp>


and I got multiple Products in a Product.

I wants to add slider which display only one product information per slide and auto play.

any idea?

Thanks in advance.


I used owl-carousel but its not working for me.

Avatar
Discard
Best Answer

Check the js lib of owl-carousel , it should have the the attributes to be set. so you can either extend the lib and write your own conf

Avatar
Discard