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.
131 lines
9.9 KiB
131 lines
9.9 KiB
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<!-- Custom Template to Extend the Base Variants Template -->
|
|
<template id="website_sale.variants">
|
|
<div class="attr_container">
|
|
<t t-set="attribute_exclusions"
|
|
t-value="product._get_attribute_exclusions(parent_combination, parent_name)"/>
|
|
<ul t-attf-class="list-unstyled js_add_cart_variants mb-0 #{ul_class}"
|
|
t-att-data-attribute_exclusions="json.dumps(attribute_exclusions)">
|
|
<t t-foreach="product.valid_product_template_attribute_line_ids" t-as="ptal">
|
|
<!-- Attributes selection is hidden if there is only one value available and it's not a custom value -->
|
|
<li t-att-data-attribute_id="ptal.attribute_id.id"
|
|
t-att-data-ptal_index="ptal_index"
|
|
t-att-data-attribute_name="ptal.attribute_id.name"
|
|
t-att-data-attribute_display_type="ptal.attribute_id.display_type"
|
|
t-attf-class="variant_attribute disabled #{'d-none' if len(ptal.product_template_value_ids._only_active()) == 1 and not ptal.product_template_value_ids._only_active()[0].is_custom else ''}">
|
|
<!-- Used to customize layout if the only available attribute value is custom -->
|
|
<t t-set="single" t-value="len(ptal.product_template_value_ids._only_active()) == 1"/>
|
|
<t t-set="single_and_custom"
|
|
t-value="single and ptal.product_template_value_ids._only_active()[0].is_custom"/>
|
|
<strong t-field="ptal.attribute_id.name" class="attribute_name"/>
|
|
<t t-if="ptal.attribute_id.display_type == 'select'">
|
|
<select
|
|
t-att-data-attribute_id="ptal.attribute_id.id"
|
|
t-attf-class="form-select css_attribute_select o_wsale_product_attribute js_variant_change #{ptal.attribute_id.create_variant} #{'d-none' if single_and_custom else ''}"
|
|
t-att-name="'ptal-%s' % ptal.id">
|
|
<t t-foreach="ptal.product_template_value_ids._only_active()" t-as="ptav">
|
|
<option t-att-value="ptav.id"
|
|
t-att-data-value_id="ptav.id"
|
|
t-att-data-value_name="ptav.name"
|
|
t-att-data-attribute_name="ptav.attribute_id.name"
|
|
t-att-data-is_custom="ptav.is_custom"
|
|
t-att-data-is_single="single"
|
|
t-att-data-is_single_and_custom="single_and_custom">
|
|
<span t-field="ptav.name"/>
|
|
<t t-call="website_sale.badge_extra_price"/>
|
|
</option>
|
|
</t>
|
|
</select>
|
|
</t>
|
|
<t t-if="ptal.attribute_id.display_type == 'radio'">
|
|
<ul t-att-data-attribute_id="ptal.attribute_id.id"
|
|
t-attf-class="list-inline list-unstyled o_wsale_product_attribute #{'d-none' if single_and_custom else ''}">
|
|
<t t-foreach="ptal.product_template_value_ids._only_active()" t-as="ptav">
|
|
<li class="list-inline-item mb-3 js_attribute_value" style="margin: 0;">
|
|
<label class="col-form-label">
|
|
<div class="form-check">
|
|
<input type="radio"
|
|
t-attf-class="form-check-input js_variant_change #{ptal.attribute_id.create_variant}"
|
|
t-att-name="'ptal-%s' % ptal.id"
|
|
t-att-value="ptav.id"
|
|
t-att-data-value_id="ptav.id"
|
|
t-att-data-value_name="ptav.name"
|
|
t-att-data-attribute_name="ptav.attribute_id.name"
|
|
t-att-data-is_custom="ptav.is_custom"
|
|
t-att-data-is_single="single"
|
|
t-att-data-is_single_and_custom="single_and_custom"
|
|
t-att-data-checked="ptav in combination"/>
|
|
<div class="radio_input_value form-check-label">
|
|
<span t-field="ptav.name"/>
|
|
<t t-call="website_sale.badge_extra_price"/>
|
|
</div>
|
|
</div>
|
|
</label>
|
|
</li>
|
|
</t>
|
|
</ul>
|
|
</t>
|
|
<t t-if="ptal.attribute_id.display_type == 'pills'">
|
|
<ul t-att-data-attribute_id="ptal.attribute_id.id"
|
|
t-attf-class="btn-group-toggle list-inline list-unstyled o_wsale_product_attribute #{'d-none' if single_and_custom else ''}"
|
|
data-bs-toggle="buttons">
|
|
<t t-foreach="ptal.product_template_value_ids._only_active()" t-as="ptav">
|
|
<li t-attf-class="o_variant_pills btn btn-primary mb-1 list-inline-item js_attribute_value">
|
|
<input type="radio"
|
|
t-attf-class="js_variant_change #{ptal.attribute_id.create_variant}"
|
|
t-att-name="'ptal-%s' % ptal.id"
|
|
t-att-value="ptav.id"
|
|
t-att-data-value_id="ptav.id"
|
|
t-att-id="ptav.id"
|
|
t-att-data-value_name="ptav.name"
|
|
t-att-data-attribute_name="ptav.attribute_id.name"
|
|
t-att-data-is_custom="ptav.is_custom"
|
|
t-att-data-is_single_and_custom="single_and_custom"
|
|
t-att-autocomplete="off"/>
|
|
<div class="radio_input_value o_variant_pills_input_value">
|
|
<span t-field="ptav.name"/>
|
|
<t t-call="website_sale.badge_extra_price"/>
|
|
</div>
|
|
</li>
|
|
</t>
|
|
</ul>
|
|
</t>
|
|
<t t-if="ptal.attribute_id.display_type == 'color'">
|
|
<ul t-att-data-attribute_id="ptal.attribute_id.id"
|
|
t-attf-class="list-inline o_wsale_product_attribute #{'d-none' if single_and_custom else ''}">
|
|
<t t-foreach="ptal.product_template_value_ids._only_active()" t-as="ptav">
|
|
<li class="list-inline-item me-1">
|
|
<label t-attf-style="background-color:#{ptav.html_color or ptav.product_attribute_value_id.name if not ptav.is_custom else ''}"
|
|
t-attf-class="css_attribute_color #{'custom_value' if ptav.is_custom else ''} #{'transparent' if (not ptav.is_custom and not ptav.html_color) else ''}">
|
|
<input type="radio"
|
|
t-attf-class="js_variant_change #{ptal.attribute_id.create_variant}"
|
|
t-att-name="'ptal-%s' % ptal.id"
|
|
t-att-value="ptav.id"
|
|
t-att-title="ptav.name"
|
|
t-att-data-value_id="ptav.id"
|
|
t-att-data-value_name="ptav.name"
|
|
t-att-data-attribute_name="ptav.attribute_id.name"
|
|
t-att-data-is_custom="ptav.is_custom"
|
|
t-att-data-is_single="single"
|
|
t-att-data-is_single_and_custom="single_and_custom"/>
|
|
</label>
|
|
</li>
|
|
</t>
|
|
</ul>
|
|
</t>
|
|
</li>
|
|
</t>
|
|
</ul>
|
|
</div>
|
|
</template>
|
|
<template id="badge_extra_price" name="Badge Extra Price">
|
|
<t t-set="combination_info_variant" t-value="product._get_combination_info(ptav, pricelist=pricelist)"/>
|
|
<span class="badge rounded-pill text-bg-light border" t-if="combination_info_variant['price_extra']">
|
|
<span class="sign_badge_price_extra" t-out="combination_info_variant['price_extra'] > 0 and '+' or '-'"/>
|
|
<span t-out="abs(combination_info_variant['price_extra'])" class="variant_price_extra text-muted fst-italic"
|
|
style="white-space: nowrap;"
|
|
t-options='{"widget": "monetary", "display_currency": (pricelist or product).currency_id}'/>
|
|
</span>
|
|
</template>
|
|
</odoo>
|