Improve SEO performance on product-summary-name

docs/README.md

@@ -34,7 +34,7 @@ Store GraphQL is a middleware to access all VTEX APIs.
 - [Search Result](https://github.com/vtex-apps/search-result/blob/master/docs/README.md)
 - [Product Details](https://github.com/vtex-apps/product-details/blob/master/docs/README.md)
 - [Store Components](https://github.com/vtex-apps/store-components/blob/master/docs/README.md)
-- [Order Placed](https://github.com/vtex-apps/order-placed/blob/master/docs/README.md)
+- [Order Placed](https://github.com/vtex-apps/order-placed/blob/master/docs/README.md) 
 
 ### Store Pixel Apps
 

manifest.json

@@ -60,7 +60,9 @@
     "vtex.store-form": "0.x",
     "vtex.product-highlights": "2.x",
     "vtex.product-specifications": "1.x",
-    "vtex.tab-layout": "0.x"
+    "vtex.tab-layout": "0.x",
+    "vtex.condition-layout": "2.x",
+    "vtex.css-handles": "1.x"
   },
   "peerDependencies": {
     "vtex.reviews-and-ratings": "2.x"

store/blocks/pdp/product.jsonc

@@ -2,7 +2,7 @@
   "store.product": {
     "children": [
       "flex-layout.row#product-breadcrumb",
-      "flex-layout.row#product-main",
+      "condition-layout.product#availability",
       "flex-layout.row#description",
       "flex-layout.row#specifications-title",
       "product-specification-group#table",
@@ -33,6 +33,17 @@
     },
     "children": ["product-description"]
   },
+  "condition-layout.product#availability": {
+    "props": {
+      "conditions": [
+        {
+          "subject": "isProductAvailability"
+        }
+      ],
+      "Then": "flex-layout.row#product-main",
+      "Else": "flex-layout.row#product-availability"
+    }
+  },
   "flex-layout.row#product-main": {
     "props": {
       "colGap": 7,
@@ -130,6 +141,37 @@
     "children": ["add-to-cart-button"]
   },
 
+  "flex-layout.row#product-availability": {
+    "props": {
+      "colGap": 7,
+      "marginTop": 4,
+      "marginBottom": 7,
+      "paddingTop": 7
+    },
+    "children": ["flex-layout.col#stack", "flex-layout.col#right-col-availability"]
+  },
+  "flex-layout.col#right-col-availability": {
+    "props": {
+      "preventVerticalStretch": true,
+      "rowGap": 0,
+      "blockClass": "info-availability"
+    },
+    "children": [
+      "flex-layout.row#product-name",
+      "product-identifier.product",
+      "sku-selector",
+      "flex-layout.row#availability"
+    ]
+  },
+  "flex-layout.row#availability": {
+    "props": {
+      "blockClass": "message-availability"
+    },
+    "children": [
+      "availability-subscriber"
+    ]
+  },
+
   "share#default": {
     "props": {
       "social": {

store/blocks/product-summary/product-summary.jsonc

@@ -26,6 +26,12 @@
     ]
   },
 
+  "product-summary-name": {
+    "props": {
+      "tag": "div"
+    }
+  },
+
   "product-summary-image#shelf": {
     "props": {
       "showBadge": false,