diff --git a/addons/website_sale/views/templates.xml b/addons/website_sale/views/templates.xml
index 47f02d9d711..ad7b7d4d6c6 100644
--- a/addons/website_sale/views/templates.xml
+++ b/addons/website_sale/views/templates.xml
@@ -415,7 +415,7 @@
 <template id="variants">
   <t t-set="attribute_value_ids" t-value="get_attribute_value_ids(product)"/>
   <ul t-attf-class="list-unstyled js_add_cart_variants #{ul_class}" t-att-data-attribute_value_ids="attribute_value_ids">
-    <t t-foreach="product.attribute_line_ids" t-as="variant_id">
+    <t t-foreach="product.attribute_line_ids.sorted(key=lambda x: x.attribute_id.sequence)" t-as="variant_id">
       <li t-if="len(variant_id.value_ids) > 1">
 
         <strong t-field="variant_id.attribute_id.name"/>