feat: display product titles without suffix

plentymarkets · Oct 30, 2024 · 2ae9ae3 · 2ae9ae3
1 parent 1f1aa75
commit 2ae9ae3
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/apps/web/composables/useProduct/useProduct.ts b/apps/web/composables/useProduct/useProduct.ts
@@ -59,10 +59,14 @@ export const useProduct: UseProductReturn = (slug) => {
    * @description Function for setting product title meta data
    */
   const setProductMeta = () => {
-    const title = productGetters.getName(state.value.data);
+    const { titleSuffix } = useAppConfig();
+
+    const title =
+      productGetters.getTitle(state.value.data) || `${productGetters.getName(state.value.data)} | ${titleSuffix}`;
 
     useHead({
       title,
+      titleTemplate: '',
       meta: [
         {
           name: 'description',

diff --git a/apps/web/layouts/default.vue b/apps/web/layouts/default.vue
@@ -21,7 +21,6 @@
 <script setup lang="ts">
 import type { DefaultLayoutProps } from '~/layouts/types';
 defineProps<DefaultLayoutProps>();
-usePageTitle();
 const { setLogoMeta } = useStructuredData();
 const { isOpen, product } = useQuickCheckout();
 const viewport = useViewport();

diff --git a/docs/changelog/changelog_en.md b/docs/changelog/changelog_en.md
@@ -15,6 +15,7 @@
 - Implement new notification design
 - Adding the ability to have alt text for images.
 - It's now possible to change the font color of the hero banner via a template property.
+- Display product titles without global suffix when available, maintaining backward compatibility.
 
 ### 🩹 Fixed