NextERP/design-themes
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
Files
62ca567ea49eda9647b8e749d7cbd8c55778b297
design-themes/theme_alan/views/snippets/s_product_banner.xml
T

464 lines
30 KiB
XML
Raw Blame History

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="base_banner_card_01">
<div class="as-product-banner-card as-product-banner-card-01">
<form class="as_color_variant as-product-banner-form" action="/shop/cart/update" method="post">
<t t-set="combination" t-value="product.sudo()._get_first_possible_combination()"/>
<t t-set="combination_info" t-value="product.sudo()._get_combination_info(combination, add_qty=add_qty or 1)"/>
<t t-set="product_variant" t-value="product.env['product.product'].browse(combination_info['product_id'])"/>
<input type="hidden" name="csrf_token" t-att-value="request.csrf_token()" t-nocache="The csrf token must always be up to date."/>
<input name="product_id" t-att-value="product_variant.id" type="hidden"/>
<div class="as-product-card-media as_color_variant">
<div class="as-product-card-media-primary">
<a class="oe_product_image_img_wrapper" t-attf-href="/shop/{{slug(product.sudo())}}">
<img class="as_product_main_img" t-att-src="request.website.image_url(product,'image_1024')"/>
</a>
</div>
<!-- Hover Image -->
<div t-if="configuration.get('allow_hover_image') and product.hover_image" class="as-hover-image">
<img t-att-src="request.website.image_url(product,'hover_image')"/>
</div>
<t t-if="configuration.get('allow_label')">
<t t-call="theme_alan.product_label"/>
</t>
<span t-if="configuration.get('allow_rating') and product.rating_avg" class="as-pc-rating">
<span class="as_product_rating">
<i class="fa fa-star"/>
<t t-if="product.rating_avg % 1 == 0"><t t-esc="int(product.rating_avg)"/></t>
<t t-else=""><t t-esc='"{:.1f}".format(product.rating_avg)'/></t>
<span class="rating-count" t-if="product.rating_count" t-esc="product.rating_count"/>
</span>
</span>
<div class="as-product-card-action">
<t t-if="configuration.get('allow_wishlist')">
<t t-nocache="The wishlist depends on the user and must not be shared with other users. As this rendering is in the loop, the product value is set in the template, we must retain the id of the product on which we are."
t-nocache-product_template_id="product.id">
<t t-set="in_wish" t-value="product._is_in_wishlist()"/>
<a t-if="product_variant" type="button" role="button" t-attf-class="as-pc-btn o_add_wishlist #{'disabled' if in_wish else ''}" t-att-disabled='in_wish or None' title="Add to Wishlist" t-att-data-product-template-id="product.id" t-att-data-product-product-id="product_variant.id" data-action="o_wishlist"><span class="asi asi-heart" role="img" aria-label="Add to wishlist"></span></a>
</t>
</t>
<t t-if="configuration.get('allow_compare')">
<t t-set="categories" t-value="product.valid_product_template_attribute_line_ids._prepare_categories_for_display()"/>
<a t-if="product_variant and categories" type="button" role="button" class="as-pc-btn as-pc-compare d-none d-md-inline-flex o_add_compare" title="Compare" aria-label="Compare" t-att-data-product-product-id="product_variant.id" data-action="o_comparelist"><span class="asi asi-repeat"></span></a>
</t>
</div>
</div>
<div class="as-product-card-body">
<div t-if="configuration.get('allow_brand_info') and product.product_brand_id" class="as-pc-brand">
<span t-esc="product.product_brand_id.name" />
</div>
<div class="as-pc-title">
<a t-attf-href="/shop/{{slug(product.sudo())}}" t-esc="product.name" />
</div>
<div t-if="not (request.env.user._is_public() and request.website.active_b2b_mode)" class="as-price as-pc-price">
<t t-call="website_sale.product_price"/>
<small t-if="combination_info['base_unit_price']"
class="ms-1 text-muted o_base_unit_price_wrapper d-none" groups="website_sale.group_show_uom_price">
<t t-call='website_sale.base_unit_price'/>
</small>
</div>
<!-- Stock Info -->
<div t-if="configuration.get('allow_stock_info')" id="out_of_stock_message" class="as-pc-message">
<t t-if="not product.sudo().allow_out_of_stock_order and product.sudo().with_context(warehouse=website._get_warehouse_available()).virtual_available &lt; 1">
<span>Out of stock</span>
</t>
<t t-elif="product.sudo().show_availability and product.sudo().with_context(warehouse=website._get_warehouse_available()).virtual_available &lt; product.available_threshold">
<span>Only Few Units left in stock.</span>
</t>
</div>
<div class="as-product-card-desc" itemprop="description" t-field="product.description_sale"/>
<!-- Color Variant -->
<div t-if="configuration.get('allow_color_variant')" class="as-color-variant as-pc-colors">
<t t-foreach="product.valid_product_template_attribute_line_ids" t-as="ptal">
<t t-if="ptal.attribute_id.display_type == 'color'">
<ul>
<li t-foreach="ptal.product_template_value_ids._only_active()" t-as="ptav" >
<t t-if="ptav.pv_thumbnail != False">
<label t-att-data-product_tmpl_id="product.id" class="as_color_variant_img css_attribute_color_tag" t-attf-style="background-image: url({{request.website.image_url(ptav,'pv_thumbnail')}}); background-size: cover;">
<span t-att-data-product-image="request.website.image_url(product,'image_1024')"
t-att-data-color-image="request.website.image_url(ptav,'pv_thumbnail')" >
</span>
</label>
</t>
<t t-else="">
<label t-att-data-product_tmpl_id="product.id" t-attf-style="background-color:#{ptav.html_color or ptav.product_attribute_value_id.name}" t-attf-class="css_attribute_color_tag">
</label>
</t>
</li>
</ul>
</t>
</t>
</div>
<!-- Offer Timer -->
<div t-if="configuration.get('allow_offer_time')" class="as-offer-time as-pc-timer">
<div class="as_offer_timer" t-att-data-offer="product.sudo().product_variant_id._get_offer_timing(website._get_current_pricelist())"/>
</div>
<div class="as-product-card-cart">
<t t-if="configuration.get('allow_add_to_cart') and not (request.env.user._is_public() and request.website.active_b2b_mode)">
<!-- disable on outof stock -->
<a role="button" id="as_add_to_cart"
t-attf-class="{{'d-none' if combination_info['prevent_zero_price_sale'] else 'as-pc-btn as-pc-cart'}}"
aria-label="Shopping cart" title="Shopping cart">
<i class="asi asi-shopping-cart"/> <span>Add to cart</span>
</a>
</t>
<t t-elif="request.env.user._is_public() and request.website.active_b2b_mode">
<a role="button" href="/web/login" t-attf-class="as-pc-btn as-pc-cart #{'as_login_popup' if request.website.active_login_popup else ''}" title="Login For Price">
<i class="fa fa-lock"/> <span>Login For Price</span>
</a>
</t>
<t t-if="configuration.get('allow_quick_view')">
<span class="as-pc-btn as-pc-quick-view as_quick_view" t-att-data-product_tmpl_id="product.id"><i class="asi asi-eye"></i></span>
</t>
</div>
<ul t-if="configuration.get('allow_label')" class="as-pc-tags">
<t t-foreach="product.sudo().product_tag_ids" t-as="tag">
<li t-esc="tag.name"/>
</t>
</ul>
</div>
</form>
</div>
</template>
<template id="base_banner_card_02">
<div class="as-product-banner-card as-product-banner-card-02">
<form class="as_color_variant as-product-banner-form" action="/shop/cart/update" method="post">
<t t-set="combination" t-value="product.sudo()._get_first_possible_combination()"/>
<t t-set="combination_info" t-value="product.sudo()._get_combination_info(combination, add_qty=add_qty or 1)"/>
<t t-set="product_variant" t-value="product.env['product.product'].browse(combination_info['product_id'])"/>
<input type="hidden" name="csrf_token" t-att-value="request.csrf_token()" t-nocache="The csrf token must always be up to date."/>
<input name="product_id" t-att-value="product_variant.id" type="hidden"/>
<div class="as-product-card-media">
<div class="as-product-card-media-primary">
<a class="oe_product_image_img_wrapper" t-attf-href="/shop/{{slug(product.sudo())}}">
<img class="as_product_main_img" t-att-src="request.website.image_url(product,'image_1024')"/>
</a>
</div>
<!-- Hover Image -->
<div t-if="configuration.get('allow_hover_image') and product.hover_image" class="as-hover-image">
<img t-att-src="request.website.image_url(product,'hover_image')"/>
</div>
<t t-if="configuration.get('allow_label')">
<t t-call="theme_alan.product_label"/>
</t>
</div>
<div class="as-product-card-body">
<div class="as-product-card-body-in">
<span t-if="configuration.get('allow_rating') and product.rating_avg" class="as-pc-rating">
<span class="as_product_rating">
<i class="fa fa-star"/>
<t t-if="product.rating_avg % 1 == 0"><t t-esc="int(product.rating_avg)"/></t>
<t t-else=""><t t-esc='"{:.1f}".format(product.rating_avg)'/></t>
<span class="rating-count" t-if="product.rating_count" t-esc="product.rating_count"/>
</span>
</span>
<div t-if="configuration.get('allow_brand_info') and product.product_brand_id" class="as-pc-brand">
<span t-esc="product.product_brand_id.name" />
</div>
<div class="as-pc-title">
<a t-attf-href="/shop/{{slug(product.sudo())}}" t-esc="product.name" />
</div>
<div t-if="not (request.env.user._is_public() and request.website.active_b2b_mode)" class="as-price as-pc-price">
<t t-call="website_sale.product_price"/>
<small t-if="combination_info['base_unit_price']"
class="ms-1 text-muted o_base_unit_price_wrapper d-none" groups="website_sale.group_show_uom_price">
<t t-call='website_sale.base_unit_price'/>
</small>
</div>
<!-- Stock Info -->
<div t-if="configuration.get('allow_stock_info')" id="out_of_stock_message" class="as-pc-message">
<t t-if="not product.sudo().allow_out_of_stock_order and product.sudo().with_context(warehouse=website._get_warehouse_available()).virtual_available &lt; 1">
<span>Out of stock</span>
</t>
<t t-elif="product.sudo().show_availability and product.sudo().with_context(warehouse=website._get_warehouse_available()).virtual_available &lt; product.available_threshold">
<span>Only Few Units left in stock.</span>
</t>
</div>
<div class="as-product-card-desc" itemprop="description" t-field="product.description_sale"/>
<!-- Color Variant -->
<div t-if="configuration.get('allow_color_variant')" class="as-color-variant as-pc-colors">
<t t-foreach="product.valid_product_template_attribute_line_ids" t-as="ptal">
<t t-if="ptal.attribute_id.display_type == 'color'">
<ul>
<li t-foreach="ptal.product_template_value_ids._only_active()" t-as="ptav" >
<t t-if="ptav.pv_thumbnail != False">
<label t-att-data-product_tmpl_id="product.id" class="as_color_variant_img css_attribute_color_tag" t-attf-style="background-image: url({{request.website.image_url(ptav,'pv_thumbnail')}}); background-size: cover;">
<span t-att-data-product-image="request.website.image_url(product,'image_1024')"
t-att-data-color-image="request.website.image_url(ptav,'pv_thumbnail')" >
</span>
</label>
</t>
<t t-else="">
<label t-att-data-product_tmpl_id="product.id" t-attf-style="background-color:#{ptav.html_color or ptav.product_attribute_value_id.name}" t-attf-class="css_attribute_color_tag">
</label>
</t>
</li>
</ul>
</t>
</t>
</div>
<!-- Offer Timer -->
<div t-if="configuration.get('allow_offer_time')" class="as-offer-time as-pc-timer">
<div class="as_offer_timer" t-att-data-offer="product.sudo().product_variant_id._get_offer_timing(website._get_current_pricelist())"/>
</div>
<div class="as-product-card-cart">
<t t-if="configuration.get('allow_add_to_cart') and not (request.env.user._is_public() and request.website.active_b2b_mode)">
<!-- disable on outof stock -->
<a role="button" id="as_add_to_cart"
t-attf-class="{{'d-none' if combination_info['prevent_zero_price_sale'] else 'as-pc-btn as-pc-cart'}}"
aria-label="Shopping cart" title="Shopping cart">
<i class="asi asi-shopping-cart"/>
</a>
</t>
<t t-elif="request.env.user._is_public() and request.website.active_b2b_mode">
<a role="button" href="/web/login" t-attf-class="as-pc-btn as-pc-cart #{'as_login_popup' if request.website.active_login_popup else ''}" title="Login For Price">
<i class="fa fa-lock"/>
</a>
</t>
<t t-if="configuration.get('allow_quick_view')">
<span class="as-pc-btn as-pc-quick-view as_quick_view" t-att-data-product_tmpl_id="product.id"><i class="asi asi-eye"></i></span>
</t>
<t t-if="configuration.get('allow_wishlist')">
<t t-nocache="The wishlist depends on the user and must not be shared with other users. As this rendering is in the loop, the product value is set in the template, we must retain the id of the product on which we are."
t-nocache-product_template_id="product.id">
<t t-set="in_wish" t-value="product._is_in_wishlist()"/>
<a t-if="product_variant" type="button" role="button" t-attf-class="as-pc-btn o_add_wishlist #{'disabled' if in_wish else ''}" t-att-disabled='in_wish or None' title="Add to Wishlist" t-att-data-product-template-id="product.id" t-att-data-product-product-id="product_variant.id" data-action="o_wishlist"><span class="asi asi-heart" role="img" aria-label="Add to wishlist"></span></a>
</t>
</t>
<t t-if="configuration.get('allow_compare')">
<t t-set="categories" t-value="product.valid_product_template_attribute_line_ids._prepare_categories_for_display()"/>
<a t-if="product_variant and categories" type="button" role="button" class="as-pc-btn as-pc-compare d-none d-md-inline-flex o_add_compare" title="Compare" aria-label="Compare" t-att-data-product-product-id="product_variant.id" data-action="o_comparelist"><span class="asi asi-repeat"></span></a>
</t>
</div>
<ul t-if="configuration.get('allow_label')" class="as-pc-tags">
<t t-foreach="product.sudo().product_tag_ids" t-as="tag">
<li t-esc="tag.name"/>
</t>
</ul>
</div>
</div>
</form>
</div>
</template>
<template id="base_banner_card_03">
<div class="as-product-banner-card as-product-banner-card-03">
<form class="as_color_variant as-product-banner-form" action="/shop/cart/update" method="post">
<t t-set="combination" t-value="product.sudo()._get_first_possible_combination()"/>
<t t-set="combination_info" t-value="product.sudo()._get_combination_info(combination, add_qty=add_qty or 1)"/>
<t t-set="product_variant" t-value="product.env['product.product'].browse(combination_info['product_id'])"/>
<input type="hidden" name="csrf_token" t-att-value="request.csrf_token()" t-nocache="The csrf token must always be up to date."/>
<input name="product_id" t-att-value="product_variant.id" type="hidden"/>
<div class="as-product-card-body">
<div t-if="configuration.get('allow_brand_info') and product.product_brand_id" class="as-pc-brand">
<span t-esc="product.product_brand_id.name" />
</div>
<div class="as-pc-title">
<a t-attf-href="/shop/{{slug(product.sudo())}}" t-esc="product.name" />
<span t-if="configuration.get('allow_rating') and product.rating_avg" class="as-pc-rating">
<span class="as_product_rating">
<i class="fa fa-star"/>
<t t-if="product.rating_avg % 1 == 0"><t t-esc="int(product.rating_avg)"/></t>
<t t-else=""><t t-esc='"{:.1f}".format(product.rating_avg)'/></t>
<span class="rating-count" t-if="product.rating_count" t-esc="product.rating_count"/>
</span>
</span>
</div>
<div t-if="not (request.env.user._is_public() and request.website.active_b2b_mode)" class="as-price as-pc-price">
<t t-call="website_sale.product_price"/>
<small t-if="combination_info['base_unit_price']"
class="ms-1 text-muted o_base_unit_price_wrapper d-none" groups="website_sale.group_show_uom_price">
<t t-call='website_sale.base_unit_price'/>
</small>
</div>
<!-- Stock Info -->
<div t-if="configuration.get('allow_stock_info')" id="out_of_stock_message" class="as-pc-message">
<t t-if="not product.sudo().allow_out_of_stock_order and product.sudo().with_context(warehouse=website._get_warehouse_available()).virtual_available &lt; 1">
<span>Out of stock</span>
</t>
<t t-elif="product.sudo().show_availability and product.sudo().with_context(warehouse=website._get_warehouse_available()).virtual_available &lt; product.available_threshold">
<span>Only Few Units left in stock.</span>
</t>
</div>
<div class="as-product-card-desc" itemprop="description" t-field="product.description_sale"/>
<!-- Color Variant -->
<div t-if="configuration.get('allow_color_variant')" class="as-color-variant as-pc-colors">
<t t-foreach="product.valid_product_template_attribute_line_ids" t-as="ptal">
<t t-if="ptal.attribute_id.display_type == 'color'">
<ul>
<li t-foreach="ptal.product_template_value_ids._only_active()" t-as="ptav" >
<t t-if="ptav.pv_thumbnail != False">
<label t-att-data-product_tmpl_id="product.id" class="as_color_variant_img css_attribute_color_tag" t-attf-style="background-image: url({{request.website.image_url(ptav,'pv_thumbnail')}}); background-size: cover;">
<span t-att-data-product-image="request.website.image_url(product,'image_1024')"
t-att-data-color-image="request.website.image_url(ptav,'pv_thumbnail')" >
</span>
</label>
</t>
<t t-else="">
<label t-att-data-product_tmpl_id="product.id" t-attf-style="background-color:#{ptav.html_color or ptav.product_attribute_value_id.name}" t-attf-class="css_attribute_color_tag">
</label>
</t>
</li>
</ul>
</t>
</t>
</div>
<!-- Offer Timer -->
<div t-if="configuration.get('allow_offer_time')" class="as-offer-time as-pc-timer">
<div class="as_offer_timer" t-att-data-offer="product.sudo().product_variant_id._get_offer_timing(website._get_current_pricelist())"/>
</div>
<div class="as-product-card-cart">
<t t-if="configuration.get('allow_add_to_cart') and not (request.env.user._is_public() and request.website.active_b2b_mode)">
<!-- disable on outof stock -->
<a role="button" id="as_add_to_cart"
t-attf-class="{{'d-none' if combination_info['prevent_zero_price_sale'] else 'as-pc-btn as-pc-cart'}}"
aria-label="Shopping cart" title="Shopping cart">
<i class="asi asi-shopping-cart"/> <span>Add to cart</span>
</a>
</t>
<t t-elif="request.env.user._is_public() and request.website.active_b2b_mode">
<a role="button" href="/web/login" t-attf-class="as-pc-btn as-pc-cart #{'as_login_popup' if request.website.active_login_popup else ''}" title="Login For Price">
<i class="fa fa-lock"/> <span>Login For Price</span>
</a>
</t>
<t t-if="configuration.get('allow_quick_view')">
<span class="as-pc-btn as-pc-quick-view as_quick_view" t-att-data-product_tmpl_id="product.id"><i class="asi asi-eye"></i></span>
</t>
<t t-if="configuration.get('allow_wishlist')">
<t t-nocache="The wishlist depends on the user and must not be shared with other users. As this rendering is in the loop, the product value is set in the template, we must retain the id of the product on which we are."
t-nocache-product_template_id="product.id">
<t t-set="in_wish" t-value="product._is_in_wishlist()"/>
<a t-if="product_variant" type="button" role="button" t-attf-class="as-pc-btn o_add_wishlist #{'disabled' if in_wish else ''}" t-att-disabled='in_wish or None' title="Add to Wishlist" t-att-data-product-template-id="product.id" t-att-data-product-product-id="product_variant.id" data-action="o_wishlist"><span class="asi asi-heart" role="img" aria-label="Add to wishlist"></span></a>
</t>
</t>
<t t-if="configuration.get('allow_compare')">
<t t-set="categories" t-value="product.valid_product_template_attribute_line_ids._prepare_categories_for_display()"/>
<a t-if="product_variant and categories" type="button" role="button" class="as-pc-btn as-pc-compare d-none d-md-inline-flex o_add_compare" title="Compare" aria-label="Compare" t-att-data-product-product-id="product_variant.id" data-action="o_comparelist"><span class="asi asi-repeat"></span></a>
</t>
</div>
<ul t-if="configuration.get('allow_label')" class="as-pc-tags">
<t t-foreach="product.sudo().product_tag_ids" t-as="tag">
<li t-esc="tag.name"/>
</t>
</ul>
</div>
<div class="as-product-card-media">
<div class="as-product-card-media-primary">
<a class="oe_product_image_img_wrapper" t-attf-href="/shop/{{slug(product.sudo())}}">
<img class="as_product_main_img" t-att-src="request.website.image_url(product,'image_1024')"/>
</a>
</div>
<!-- Hover Image -->
<div t-if="configuration.get('allow_hover_image') and product.hover_image" class="as-hover-image">
<img t-att-src="request.website.image_url(product,'hover_image')"/>
</div>
<t t-if="configuration.get('allow_label')">
<t t-call="theme_alan.product_label"/>
</t>
</div>
</form>
</div>
</template>
<template id="s_product_banner_slider" name="Product Slider">
<div t-attf-class="swiper as_page_swiper" contenteditable="false">
<div class="swiper-button-prev asi asi-chevron-left"></div>
<div class="swiper-button-next asi asi-chevron-right"></div>
<div class="swiper-wrapper">
<t t-foreach="records" t-as="product">
<div t-attf-class="swiper-slide" >
<t t-if="configuration.get('slider_style') == 'as-slider-1'">
<t t-call="theme_alan.base_banner_card_01"/>
</t>
<t t-if="configuration.get('slider_style') == 'as-slider-2'">
<t t-call="theme_alan.base_banner_card_02"/>
</t>
<t t-if="configuration.get('slider_style') == 'as-slider-3'">
<t t-call="theme_alan.base_banner_card_03"/>
</t>
</div>
</t>
</div>
<t t-if="configuration.get('pagination') != 'scroll_bar'">
<div class="swiper-pagination"></div>
</t>
<t t-else="">
<div class="swiper-scrollbar"></div>
</t>
</div>
</template>
<template id="as_product_banner_grid_one" name="Product Grid 1">
<div t-attf-class="as-product-banner-card-col col-lg-#{col_size}">
<t t-call="theme_alan.base_banner_card_01"/>
</div>
</template>
<template id="as_product_banner_grid_two" name="Product Grid 2">
<div t-attf-class="as-product-banner-card-col col-lg-#{col_size}">
<t t-call="theme_alan.base_banner_card_02"/>
</div>
</template>
<template id="as_product_banner_grid_three" name="Product Grid 3">
<div t-attf-class="as-product-banner-card-col col-lg-#{col_size}">
<t t-call="theme_alan.base_banner_card_03"/>
</div>
</template>
<template id="s_product_banner_grid" name="Product Grid">
<div class="container">
<div t-attf-class="row g-3">
<t t-foreach="records" t-as="product">
<t t-if="int(configuration.get('default_col_desk')) == 5">
<t t-set="col_size" t-value="'five'"/>
</t>
<t t-else="">
<t t-set="col_size" t-value="int(12/int(configuration.get('default_col_desk')))"/>
</t>
<t t-if="configuration.get('grid_style') == 'as-grid-1'">
<t t-call="theme_alan.as_product_banner_grid_one"/>
</t>
<t t-if="configuration.get('grid_style') == 'as-grid-2'">
<t t-call="theme_alan.as_product_banner_grid_two"/>
</t>
<t t-if="configuration.get('grid_style') == 'as-grid-3'">
<t t-call="theme_alan.as_product_banner_grid_three"/>
</t>
</t>
</div>
</div>
</template>
</odoo>
Reference in New Issue View Git Blame Copy Permalink