@lightspeed/crane 3.3.0 → 3.4.1

package/template/layouts/category/example-category/settings/design.ts

@@ -1 +1,229 @@
-export default {} as const;
+import { design } from '@lightspeed/crane-api';
+
+export default {
+  storefront_default_settings: design.accordion({
+    items: {
+      catalog_page_settings: {
+        label: '$label.accordion.catalog_page_settings',
+        editors: {
+          categoryViewMode: design.selectbox({
+            label: '$label.category_view.label',
+            description: '$label.category_view.description',
+            options: [
+              { value: 'EXPANDED', label: '$label.category_view.expanded' },
+              { value: 'COLLAPSED', label: '$label.category_view.collapsed' },
+            ],
+            defaults: { value: 'COLLAPSED' },
+          }),
+          productFiltersVisibleOnCatalogPages: design.selectbox({
+            label: '$label.product_filter_placement.label',
+            options: [
+              { value: 'true', label: '$label.product_filter_placement.all_pages' },
+              { value: 'false', label: '$label.product_filter_placement.category_pages' },
+            ],
+            defaults: { value: 'false' },
+          }),
+          productFiltersOrientationPosition: design.selectbox({
+            label: '$label.filter_panel_orientation.label',
+            options: [
+              { value: 'VERTICAL', label: '$label.filter_panel_orientation.vertical' },
+              { value: 'HORIZONTAL', label: '$label.filter_panel_orientation.horizontal' },
+            ],
+            defaults: { value: 'VERTICAL' },
+          }),
+          filterPriority: design.info({
+            label: '$label.filter_priority.label',
+            description: '$label.filter_priority.description',
+            button: {
+              label: '$label.filter_priority.button',
+              link: '#product-filters:mode=sort',
+            },
+          }),
+          catalogPageDivider1: design.divider({
+            label: '$label.divider',
+          }),
+          productFiltersPositionOnCatalogPages: design.selectbox({
+            label: '$label.side_to_show_filters.label',
+            options: [
+              { value: 'RIGHT', label: '$label.side_to_show_filters.right' },
+              { value: 'LEFT', label: '$label.side_to_show_filters.left' },
+            ],
+            defaults: { value: 'RIGHT' },
+          }),
+          productFiltersOpenedByDefaultOnCategoryPage: design.toggle({
+            label: '$label.expand_filter_panel.label',
+            defaults: { enabled: false },
+          }),
+          showSortViewAsOptions: design.toggle({
+            label: '$label.show_sort_by_options.label',
+            defaults: { enabled: true },
+          }),
+          showFooterMenu: design.toggle({
+            label: '$label.show_bottom_navigation_menu.label',
+            defaults: { enabled: true },
+          }),
+          showSigninLink: design.toggle({
+            label: '$label.show_signin_link.label',
+            defaults: { enabled: true },
+          }),
+        },
+      },
+      product_card_settings: {
+        label: '$label.accordion.product_card_settings',
+        editors: {
+          productCardSpacingType: design.selectbox({
+            label: '$label.card_grid_spacing.label',
+            description: '$label.card_grid_spacing.description',
+            options: [
+              { value: 'NONE', label: '$label.card_grid_spacing.none' },
+              { value: 'NARROW', label: '$label.card_grid_spacing.narrow' },
+              { value: 'MEDIUM', label: '$label.card_grid_spacing.medium' },
+              { value: 'WIDE', label: '$label.card_grid_spacing.wide' },
+            ],
+            defaults: { value: 'WIDE' },
+          }),
+          productCardLayout: design.selectbox({
+            label: '$label.content_alignment.label',
+            options: [
+              { value: 'CENTER', label: '$label.content_alignment.center' },
+              { value: 'LEFT', label: '$label.content_alignment.left' },
+              { value: 'JUSTIFY', label: '$label.content_alignment.justify' },
+              { value: 'RIGHT', label: '$label.content_alignment.right' },
+            ],
+            defaults: { value: 'CENTER' },
+          }),
+          imageAspectRatio: design.selectbox({
+            label: '$label.image_proportions.label',
+            options: [
+              { value: 'SQUARE', label: '$label.image_proportions.square_1_1' },
+              { value: 'PORTRAIT_0667', label: '$label.image_proportions.portrait_2_3' },
+              { value: 'PORTRAIT_075', label: '$label.image_proportions.portrait_3_4' },
+              { value: 'LANDSCAPE_1333', label: '$label.image_proportions.landscape_4_3' },
+              { value: 'LANDSCAPE_15', label: '$label.image_proportions.landscape_2_3' },
+            ],
+            defaults: { value: 'PORTRAIT_0667' },
+          }),
+          imageSize: design.selectbox({
+            label: '$label.card_size.label',
+            options: [
+              { value: 'SMALL', label: '$label.card_size.small' },
+              { value: 'MEDIUM', label: '$label.card_size.medium' },
+              { value: 'LARGE', label: '$label.card_size.large' },
+            ],
+            defaults: { value: 'LARGE' },
+          }),
+          productTitleBehavior: design.selectbox({
+            label: '$label.product_name.label',
+            options: [
+              { value: 'SHOW', label: '$label.show' },
+              { value: 'HIDE', label: '$label.do_not_show' },
+              { value: 'SHOW_ON_HOVER', label: '$label.show_on_mouse_hover' },
+            ],
+            defaults: { value: 'SHOW' },
+          }),
+          productSubtitleBehavior: design.selectbox({
+            label: '$label.product_subtitle.label',
+            options: [
+              { value: 'SHOW', label: '$label.show' },
+              { value: 'HIDE', label: '$label.do_not_show' },
+              { value: 'SHOW_ON_HOVER', label: '$label.show_on_mouse_hover' },
+            ],
+            defaults: { value: 'SHOW' },
+          }),
+          productPriceBehavior: design.selectbox({
+            label: '$label.price.label',
+            options: [
+              { value: 'SHOW', label: '$label.show' },
+              { value: 'HIDE', label: '$label.do_not_show' },
+              { value: 'SHOW_ON_HOVER', label: '$label.show_on_mouse_hover' },
+            ],
+            defaults: { value: 'SHOW' },
+          }),
+          productListSwatchesProductOptionBehavior: design.selectbox({
+            label: '$label.color_swatches.label',
+            description: '$label.color_swatches.description',
+            options: [
+              { value: 'SHOW', label: '$label.show' },
+              { value: 'HIDE', label: '$label.do_not_show' },
+            ],
+            defaults: { value: 'HIDE' },
+          }),
+          productSkuBehavior: design.selectbox({
+            label: '$label.sku.label',
+            options: [
+              { value: 'SHOW', label: '$label.show' },
+              { value: 'HIDE', label: '$label.do_not_show' },
+              { value: 'SHOW_ON_HOVER', label: '$label.show_on_mouse_hover' },
+            ],
+            defaults: { value: 'HIDE' },
+          }),
+          productBuyButtonBehavior: design.selectbox({
+            label: '$label.buy_now_button.label',
+            options: [
+              { value: 'SHOW', label: '$label.show' },
+              { value: 'HIDE', label: '$label.do_not_show' },
+              { value: 'SHOW_ON_HOVER', label: '$label.show_on_mouse_hover' },
+            ],
+            defaults: { value: 'HIDE' },
+          }),
+          productRatingSectionBehavior: design.selectbox({
+            label: '$label.product_rating.label',
+            options: [
+              { value: 'SHOW', label: '$label.show' },
+              { value: 'HIDE', label: '$label.do_not_show' },
+              { value: 'SHOW_ON_HOVER', label: '$label.show_on_mouse_hover' },
+            ],
+            defaults: { value: 'SHOW' },
+          }),
+          productRatingViewBehavior: design.selectbox({
+            label: '$label.rating_view.label',
+            options: [
+              { value: '5_STARS_VIEW', label: '$label.rating_view.five_stars' },
+              { value: '1_STAR_VIEW', label: '$label.rating_view.one_star' },
+            ],
+            defaults: { value: '5_STARS_VIEW' },
+          }),
+          showProductRatingAvg: design.toggle({
+            label: '$label.show_average_product_rating.label',
+            defaults: { enabled: true },
+          }),
+          showProductTotalNumberOfReview: design.toggle({
+            label: '$label.show_total_number_of_reviews.label',
+            defaults: { enabled: true },
+          }),
+          productCardDivider1: design.divider({
+            label: '$label.divider',
+          }),
+          showProductFrame: design.toggle({
+            label: '$label.show_product_card_frame.label',
+            defaults: { enabled: false },
+          }),
+          showProductImages: design.toggle({
+            label: '$label.show_main_product_image.label',
+            defaults: { enabled: true },
+          }),
+          showAdditionalImageOnHover: design.toggle({
+            label: '$label.show_additional_image_on_hover.label',
+            defaults: { enabled: false },
+          }),
+        },
+      },
+      categories_settings: {
+        label: '$label.accordion.categories_settings',
+        editors: {
+          categoryTitleBehavior: design.selectbox({
+            label: '$label.name_position.label',
+            options: [
+              { value: 'SHOW_ON_IMAGE', label: '$label.name_position.on_the_image' },
+              { value: 'SHOW_BELOW_IMAGE', label: '$label.name_position.below_the_image' },
+              { value: 'SHOW_ON_HOVER', label: '$label.name_position.on_mouse_hover' },
+              { value: 'HIDE', label: '$label.name_position.hide_category_names' },
+              { value: 'SHOW_TEXT_ONLY', label: '$label.name_position.hide_category_images' },
+            ],
+            defaults: { value: 'SHOW_ON_IMAGE' },
+          }),
+        },
+      },
+    },
+  }),
+};

