@inappstory/slide-api 0.1.36 → 0.1.37

package/dist/index.cjs

@@ -20205,6 +20205,9 @@ class ProductOptions extends RenderableComponent {
         this.optionsManager = new ProductOptionsManager(props.optionNames, props.products);
         this.init(props.products);
     }
+    getOptionsCount() {
+        return this.props.optionNames.reduce((sum, optionName) => sum + this.optionsManager.getOptionsFor(optionName).length, 0);
+    }
     renderTemplate() {
         this.optionsContainer = h("div", { class: "ias-product-details__options" }, this.renderOptionSelectors());
         return this.optionsContainer;
@@ -20300,10 +20303,10 @@ class ProductDetails extends RenderableComponent {
         });
         const description = new ProductDetailsDescription(props.product);
         const productOptions = this.createProductOptions({ purchase, gallery, description, cover });
-        const relatedProductsLength = this.props.relatedProducts.length ?? 0;
+        const hasRelatedProducts = this.props.relatedProducts.length > 0 && productOptions.getOptionsCount() > 0;
         return h("div", { class: "ias-product-details" }, 
         /*             this.props.product.coverUrl ? cover.render() : null, */
-        h("div", { class: "ias-product-details__scrollable" }, gallery.render(), h("div", { class: "ias-product-details__content" }, description.render(), relatedProductsLength > 0 ? productOptions.render() : null)), this.createFooter(purchase));
+        h("div", { class: "ias-product-details__scrollable" }, gallery.render(), h("div", { class: "ias-product-details__content" }, description.render(), hasRelatedProducts ? productOptions.render() : null)), this.createFooter(purchase));
     }
     createProductOptions({ purchase, gallery, description, cover, }) {
         return new ProductOptions({