@designcrowd/library.brand-page 5.6.4-fluid-1 → 5.6.4-fluid-2

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.js

@@ -100,7 +100,7 @@ export default defineComponent({
             ? JSON.parse(this.viewModel.shopConfigData)
             : null;
         if (!this.containerStore.baseFabricRenderUrl) {
-            throw new Error('base fabric render url is undefined');
+            // throw new Error('base fabric render url is undefined');
         }
         FabricRenderClient.setInstance({
             baseUrl: this.containerStore.baseFabricRenderUrl,

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.js

@@ -138,7 +138,42 @@ export const SampleBanner = () => {
     const pinia = setupStoryPinia();
     const brandPageMakerStore = useBrandPageMakerStore();
     const bannerContent = createInitialBannerSectionContent();
-    bannerContent.description = 'Lorem ipsum dolor sit amet';
+    bannerContent.title = 'LAUNCHING SOON';
+    bannerContent.description = 'This Is Going To Be Epic';
+    bannerContent.buttonText = 'CONTACT US';
+    bannerContent.titleStyle.textStyleType = undefined;
+    bannerContent.titleStyle.fontSize = '6.25em';
+    bannerContent.titleStyle.fontFamily = 'Ubuntu';
+    bannerContent.titleStyle.lineHeight = '1';
+    bannerContent.titleStyle.textAlign = 'left';
+    bannerContent.displayStyle = 'left-aligned';
+    bannerContent.descriptionStyle.textStyleType = undefined;
+    bannerContent.descriptionStyle.fontFamily = 'Work Sans';
+    bannerContent.descriptionStyle.fontSize = '2.6875em';
+    bannerContent.descriptionStyle.textAlign = 'left';
+    bannerContent.buttonTextStyle.textStyleType = undefined;
+    bannerContent.buttonTextStyle.fontFamily = 'Ubuntu';
+    bannerContent.buttonTextStyle.fontSize = '1.5em';
+    bannerContent.buttonTextStyle.textAlign = 'left';
+    console.log('bannerContent', bannerContent);
+    const bannerContent2 = createInitialBannerSectionContent();
+    bannerContent2.title = 'LAUNCHING SOON';
+    bannerContent2.description = 'This Is Going To Be Epic2';
+    bannerContent2.buttonText = 'CONTACT US';
+    bannerContent2.titleStyle.textStyleType = undefined;
+    bannerContent2.titleStyle.fontSize = '6.25em';
+    bannerContent2.titleStyle.fontFamily = 'Ubuntu';
+    bannerContent2.titleStyle.lineHeight = '1';
+    bannerContent2.titleStyle.textAlign = 'left';
+    bannerContent2.displayStyle = 'left-aligned';
+    bannerContent2.descriptionStyle.textStyleType = undefined;
+    bannerContent2.descriptionStyle.fontFamily = 'Work Sans';
+    bannerContent2.descriptionStyle.fontSize = '2.6875em';
+    bannerContent2.descriptionStyle.textAlign = 'left';
+    bannerContent2.buttonTextStyle.textStyleType = undefined;
+    bannerContent2.buttonTextStyle.fontFamily = 'Ubuntu';
+    bannerContent2.buttonTextStyle.fontSize = '1.5em';
+    bannerContent2.buttonTextStyle.textAlign = 'left';
     brandPageMakerStore.setViewport({
         viewport: VIEWPORTS.desktop,
     });
@@ -155,7 +190,7 @@ export const SampleBanner = () => {
                             {
                                 title: 'Home',
                                 slug: 'home',
-                                contents: [bannerContent],
+                                contents: [bannerContent, bannerContent2],
                             },
                         ],
                         brandPageType: BRAND_PAGE_TYPES.brandSite,