package/template/layouts/category/example-category/settings/layout.ts

@@ -0,0 +1 @@
+export default [] as const;

package/template/layouts/category/example-category/settings/translations.ts

@@ -1 +1,285 @@
-export default {} as const;
+import { translation } from '@lightspeed/crane-api';
+
+export default translation.init({
+  en: {
+    '$label.accordion.catalog_page_settings': 'Catalog page settings',
+    '$label.accordion.product_card_settings': 'Product card settings',
+    '$label.accordion.categories_settings': 'Categories settings',
+
+    '$label.show': 'Show',
+    '$label.do_not_show': 'Do not show',
+    '$label.show_on_mouse_hover': 'Show on mouse hover',
+
+    '$label.category_view.label': 'Category view',
+    '$label.category_view.description': 'Display products from root categories on respective category pages only. '
+      + 'This option fits catalogs with a large number of products.',
+    '$label.category_view.expanded': 'Expanded categories',
+    '$label.category_view.collapsed': 'Collapsed categories',
+
+    '$label.product_filter_placement.label': 'Product filter placement',
+    '$label.product_filter_placement.category_pages': 'On category pages',
+    '$label.product_filter_placement.all_pages': 'On catalog and category pages',
+
+    '$label.filter_panel_orientation.label': 'Filter panel orientation',
+    '$label.filter_panel_orientation.vertical': 'Vertical',
+    '$label.filter_panel_orientation.horizontal': 'Horizontal',
+
+    '$label.filter_priority.label': 'Filter priority',
+    '$label.filter_priority.description': 'Up to 4 filters can be displayed horizontally. The rest are grouped '
+      + 'under \u201COther filters\u201D. To show a certain filter horizontally, place it among the top 4 '
+      + 'in filter sorting in the control panel.',
+    '$label.filter_priority.button': 'Sort product filters',
+
+    '$label.side_to_show_filters.label': 'Side to show filters',
+    '$label.side_to_show_filters.right': 'Right',
+    '$label.side_to_show_filters.left': 'Left',
+
+    '$label.expand_filter_panel.label': 'Expand filter panel',
+    '$label.show_sort_by_options.label': 'Show "Sort by" options',
+    '$label.show_bottom_navigation_menu.label': 'Show bottom navigation menu',
+    '$label.show_signin_link.label': 'Show "Sign In" link',
+
+    '$label.card_grid_spacing.label': 'Card grid spacing',
+    '$label.card_grid_spacing.description': 'Applies to both product and category cards.',
+    '$label.card_grid_spacing.none': 'None',
+    '$label.card_grid_spacing.narrow': 'Narrow',
+    '$label.card_grid_spacing.medium': 'Medium',
+    '$label.card_grid_spacing.wide': 'Wide',
+
+    '$label.content_alignment.label': 'Content alignment',
+    '$label.content_alignment.left': 'Left',
+    '$label.content_alignment.center': 'Center',
+    '$label.content_alignment.right': 'Right',
+    '$label.content_alignment.justify': 'Justify',
+
+    '$label.image_proportions.label': 'Image proportions',
+    '$label.image_proportions.portrait_2_3': 'Portrait (2:3)',
+    '$label.image_proportions.portrait_3_4': 'Portrait (3:4)',
+    '$label.image_proportions.square_1_1': 'Square (1:1)',
+    '$label.image_proportions.landscape_4_3': 'Landscape (4:3)',
+    '$label.image_proportions.landscape_2_3': 'Landscape (2:3)',
+
+    '$label.card_size.label': 'Card size',
+    '$label.card_size.small': 'Small',
+    '$label.card_size.medium': 'Medium',
+    '$label.card_size.large': 'Large',
+
+    '$label.product_name.label': 'Product name',
+    '$label.product_subtitle.label': 'Product subtitle',
+    '$label.price.label': 'Price',
+
+    '$label.color_swatches.label': 'Color swatches',
+    '$label.color_swatches.description': 'You can set up the appearance of color swatches in Product Details.',
+
+    '$label.sku.label': 'SKU',
+    '$label.buy_now_button.label': '"Buy now" button',
+    '$label.product_rating.label': 'Product rating',
+
+    '$label.rating_view.label': 'Rating view',
+    '$label.rating_view.five_stars': 'Five stars view',
+    '$label.rating_view.one_star': 'One star view',
+
+    '$label.show_average_product_rating.label': 'Show average product rating',
+    '$label.show_total_number_of_reviews.label': 'Show total number of reviews',
+    '$label.show_product_card_frame.label': 'Show product card frame',
+    '$label.show_main_product_image.label': 'Show main product image',
+    '$label.show_additional_image_on_hover.label': 'Show additional image on hover',
+
+    '$label.divider': '',
+
+    '$label.name_position.label': 'Name position',
+    '$label.name_position.on_the_image': 'On the image',
+    '$label.name_position.below_the_image': 'Below the image',
+    '$label.name_position.on_mouse_hover': 'On mouse hover',
+    '$label.name_position.hide_category_names': 'Hide category names',
+    '$label.name_position.hide_category_images': 'Hide category images',
+  },
+
+  nl: {
+    '$label.accordion.catalog_page_settings': 'Cataloguspagina-instellingen',
+    '$label.accordion.product_card_settings': 'Productkaart-instellingen',
+    '$label.accordion.categories_settings': 'Categorie-instellingen',
+
+    '$label.show': 'Tonen',
+    '$label.do_not_show': 'Niet tonen',
+    '$label.show_on_mouse_hover': 'Tonen bij muisaanwijzer',
+
+    '$label.category_view.label': 'Categorieweergave',
+    '$label.category_view.description': 'Toon producten uit hoofdcategorieën alleen op de bijbehorende categoriepagina\'s. '
+      + 'Deze optie past bij catalogi met een groot aantal producten.',
+    '$label.category_view.expanded': 'Uitgevouwen categorieën',
+    '$label.category_view.collapsed': 'Samengevouwen categorieën',
+
+    '$label.product_filter_placement.label': 'Plaatsing productfilter',
+    '$label.product_filter_placement.category_pages': 'Op categoriepagina\'s',
+    '$label.product_filter_placement.all_pages': 'Op catalogus- en categoriepagina\'s',
+
+    '$label.filter_panel_orientation.label': 'Oriëntatie filterpaneel',
+    '$label.filter_panel_orientation.vertical': 'Verticaal',
+    '$label.filter_panel_orientation.horizontal': 'Horizontaal',
+
+    '$label.filter_priority.label': 'Filterprioriteit',
+    '$label.filter_priority.description': 'Er kunnen maximaal 4 filters horizontaal worden weergegeven. De rest wordt '
+      + 'gegroepeerd onder \u201CAndere filters\u201D. Om een bepaald filter horizontaal weer te geven, '
+      + 'plaatst u het bij de top 4 in de filtersortering in het configuratiescherm.',
+    '$label.filter_priority.button': 'Productfilters sorteren',
+
+    '$label.side_to_show_filters.label': 'Zijde om filters te tonen',
+    '$label.side_to_show_filters.right': 'Rechts',
+    '$label.side_to_show_filters.left': 'Links',
+
+    '$label.expand_filter_panel.label': 'Filterpaneel uitvouwen',
+    '$label.show_sort_by_options.label': 'Opties "Sorteren op" tonen',
+    '$label.show_bottom_navigation_menu.label': 'Onderste navigatiemenu tonen',
+    '$label.show_signin_link.label': 'Link "Aanmelden" tonen',
+
+    '$label.card_grid_spacing.label': 'Rasterafstand kaarten',
+    '$label.card_grid_spacing.description': 'Geldt voor zowel product- als categoriekaarten.',
+    '$label.card_grid_spacing.none': 'Geen',
+    '$label.card_grid_spacing.narrow': 'Smal',
+    '$label.card_grid_spacing.medium': 'Gemiddeld',
+    '$label.card_grid_spacing.wide': 'Breed',
+
+    '$label.content_alignment.label': 'Uitlijning inhoud',
+    '$label.content_alignment.left': 'Links',
+    '$label.content_alignment.center': 'Gecentreerd',
+    '$label.content_alignment.right': 'Rechts',
+    '$label.content_alignment.justify': 'Uitvullen',
+
+    '$label.image_proportions.label': 'Beeldverhoudingen',
+    '$label.image_proportions.portrait_2_3': 'Portret (2:3)',
+    '$label.image_proportions.portrait_3_4': 'Portret (3:4)',
+    '$label.image_proportions.square_1_1': 'Vierkant (1:1)',
+    '$label.image_proportions.landscape_4_3': 'Landschap (4:3)',
+    '$label.image_proportions.landscape_2_3': 'Landschap (2:3)',
+
+    '$label.card_size.label': 'Kaartgrootte',
+    '$label.card_size.small': 'Klein',
+    '$label.card_size.medium': 'Gemiddeld',
+    '$label.card_size.large': 'Groot',
+
+    '$label.product_name.label': 'Productnaam',
+    '$label.product_subtitle.label': 'Productondertitel',
+    '$label.price.label': 'Prijs',
+
+    '$label.color_swatches.label': 'Kleurstalen',
+    '$label.color_swatches.description': 'U kunt het uiterlijk van kleurstalen instellen in Productdetails.',
+
+    '$label.sku.label': 'SKU',
+    '$label.buy_now_button.label': 'Knop "Nu kopen"',
+    '$label.product_rating.label': 'Productbeoordeling',
+
+    '$label.rating_view.label': 'Beoordelingsweergave',
+    '$label.rating_view.five_stars': 'Vijf sterren weergave',
+    '$label.rating_view.one_star': 'Eén ster weergave',
+
+    '$label.show_average_product_rating.label': 'Gemiddelde productbeoordeling tonen',
+    '$label.show_total_number_of_reviews.label': 'Totaal aantal beoordelingen tonen',
+    '$label.show_product_card_frame.label': 'Productkaart kader tonen',
+    '$label.show_main_product_image.label': 'Hoofdproductafbeelding tonen',
+    '$label.show_additional_image_on_hover.label': 'Extra afbeelding tonen bij muisaanwijzer',
+
+    '$label.divider': '',
+
+    '$label.name_position.label': 'Naampositie',
+    '$label.name_position.on_the_image': 'Op de afbeelding',
+    '$label.name_position.below_the_image': 'Onder de afbeelding',
+    '$label.name_position.on_mouse_hover': 'Bij muisaanwijzer',
+    '$label.name_position.hide_category_names': 'Categorienamen verbergen',
+    '$label.name_position.hide_category_images': 'Categorieafbeeldingen verbergen',
+  },
+
+  fr: {
+    '$label.accordion.catalog_page_settings': 'Paramètres de la page catalogue',
+    '$label.accordion.product_card_settings': 'Paramètres de la fiche produit',
+    '$label.accordion.categories_settings': 'Paramètres des catégories',
+
+    '$label.show': 'Afficher',
+    '$label.do_not_show': 'Ne pas afficher',
+    '$label.show_on_mouse_hover': 'Afficher au survol de la souris',
+
+    '$label.category_view.label': 'Vue des catégories',
+    '$label.category_view.description': 'Affichez les produits des catégories racines uniquement sur les pages de catégories respectives. '
+      + 'Cette option convient aux catalogues comportant un grand nombre de produits.',
+    '$label.category_view.expanded': 'Catégories dépliées',
+    '$label.category_view.collapsed': 'Catégories repliées',
+
+    '$label.product_filter_placement.label': 'Emplacement du filtre produit',
+    '$label.product_filter_placement.category_pages': 'Sur les pages de catégories',
+    '$label.product_filter_placement.all_pages': 'Sur les pages catalogue et catégories',
+
+    '$label.filter_panel_orientation.label': 'Orientation du panneau de filtres',
+    '$label.filter_panel_orientation.vertical': 'Vertical',
+    '$label.filter_panel_orientation.horizontal': 'Horizontal',
+
+    '$label.filter_priority.label': 'Priorité des filtres',
+    '$label.filter_priority.description': 'Jusqu\'à 4 filtres peuvent être affichés horizontalement. Les autres sont regroupés '
+      + 'sous \u201CAutres filtres\u201D. Pour afficher un filtre horizontalement, placez-le parmi les 4 premiers '
+      + 'dans le tri des filtres du panneau de configuration.',
+    '$label.filter_priority.button': 'Trier les filtres produits',
+
+    '$label.side_to_show_filters.label': 'Côté pour afficher les filtres',
+    '$label.side_to_show_filters.right': 'Droite',
+    '$label.side_to_show_filters.left': 'Gauche',
+
+    '$label.expand_filter_panel.label': 'Déplier le panneau de filtres',
+    '$label.show_sort_by_options.label': 'Afficher les options "Trier par"',
+    '$label.show_bottom_navigation_menu.label': 'Afficher le menu de navigation inférieur',
+    '$label.show_signin_link.label': 'Afficher le lien "Se connecter"',
+
+    '$label.card_grid_spacing.label': 'Espacement de la grille de cartes',
+    '$label.card_grid_spacing.description': 'S\'applique aux cartes de produits et de catégories.',
+    '$label.card_grid_spacing.none': 'Aucun',
+    '$label.card_grid_spacing.narrow': 'Étroit',
+    '$label.card_grid_spacing.medium': 'Moyen',
+    '$label.card_grid_spacing.wide': 'Large',
+
+    '$label.content_alignment.label': 'Alignement du contenu',
+    '$label.content_alignment.left': 'Gauche',
+    '$label.content_alignment.center': 'Centré',
+    '$label.content_alignment.right': 'Droite',
+    '$label.content_alignment.justify': 'Justifié',
+
+    '$label.image_proportions.label': 'Proportions de l\'image',
+    '$label.image_proportions.portrait_2_3': 'Portrait (2:3)',
+    '$label.image_proportions.portrait_3_4': 'Portrait (3:4)',
+    '$label.image_proportions.square_1_1': 'Carré (1:1)',
+    '$label.image_proportions.landscape_4_3': 'Paysage (4:3)',
+    '$label.image_proportions.landscape_2_3': 'Paysage (2:3)',
+
+    '$label.card_size.label': 'Taille de la carte',
+    '$label.card_size.small': 'Petit',
+    '$label.card_size.medium': 'Moyen',
+    '$label.card_size.large': 'Grand',
+
+    '$label.product_name.label': 'Nom du produit',
+    '$label.product_subtitle.label': 'Sous-titre du produit',
+    '$label.price.label': 'Prix',
+
+    '$label.color_swatches.label': 'Échantillons de couleurs',
+    '$label.color_swatches.description': 'Vous pouvez configurer l\'apparence des échantillons de couleurs dans les Détails du produit.',
+
+    '$label.sku.label': 'SKU',
+    '$label.buy_now_button.label': 'Bouton "Acheter maintenant"',
+    '$label.product_rating.label': 'Évaluation du produit',
+
+    '$label.rating_view.label': 'Vue des évaluations',
+    '$label.rating_view.five_stars': 'Vue cinq étoiles',
+    '$label.rating_view.one_star': 'Vue une étoile',
+
+    '$label.show_average_product_rating.label': 'Afficher la note moyenne du produit',
+    '$label.show_total_number_of_reviews.label': 'Afficher le nombre total d\'avis',
+    '$label.show_product_card_frame.label': 'Afficher le cadre de la fiche produit',
+    '$label.show_main_product_image.label': 'Afficher l\'image principale du produit',
+    '$label.show_additional_image_on_hover.label': 'Afficher une image supplémentaire au survol',
+
+    '$label.divider': '',
+
+    '$label.name_position.label': 'Position du nom',
+    '$label.name_position.on_the_image': 'Sur l\'image',
+    '$label.name_position.below_the_image': 'Sous l\'image',
+    '$label.name_position.on_mouse_hover': 'Au survol de la souris',
+    '$label.name_position.hide_category_names': 'Masquer les noms de catégories',
+    '$label.name_position.hide_category_images': 'Masquer les images de catégories',
+  },
+});

