diff --git a/CHANGELOG.md b/CHANGELOG.md index 820c8fcbc..e913b94cd 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -11,9 +11,47 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0. - add width and height in the images editable via site-editor +## [3.175.1] - 2024-09-11 + ### Fixed -- Arabic, Bulgarian, German, English, Spanish, French, Indonesian, Italian, Japanese, Korean, Dutch, Norwegian, Portuguese, Romanian and Thai translations +- Issue with brand link on `ProductBrand` component. + +## [3.175.0] - 2024-08-15 + +### Added + +- Adding 'fetchpriority' & 'preload' props to the infoCard component, in order to manage the images it contains. + +## [3.174.2] - 2024-08-12 + +### Fixed + +- Arabic, Bulgarian, German, English, Spanish, French, Hungarian, Indonesian, Italian, Japanese, Korean, Dutch, Norwegian, Portuguese, Romanian and Thai translations. + +## [3.174.1] - 2024-08-01 + +### Added + +- Adding `blockClass` in the props list. + +## [3.174.0] - 2024-07-15 + +### Added + +- Added `bodyText` property to `info-card` component. This property allows adding a body text below the subtitle. + +## [3.173.1] - 2024-07-09 + +### Fixed + +- Update SKU selector in PLP after changing SKU in Quickview + +## [3.173.0] - 2024-05-28 + +### Added + +- Hungarian translations. ## [3.172.2] - 2024-03-06 diff --git a/docs/InfoCard.md b/docs/InfoCard.md index ed9add96d..f8a347a06 100644 --- a/docs/InfoCard.md +++ b/docs/InfoCard.md @@ -30,7 +30,9 @@ The `info-card` component groups information on a single topic. It often include "callToActionText": "DISCOVER", "callToActionUrl": "/sale/d", "blockClass": "info-card-example", - "textAlignment": "center" + "textAlignment": "center", + "fetchpriority": "auto", + "preload": true } }, ``` @@ -52,9 +54,14 @@ The `info-card` component groups information on a single topic. It often include | `linkTarget` | `LinkTargetEnum` | Where to display the linked URL when the Info Card component is clicked. | `"_self"` | | `mobileImageUrl` | `string` | Path to the image used on mobile devices. If empty, the desktop image is used. | `null` | | `subhead` | `string` | Text to be displayed underneath the headline. If not provided, it will not be rendered. | `null` | +| `bodyText` | `string` | Text to be displayed underneath the subhead. If not provided, it will not be rendered. | `null` | | `textAlignment` | `TextAlignmentEnum` | Text alignment inside the component: `left`, `center` or `right`. This prop is ignored if `isFullModeStyle` is true. | `"left"` | | `textMode` | `TextModeEnum` | Text mode used to process the text from `headline` and `subhead` props. | `"html"` | | `textPosition` | `TextPositionEnum` | Position of the text component: `left`, `center` or `right`. | `"left"` | +| `fetchpriority` | `string` | The fetch priority hint ('high', 'low' or 'auto'). + | `auto` | +| `preload` | `boolean` | Preloads the first image in a list, prioritizing the image display over other assets. +| `false` | #### `TextPositionEnum` possible values @@ -104,4 +111,5 @@ To apply CSS customizations to this and other blocks, please see the [Using CSS | `infoCardImageContainer` | | `infoCardImageLinkWrapper` | | `infoCardSubhead` | +| `infoCardBodyText` | | `infoCardTextContainer` | diff --git a/docs/ProductImages.md b/docs/ProductImages.md index 02052a91b..2e8a0f3d9 100644 --- a/docs/ProductImages.md +++ b/docs/ProductImages.md @@ -46,6 +46,7 @@ The `product-images` block renders a product image or video. | Prop name | Type | Description | Default value | | ------------------------- | ---------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | | `aspectRatio` | `string` | Sets the aspect ratio of the image; whether the image should be square, portrait, landscape, etc. The value should follow the [common aspect ratio notation](https://en.wikipedia.org/wiki/Aspect_ratio_(image)) i.e. two numbers separated by a colon, such as `1:1` for square, `3:4` for upright portrait, or `1920:1080` for even large values). | `"auto"` | +| `blockClass` | `string` | Serves as the block's unique identifier for customization. | | `contentOrder` | `'videos-first'` | `'images-first'` | Controls the order in which the images and videos are displayed. | `'images-first'` | | `contentType` | `enum` | Controls the type of content that will be displayed in the block. Possible values are: `images`, `videos`, or `all`. | `all` | | `displayMode` | `enum` | Defines how the product media should be displayed. Possible values are `carousel` (displays the product images and videos in a carousel), `list` (displays only the product images inline, with no extra markup), and `first-image` (displays only the first image available). *Caution*: The `list` and `first-image` values do not display product videos and are only compatible with the `maxHeight`, `hiddenImages`, `zoomFactor`, `aspectRatio`,`ModalZoomElement`, and `zoomMode` props. | `carousel` | diff --git a/manifest.json b/manifest.json index d12b22cdb..7016ef2e2 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "vendor": "vtex", "name": "store-components", - "version": "3.172.2", + "version": "3.175.1", "title": "VTEX Store Components", "defaultLocale": "pt-BR", "description": "The VTEX store components for that render apps can use", diff --git a/messages/ar.json b/messages/ar.json index 9097360cf..7d0c73591 100644 --- a/messages/ar.json +++ b/messages/ar.json @@ -22,6 +22,8 @@ "admin/editor.imageHeight.title": "ارتفاع الصورة", "admin/editor.imageWidth.description": "يضيف العرض في علامة ", "admin/editor.imageWidth.title": "عرض الصورة", + "admin/editor.info-card.body-text.title": "النص الأساسي", + "admin/editor.info-card.body-text.description": "نص تحت عنوان فرعي داخل المكون", "admin/editor.info-card.callAction.button": "الزر", "admin/editor.info-card.callAction.link": "الرابط", "admin/editor.info-card.callAction.none": "لا شيء", diff --git a/messages/bg.json b/messages/bg.json index cf27aa51b..355c695e4 100644 --- a/messages/bg.json +++ b/messages/bg.json @@ -22,6 +22,8 @@ "admin/editor.imageHeight.title": "Височина на изображението", "admin/editor.imageWidth.description": "Добавя широчина в тага ", "admin/editor.imageWidth.title": "Широчина на изображението", + "admin/editor.info-card.body-text.title": "Текст на тялото", + "admin/editor.info-card.body-text.description": "Текст под подзаглавието вътре в компонента", "admin/editor.info-card.callAction.button": "Бутон", "admin/editor.info-card.callAction.link": "Връзка", "admin/editor.info-card.callAction.none": "Няма", diff --git a/messages/context.json b/messages/context.json index fcf7e33e8..03e32d993 100644 --- a/messages/context.json +++ b/messages/context.json @@ -95,6 +95,8 @@ "admin/editor.info-card.headline.description": "Description of headline property", "admin/editor.info-card.subhead.title": "Title of subhead property", "admin/editor.info-card.subhead.description": "Description of subhead property", + "admin/editor.info-card.body-text.title": "Title of body text property", + "admin/editor.info-card.body-text.description": "Description of body text property", "admin/editor.info-card.callToActionMode.title": "Title of callToActionMode property", "admin/editor.info-card.callToActionMode.description": "Description of callToActionMode property", "admin/editor.info-card.callToActionText.title": "Title of callToActionText property", diff --git a/messages/de.json b/messages/de.json index c636d66a9..bcdc4b9a1 100644 --- a/messages/de.json +++ b/messages/de.json @@ -22,6 +22,8 @@ "admin/editor.imageHeight.title": "Bildhöhe", "admin/editor.imageWidth.description": "Fügt Breite im -Tag hinzu", "admin/editor.imageWidth.title": "Bildbreite", + "admin/editor.info-card.body-text.title": "Haupttext", + "admin/editor.info-card.body-text.description": "Text unter dem Untertitel innerhalb der Komponente", "admin/editor.info-card.callAction.button": "Taste", "admin/editor.info-card.callAction.link": "Link", "admin/editor.info-card.callAction.none": "Keine", diff --git a/messages/en.json b/messages/en.json index e0040d09c..9421a82d7 100644 --- a/messages/en.json +++ b/messages/en.json @@ -22,6 +22,8 @@ "admin/editor.imageHeight.title": "Image height", "admin/editor.imageWidth.description": "Adds width in the tag", "admin/editor.imageWidth.title": "Image Width", + "admin/editor.info-card.body-text.title": "Body text", + "admin/editor.info-card.body-text.description": "Text under subheader inside component", "admin/editor.info-card.callAction.button": "Button", "admin/editor.info-card.callAction.link": "Link", "admin/editor.info-card.callAction.none": "None", diff --git a/messages/es.json b/messages/es.json index 1ef804666..e5cb12dcc 100644 --- a/messages/es.json +++ b/messages/es.json @@ -22,6 +22,8 @@ "admin/editor.imageHeight.title": "Altura de la imagen", "admin/editor.imageWidth.description": "Agrega la anchura en la tag ", "admin/editor.imageWidth.title": "Anchura de la imagen", + "admin/editor.info-card.body-text.title": "Cuerpo del texto", + "admin/editor.info-card.body-text.description": "Texto debajo del subtítulo dentro del componente", "admin/editor.info-card.callAction.button": "Botón", "admin/editor.info-card.callAction.link": "Link", "admin/editor.info-card.callAction.none": "Ninguno", diff --git a/messages/fr.json b/messages/fr.json index d55a62883..f143c102e 100644 --- a/messages/fr.json +++ b/messages/fr.json @@ -22,6 +22,8 @@ "admin/editor.imageHeight.title": "Hauteur de l'image", "admin/editor.imageWidth.description": "Ajoute une largeur dans la balise ", "admin/editor.imageWidth.title": "Largeur de l’image", + "admin/editor.info-card.body-text.title": "Corps de texte", + "admin/editor.info-card.body-text.description": "Texte sous le sous-titre à l’intérieur du composant", "admin/editor.info-card.callAction.button": "Bouton", "admin/editor.info-card.callAction.link": "Lien", "admin/editor.info-card.callAction.none": "Aucun", diff --git a/messages/hu.json b/messages/hu.json new file mode 100644 index 000000000..818f046a5 --- /dev/null +++ b/messages/hu.json @@ -0,0 +1,203 @@ +{ + "store/search.clear-input": "Keresési mező törlése", + "store/search.submit-search": "Termékek keresése", + "store/search.placeholder": "Keresés", + "store/search.searchFor": "Keresés erre: {term}", + "store/search.search-term-too-short": "A keresési kifejezés túl rövid", + "admin/editor.productName.title": "Terméknév", + "admin/editor.productName.description": "Terméknév komponens", + "admin/editor.productName.showBrandName.title": "Márkanév megjelenítése", + "admin/editor.productName.showSku.title": "SKU megjelenítése", + "admin/editor.productName.showProductReference.title": "Termékreferencia megjelenítése", + "admin/editor.productName.displayMode.title": "Link megjelenítése a terméknévvel vagy egyszerű szövegként", + "admin/editor.productName.displayMode.plainText": "Egyszerű szöveg", + "admin/editor.productName.displayMode.linkToProductPage": "Link a termékoldalra", + "admin/editor.productPrice.title": "Termék ára", + "admin/editor.productPrice.description": "Termékár komponens", + "admin/editor.productPrice.showListPrice": "Listaár megjelenítése", + "admin/editor.productPrice.showSellingPriceRange": "Eladási ár tartomány megjelenítése", + "admin/editor.productPrice.showListPriceRange": "Listaár tartomány megjelenítése", + "admin/editor.productPrice.showLabels": "Árcímkék megjelenítése", + "admin/editor.productPrice.showInstallments": "Fizetési részletek megjelenítése", + "admin/editor.productPrice.showSavings": "Listaár és eladási ár különbség megjelenítése", + "admin/editor.productPrice.labelSellingPrice": "Eladási árcímke", + "admin/editor.productPrice.labelListPrice": "Listaár címke", + "admin/editor.share.title": "Megosztás", + "admin/editor.share.description": "Megosztógombok listája", + "admin/editor.share.social.title": "Közösségi média", + "store/product-description.title": "Termékleírás", + "store/product-description.property": "Tulajdonság", + "store/product-description.specification": "Specifikáció", + "store/product-description.collapse.showMore": "Mutass többet", + "store/product-description.collapse.showLess": "Mutass kevesebbet", + "store/pricing.installment-display": "Vagy {installments} {times} {installmentPrice} részletben", + "store/pricing.from": "Tól", + "store/pricing.to": "Ig", + "store/pricing.savings": "Megtakarítás: {savings}", + "store/pricing.interest-free": "kamatmentes", + "store/loading": "Betöltés…", + "store/shipping.deliveryName": "Kiszállítás", + "store/shipping.deliveryEstimate": "Becslés", + "store/shipping.deliveryPrice": "Érték", + "store/shipping.label": "Szállítás kalkulációja", + "store/shipping.free": "Ingyenes", + "store/shipping.empty-sla": "Nincs szállítási információ a megadott irányítószámhoz", + "store/buy-button.add-to-cart": "Kosárba helyezés", + "store/buybutton.buy-success": "Termék hozzáadva a kosárhoz", + "store/buybutton.buy-success-duplicate": "A termék már a kosárban van", + "store/buybutton.add-failure": "Hiba történt, a terméket nem sikerült a kosárba helyezni!", + "store/buybutton.buy-offline-success": "A termék hozzáadva az offline kosárhoz", + "store/buybutton.select-sku-variations": "Kérjük, válasszon egy opciót minden variációhoz", + "store/buybutton.see-cart": "Kosár megtekintése", + "store/technicalspecifications.title": "Műszaki adatok", + "store/availability-subscriber.title": "Ez a termék jelenleg nem elérhető", + "store/availability-subscriber.subscribe-label": "Értesítést kérek, amikor a termék elérhetővé válik", + "store/availability-subscriber.email-placeholder": "Email", + "store/availability-subscriber.name-placeholder": "Név", + "store/availability-subscriber.send-label": "Küldés", + "store/availability-subscriber.invalid-email": "Érvénytelen email", + "store/availability-subscriber.added-message": "Email sikeresen regisztrálva", + "store/availability-subscriber.error-message": "Sikertelen. Kérjük próbálja újra.", + "store/newsletter.label": "Iratkozzon fel a hírlevelünkre", + "store/newsletter.placeholder": "Adja meg email címét", + "store/newsletter.submit": "Feliratkozás", + "store/newsletter.invalidEmail": "Kérjük, adjon meg egy érvényes emailt.", + "store/newsletter.confirmationTitle": "Köszönjük!", + "store/newsletter.confirmationText": "Az email sikeresen regisztrálva.", + "store/newsletter.error": "Valami hiba történt. Kérjük, próbálja meg később újra.", + "admin/editor.newsletter.title": "Hírlevél", + "admin/editor.newsletter.description": "Hírlevél űrlap", + "admin/editor.newsletter.label": "Az űrlap címkéje, amelyet a komponens használ", + "admin/editor.newsletter.placeholder": "Email mező helykitöltő", + "admin/editor.newsletter.submit": "Beküldés gomb címkéje", + "admin/editor.newsletter.hideLabel": "Címke elrejtése", + "admin/editor.categoriesHighlighted.title": "Kiemelt kategóriák", + "admin/editor.categoriesHighlighted.description": "Osztály kiemelt kategóriák", + "admin/editor.categoriesHighlighted.item.categoryName": "Kategória neve", + "admin/editor.categoriesHighlighted.item.categoryImage": "Kategória képe", + "admin/editor.categoriesHighlighted.category": "Kategória", + "admin/editor.categoriesHighlighted.categoriesHighlighted": "Kiemelt kategóriák", + "admin/editor.categoriesHighlighted.showCategoriesHighlighted": "Kiemelt kategóriák megjelenítése", + "admin/editor.categoriesHighlighted.quantityOfItems": "Tétel mennyisége", + "admin/editor.categoriesHighlighted.cardShape": "Doboz alakja", + "admin/editor.categoriesHighlighted.cardShape.squared": "Négyzet", + "admin/editor.categoriesHighlighted.cardShape.rectangular": "Téglalap", + "store/searchBar.button.cancel.label": "Mégse", + "store/buyButton-label-unavailable": "Nem elérhető", + "store/greeting": "Helló", + "store/store-components.share.label": "Megosztás", + "store/share.title": "{product} {sku} a {store} áruházban:", + "admin/editor.info-card.title": "InfoCard", + "admin/editor.info-card.description": "Kép és szöveg komponens, amelyet beállíthat", + "admin/editor.info-card.isFullModeStyle.title": "Kép háttérként", + "admin/editor.info-card.isFullModeStyle.description": "Ha igaz, a megadott kép háttérképként lesz használva, és a szöveg rajta jelenik meg", + "admin/editor.info-card.textPosition.title": "Szöveg pozíciója", + "admin/editor.info-card.textPosition.description": "Válassza ki a komponens helyét, ahol a szöveg megjelenik: bal, közép vagy jobb", + "admin/editor.info-card.headline.title": "Főcím", + "admin/editor.info-card.headline.description": "Főcím szöveg a komponensen belül", + "admin/editor.info-card.subhead.title": "Alcím", + "admin/editor.info-card.subhead.description": "Szöveg a főcím alatt a komponensen belül", + "admin/editor.info-card.body-text.title": "Szövegtörzs", + "admin/editor.info-card.body-text.description": "Az alcím belső komponens alatti szöveg", + "admin/editor.info-card.callToActionMode.title": "Call to action mód", + "admin/editor.info-card.callToActionMode.description": "Szabályozza a call to action megjelenését", + "admin/editor.info-card.callToActionText.title": "Call to action szöveg", + "admin/editor.info-card.callToActionText.description": "Szöveg a call to action komponensben", + "admin/editor.info-card.callToActionUrl.title": "Call to action URL", + "admin/editor.info-card.callToActionLinkTarget.title": "Átirányítás típusa a call to action linknél", + "admin/editor.info-card.callToActionLinkTarget.description": "CallToActionLinkTarget tulajdonság leírása", + "admin/editor.info-card.callToActionLinkTarget.blank": "Link új fülön nyílik meg", + "admin/editor.info-card.callToActionLinkTarget.self": "Link ugyanazon a fülön nyílik meg", + "admin/editor.info-card.callToActionUrl.description": "Átirányítás URL, amikor a CTA-ra kattintanak", + "admin/editor.info-card.imageUrl.title": "Kép", + "admin/editor.info-card.imageUrl.description": "Kép asztali számítógéphez", + "admin/editor.info-card.mobileImageUrl.title": "Mobilkép", + "admin/editor.info-card.mobileImageUrl.description": "Kép mobilon való használathoz", + "admin/editor.info-card.textAlignment.title": "Szöveg igazítása", + "admin/editor.info-card.textAlignment.description": "Szabályozza a szöveg igazítását a komponensen belül", + "admin/editor.info-card.textPosition.left": "Balra", + "admin/editor.info-card.textPosition.center": "Középre", + "admin/editor.info-card.textPosition.right": "Jobbra", + "admin/editor.info-card.textAlignment.left": "Balra", + "admin/editor.info-card.textAlignment.center": "Középre", + "admin/editor.info-card.textAlignment.right": "Jobbra", + "admin/editor.info-card.textMode.title": "Szöveg mód", + "admin/editor.info-card.textMode.description": "Szöveg mód, amelyet az InfoCard fogad. Alapértelmezett a HTML, a rich text lehetővé teszi a markdown használatát.", + "admin/editor.info-card.textMode.html": "HTML", + "admin/editor.info-card.textMode.rich-text": "Rich Text", + "admin/editor.info-card.callAction.none": "Nincs", + "admin/editor.info-card.callAction.button": "Gomb", + "admin/editor.info-card.callAction.link": "Link", + "admin/editor.info-card.imageActionUrl.title": "Kép akció URL", + "admin/editor.info-card.imageActionUrl.description": "Adja meg az URL-t, hogy a kép linkké váljon és átirányíthassa a felhasználót", + "store/user-address.pickup": "Átvétel a következő helyen: {name}", + "store/user-address.order": "Küldés ide", + "store/user-address.change": "Szerkesztés", + "store/user-address.add": "Hely hozzáadása", + "admin/editor.notification-bar.title": "Értesítési sáv", + "admin/editor.notification-bar.description": "Komponens, amely bármilyen szöveget sávként jelenít meg", + "admin/editor.notification-bar.content.title": "Tartalom", + "admin/editor.notification-bar.content.description": "A sáv szövege", + "admin/editor.blockClass.title": "CSS blokk osztály", + "admin/editor.blockClass.description": "Extra osztálynevet ad hozzá, hogy könnyebbé tegye a stílusbeállítást", + "admin/editor.image.title": "Kép", + "admin/editor.image.description": "Bármilyen kép megjelenítése", + "admin/editor.image.src.title": "Kép", + "admin/editor.image.title.title": "Kép címe", + "admin/editor.image.title.description": "Cím, amely megjelenik a lebegtetéskor", + "admin/editor.image.alt.title": "Alternatív szöveg", + "admin/editor.product-images.title": "Termékképek", + "admin/editor.product-images.description": "Komponens, amely lehetővé teszi a termékképek testreszabását", + "admin/editor.product-images.zoomOptions.title": "Nagyítási opciók", + "admin/editor.product-images.zoomType.title": "Nagyítás típusa", + "admin/editor.product-images.bgopacity.title": "Háttér átlátszósága", + "admin/editor.product-images.thumbnailsOrientation.title": "Bélyegkép tájolása", + "admin/editor.product-images.gallery": "Galériában", + "admin/editor.product-images.in-page": "Az oldalon", + "admin/editor.product-images.no-zoom": "Nincs nagyítás", + "admin/editor.product-images.vertical": "Függőleges", + "admin/editor.product-images.horizontal": "Vízszintes", + "admin/editor.product-images.position.title": "Bélyegkép helyzete", + "admin/editor.product-images.position.description": "Csak akkor használatos, ha a tájolás függőleges", + "admin/editor.product-images.left": "Bal", + "admin/editor.product-images.right": "Jobb", + "admin/editor.product-images.displayThumbnailsArrows.title": "Nyilak megjelenítése a bélyegképeken", + "admin/editor.product-specifications.title": "Termék specifikációk", + "admin/editor.product-specifications.hidden-specifications.title": "Rejtett specifikációk", + "admin/editor.product-specifications.hidden-specifications.description": "Adja meg a specifikációk neveit, amelyeket el akar rejteni", + "admin/editor.product-specifications.visible-specifications.title": "Látható specifikációk", + "admin/editor.product-specifications.visible-specifications.description": "Adja meg a látható specifikációk neveit. Csak egyet adjon meg a rejtett vagy látható specifikációk közül", + "admin/editor.product-specifications.items.title": "Specifikáció", + "admin/editor.logo.title": "Logó", + "admin/editor.logo.description": "Komponens az áruház logójának megjelenítéséhez", + "admin/editor.logo.href.title": "Átirányítási link", + "admin/editor.logo.href.description": "Átirányítási link, amikor a logóra kattintanak. Hagyja üresen, hogy ne legyen kattintható.", + "admin/editor.logo.url.title": "Kép", + "admin/editor.logo.url.description": "Felhasználandó kép", + "admin/editor.logo.width.title": "Szélesség", + "admin/editor.logo.width.description": "Logó szélessége.", + "admin/editor.logo.height.title": "Magasság", + "admin/editor.logo.height.description": "Logó magassága.", + "admin/editor.logo.title.title": "Alternatív szöveg", + "admin/editor.logo.title.description": "Alternatív szöveg a logó képhez", + "admin/editor.logo.mobileWidth.title": "Mobil szélesség", + "admin/editor.logo.mobileWidth.description": "Mobilon használható szélesség. Ha üres, a megadott szélességi érték lesz használva.", + "admin/editor.logo.mobileHeight.title": "Mobil magasság", + "admin/editor.logo.mobileHeight.description": "Mobilon használható magasság. Ha üres, a megadott magassági érték lesz használva.", + "store/skuSelector.seeMore": "Még {quantity} megtekintése", + "store/sku-selector.select.placeholder": "Válasszon egy opciót", + "store/sku-selector.variation.select-an-option": "Válasszon egy lehetőséget", + "admin/editor.skuSelector.title": "SKU választó", + "admin/editor.skuSelector.description": "Komponens, amely különböző variációkat jelenít meg egy elemhez, amelyet a felhasználó választhat", + "admin/editor.skuSelector.seeMoreLabel.title": "Még {quantity} megtekintése címke", + "admin/editor.skuSelector.seeMoreLabel.description": "„Még {quantity} megtekintése” gomb címkéje. A karakterláncnak egy {quantity} helyőrzőt kell tartalmaznia, hogy megjelenítse a megfelelő maradék elemeket. Példa: „Még {quantity} megtekintése”", + "admin/editor.product-description.title": "Termékleírás", + "admin/editor.product-description.title-prop.title": "Cím", + "admin/editor.search-bar.title": "Keresősáv", + "admin/editor.search-bar.placeholder.title": "Helykitöltő", + "store/back-to-top.label": "Vissza a tetejére", + "admin/editor.toTop.title": "Vissza a tetejére gomb", + "admin/editor.toTop.description": "Amikor rákattintanak, az oldal tetejére görget", + "admin/editor.toTop.topPixel.title": "Pixel szám", + "admin/editor.toTop.topPixel.description": "Amikor a meghatározott pixelértéket meghaladja, megjelenik a vissza a tetejére gomb" +} diff --git a/messages/id.json b/messages/id.json index 8ff1a4142..b788dc5ea 100644 --- a/messages/id.json +++ b/messages/id.json @@ -22,6 +22,8 @@ "admin/editor.imageHeight.title": "Tinggi gambar", "admin/editor.imageWidth.description": "Menambahkan lebar pada tag ", "admin/editor.imageWidth.title": "Lebar gambar", + "admin/editor.info-card.body-text.title": "Teks isi", + "admin/editor.info-card.body-text.description": "Teks di bawah subheader di dalam komponen", "admin/editor.info-card.callAction.button": "Tombol", "admin/editor.info-card.callAction.link": "Tautan", "admin/editor.info-card.callAction.none": "Tidak ada", diff --git a/messages/it.json b/messages/it.json index e96ac4996..0c7b0420d 100644 --- a/messages/it.json +++ b/messages/it.json @@ -22,6 +22,8 @@ "admin/editor.imageHeight.title": "Altezza dell'immagine", "admin/editor.imageWidth.description": "Aggiunge la larghezza al tag ", "admin/editor.imageWidth.title": "Larghezza dell'immagine", + "admin/editor.info-card.body-text.title": "Corpo del testo", + "admin/editor.info-card.body-text.description": "Testo al di sotto del sottotitolo all'interno del componente", "admin/editor.info-card.callAction.button": "Pulsante", "admin/editor.info-card.callAction.link": "Link", "admin/editor.info-card.callAction.none": "Nessuno", diff --git a/messages/ja.json b/messages/ja.json index d3257a666..3cb9738fd 100644 --- a/messages/ja.json +++ b/messages/ja.json @@ -22,6 +22,8 @@ "admin/editor.imageHeight.title": "画像の高さ", "admin/editor.imageWidth.description": " タグに幅を追加する", "admin/editor.imageWidth.title": "画像幅", + "admin/editor.info-card.body-text.title": "本文テキスト", + "admin/editor.info-card.body-text.description": "コンポーネント内でサブヘッダーの下に来るテキスト", "admin/editor.info-card.callAction.button": "ボタン", "admin/editor.info-card.callAction.link": "リンク", "admin/editor.info-card.callAction.none": "なし", diff --git a/messages/ko.json b/messages/ko.json index 5a9059d7b..eb5b8128d 100644 --- a/messages/ko.json +++ b/messages/ko.json @@ -22,6 +22,8 @@ "admin/editor.imageHeight.title": "이미지 높이", "admin/editor.imageWidth.description": " 태그에 너비 추가", "admin/editor.imageWidth.title": "이미지 너비", + "admin/editor.info-card.body-text.title": "본문 텍스트", + "admin/editor.info-card.body-text.description": "구성 요소 내부 하위 헤더 아래의 텍스트", "admin/editor.info-card.callAction.button": "버튼", "admin/editor.info-card.callAction.link": "링크", "admin/editor.info-card.callAction.none": "없음", diff --git a/messages/nl.json b/messages/nl.json index fd84f3bcc..ffac8aece 100644 --- a/messages/nl.json +++ b/messages/nl.json @@ -22,6 +22,8 @@ "admin/editor.imageHeight.title": "Beeldhoogte", "admin/editor.imageWidth.description": "Voegt breedte toe aan de -tag", "admin/editor.imageWidth.title": "Beeldbreedte", + "admin/editor.info-card.body-text.title": "Bodytekst", + "admin/editor.info-card.body-text.description": "Tekst onder subkop in component", "admin/editor.info-card.callAction.button": "Knop", "admin/editor.info-card.callAction.link": "Link", "admin/editor.info-card.callAction.none": "Geen", diff --git a/messages/nn.json b/messages/nn.json index 071e734d8..1bd9ebdea 100644 --- a/messages/nn.json +++ b/messages/nn.json @@ -22,6 +22,8 @@ "admin/editor.imageHeight.title": "Bildehøyde", "admin/editor.imageWidth.description": "Legger til bredde i taggen", "admin/editor.imageWidth.title": "Bildebredde", + "admin/editor.info-card.body-text.title": "Hovedtekst", + "admin/editor.info-card.body-text.description": "Tekst under undertittel inne i komponenten", "admin/editor.info-card.callAction.button": "Knapp", "admin/editor.info-card.callAction.link": "Lenke", "admin/editor.info-card.callAction.none": "Ingen", diff --git a/messages/no.json b/messages/no.json index 071e734d8..1bd9ebdea 100644 --- a/messages/no.json +++ b/messages/no.json @@ -22,6 +22,8 @@ "admin/editor.imageHeight.title": "Bildehøyde", "admin/editor.imageWidth.description": "Legger til bredde i taggen", "admin/editor.imageWidth.title": "Bildebredde", + "admin/editor.info-card.body-text.title": "Hovedtekst", + "admin/editor.info-card.body-text.description": "Tekst under undertittel inne i komponenten", "admin/editor.info-card.callAction.button": "Knapp", "admin/editor.info-card.callAction.link": "Lenke", "admin/editor.info-card.callAction.none": "Ingen", diff --git a/messages/pt.json b/messages/pt.json index 2828a7754..9b2037d26 100644 --- a/messages/pt.json +++ b/messages/pt.json @@ -22,6 +22,8 @@ "admin/editor.imageHeight.title": "Altura da imagem", "admin/editor.imageWidth.description": "Adiciona a largura na tag ", "admin/editor.imageWidth.title": "Largura da imagem", + "admin/editor.info-card.body-text.title": "Corpo do texto", + "admin/editor.info-card.body-text.description": "Texto abaixo do subtítulo dentro do componente", "admin/editor.info-card.callAction.button": "Botão", "admin/editor.info-card.callAction.link": "Link", "admin/editor.info-card.callAction.none": "Nenhum", diff --git a/messages/ro.json b/messages/ro.json index 73a5dd39b..2668bc143 100644 --- a/messages/ro.json +++ b/messages/ro.json @@ -22,6 +22,8 @@ "admin/editor.imageHeight.title": "Înălțime imagine", "admin/editor.imageWidth.description": "Adaugă lățime în tag-ul ", "admin/editor.imageWidth.title": "Lățime imagine", + "admin/editor.info-card.body-text.title": "Text corp", + "admin/editor.info-card.body-text.description": "Text sub subtitlu în interiorul componentei", "admin/editor.info-card.callAction.button": "Buton", "admin/editor.info-card.callAction.link": "Link", "admin/editor.info-card.callAction.none": "Niciunul", diff --git a/messages/th.json b/messages/th.json index 23cd88197..bba81ce89 100644 --- a/messages/th.json +++ b/messages/th.json @@ -22,6 +22,8 @@ "admin/editor.imageHeight.title": "ความสูงรูปภาพ", "admin/editor.imageWidth.description": "ระบุความกว้างในแท็ก ", "admin/editor.imageWidth.title": "ความกว้างรูป", + "admin/editor.info-card.body-text.title": "ตัวข้อความ:", + "admin/editor.info-card.body-text.description": "ข้อความใต้หัวเรื่องย่อยในรายละเอียด", "admin/editor.info-card.callAction.button": "ปุ่ม", "admin/editor.info-card.callAction.link": "ลิงก์", "admin/editor.info-card.callAction.none": "ไม่มี", diff --git a/react/__tests__/components/InfoCard.test.js b/react/__tests__/components/InfoCard.test.js index e63d04629..eff4d18b1 100644 --- a/react/__tests__/components/InfoCard.test.js +++ b/react/__tests__/components/InfoCard.test.js @@ -106,6 +106,36 @@ describe('', () => { subhead: 'This is a subhead, and should be inside a rich-text.', }) + expect(asFragment()).toBeDefined() + expect(asFragment()).toMatchSnapshot() + }) + it('should not render bodyText', () => { + const { asFragment } = renderComponent({ + isFullModeStyle: true, + callToActionMode: 'none', + textAlignment: 'right', + textPosition: 'center', + headline: + 'HEADLINE THIS IS BOOOLD AND BLUE HEADLINE STILL', + subhead: '', + bodyText: '', + }) + + expect(asFragment()).toBeDefined() + expect(asFragment()).toMatchSnapshot() + }) + it("should render bodyText, subhead and headline using the RichText component when textMode is set to 'rich-text'", () => { + const { asFragment } = renderComponent({ + isFullModeStyle: true, + callToActionMode: 'none', + textAlignment: 'right', + textPosition: 'center', + textMode: 'rich-text', + headline: 'This is a headline, and should be inside a rich-text.', + subhead: 'This is a subhead, and should be inside a rich-text.', + bodyText: 'This is a bodyText, and should be inside a rich-text.', + }) + expect(asFragment()).toBeDefined() expect(asFragment()).toMatchSnapshot() }) diff --git a/react/__tests__/components/__snapshots__/InfoCard.test.js.snap b/react/__tests__/components/__snapshots__/InfoCard.test.js.snap index 14a4cab46..99c5f4fb2 100644 --- a/react/__tests__/components/__snapshots__/InfoCard.test.js.snap +++ b/react/__tests__/components/__snapshots__/InfoCard.test.js.snap @@ -39,6 +39,36 @@ exports[` should insert span with class on headline 1`] = ` `; +exports[` should not render bodyText 1`] = ` + +
+
+
+
+ HEADLINE + + THIS IS BOOOLD AND BLUE + + HEADLINE STILL +
+
+
+
+
+`; + exports[` should not render subhead 1`] = `
should not render subhead 1`] = ` `; +exports[` should render bodyText, subhead and headline using the RichText component when textMode is set to 'rich-text' 1`] = ` + +
+
+
+ This is a headline, and should be inside a rich-text. +
+
+ This is a subhead, and should be inside a rich-text. +
+
+ This is a bodyText, and should be inside a rich-text. +
+
+
+
+`; + exports[` should render subhead and headline using the RichText component when textMode is set to 'rich-text' 1`] = `
{ const { hints: { mobile }, @@ -171,6 +175,8 @@ const InfoCard = ({ const subheadClasses = `${handles.infoCardSubhead} t-body mt6 c-on-base ${alignToken} mw-100` + const bodyTextClasses = `${handles.infoCardBodyText} t-body mt6 c-on-base ${alignToken} mw-100` + return ( ))} + {bodyText && + (textMode === 'html' ? ( +
+ +
+ ) : ( + + ))}
@@ -247,6 +271,7 @@ MemoizedInfoCard.propTypes = { textPosition: oneOf(getEnumValues(textPositionTypes)), headline: string, subhead: string, + bodyText: string, callToActionMode: oneOf(getEnumValues(callToActionModeTypes)), callToActionText: string, callToActionUrl: string, @@ -269,6 +294,7 @@ MemoizedInfoCard.defaultProps = { textPosition: textPositionTypes.TEXT_POSITION_LEFT.value, headline: '', subhead: '', + bodyText: '', callToActionMode: callToActionModeTypes.CALL_ACTION_BUTTON.value, callToActionText: '', callToActionUrl: '', @@ -280,6 +306,8 @@ MemoizedInfoCard.defaultProps = { textMode: textModeTypes.TEXT_MODE_HTML.value, linkTarget: '_self', callToActionLinkTarget: '_self', + fetchpriority: 'auto', + preload: false, } MemoizedInfoCard.schema = { diff --git a/react/components/ProductBrand/ProductBrandName.tsx b/react/components/ProductBrand/ProductBrandName.tsx index a601373c7..cc8b3ca43 100644 --- a/react/components/ProductBrand/ProductBrandName.tsx +++ b/react/components/ProductBrand/ProductBrandName.tsx @@ -14,7 +14,7 @@ function ProductBrandName({ brandName, withLink, slug }: Props) { const { handles } = useProductBrandCssHandles() if (withLink && slug) { - const nameLink = `/${slug}/b` + const nameLink = `/${slug}` return ( = ({ setSelectedVariations( getNewSelectedVariations(query, skuSelected, variations, initialSelection) ) - }, [variations]) + }, [variations, skuSelected]) // This is used to selected an SKU when initialSelection is not 'empty'. // Runs only on the first render. diff --git a/react/package.json b/react/package.json index 86e49a58f..a185d3eab 100644 --- a/react/package.json +++ b/react/package.json @@ -88,5 +88,5 @@ "./setupTests.js" ] }, - "version": "3.172.2" + "version": "3.175.1" } diff --git a/store/contentSchemas.json b/store/contentSchemas.json index 14e010499..765420292 100644 --- a/store/contentSchemas.json +++ b/store/contentSchemas.json @@ -30,6 +30,12 @@ "$ref": "app:vtex.native-types#/definitions/text", "default": "" }, + "bodyText": { + "title": "admin/editor.info-card.body-text.title", + "description": "admin/editor.info-card.body-text.description", + "$ref": "app:vtex.native-types#/definitions/text", + "default": "" + }, "callToActionMode": { "default": "button", "type": "string",