package/template/layouts/product/example-product/Main.vue

@@ -13,7 +13,8 @@
     </div>
     <slot :name="Slot.REVIEW_LIST" />
     <slot :name="Slot.RELATED_PRODUCTS" />
-    <slot :name="Slot.BOTTOM_BAR" />
+    <!-- Footer navigation part of the page is hidden by default. Uncomment below slot to make it visible -->
+    <!-- <slot :name="Slot.BOTTOM_BAR" /> -->
   </div>
 </template>
 

package/template/layouts/product/example-product/settings/layout.ts

@@ -0,0 +1 @@
+export default [] as const;

package/template/preview/assets/close.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.4 14L0 12.6L5.6 7L0 1.4L1.4 0L7 5.6L12.6 0L14 1.4L8.4 7L14 12.6L12.6 14L7 8.4L1.4 14Z" fill="#69696D"/>
+</svg>

package/template/preview/assets/crane-logo.svg

@@ -0,0 +1,16 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_5165_10169)">
+    <path d="M-5.54181 -5.54102H33.5415V33.5423H-5.54181V-5.54102Z" fill="#191513"/>
+    <path d="M7 0.466797H21C24.6083 0.466797 27.5332 3.39174 27.5332 7V21C27.5332 24.6083 24.6083 27.5332 21 27.5332H7C3.39174 27.5332 0.466797 24.6083 0.466797 21V7C0.466797 3.39174 3.39174 0.466797 7 0.466797Z" fill="black" fill-opacity="0.01" stroke="url(#paint0_linear_5165_10169)" stroke-width="0.933333"/>
+    <path d="M14 5.25L14.8041 6.65321C14.9651 6.94359 14.9651 7.29841 14.8041 7.58868L10.0112 15.9274L12.279 19.8629C12.6328 20.4758 13.2923 20.8629 14 20.8629C14.7077 20.8629 15.3671 20.4758 15.721 19.8629L17.9888 15.9274L17.3936 14.8629L14.8203 19.3306C14.6595 19.6209 14.3378 19.7983 14.0161 19.7983C13.6783 19.7983 13.3727 19.6209 13.2119 19.3306L11.2335 15.9274L15.6888 8.18553L16.493 9.58873C16.6538 9.87903 16.6538 10.2338 16.493 10.5242L13.3888 15.9274L14 16.9919L17.3776 11.121L19.5972 14.9757C19.9349 15.5726 19.9349 16.2984 19.5972 16.8952L17.3454 20.8145C17.0076 21.4112 15.93 22.75 14 22.75C12.0699 22.75 11.0083 21.4112 10.6545 20.8145L8.4028 16.8952C8.06512 16.2984 8.06512 15.5726 8.4028 14.9757L14 5.25Z" fill="white"/>
+  </g>
+  <defs>
+    <linearGradient id="paint0_linear_5165_10169" x1="0" y1="0" x2="28" y2="28" gradientUnits="userSpaceOnUse">
+      <stop stop-color="white" stop-opacity="0.5"/>
+      <stop offset="1" stop-color="white" stop-opacity="0.16"/>
+    </linearGradient>
+    <clipPath id="clip0_5165_10169">
+      <rect width="28" height="28" rx="7" fill="white"/>
+    </clipPath>
+  </defs>
+</svg>