@shopbite-de/storefront 1.2.2 → 1.2.4

package/app/components/Category/Header.vue

@@ -26,7 +26,7 @@ defineProps<{
 
     <div v-else class="absolute inset-0 bg-primary" />
 
-    <div class="relative z-10 p-4">
+    <div class="relative p-4">
       <h2
         class="text-pretty font-semibold text-3xl md:text-4xl text-white drop-shadow"
       >

package/app/components/Category/Listing.vue

@@ -7,7 +7,7 @@ const props = defineProps<{
 
 const { id: categoryId } = toRefs(props);
 
-const query = {
+const searchCriteria = {
   includes: {
     product: [
       "id",
@@ -76,6 +76,20 @@ const query = {
   },
 } as operations["searchPage post /search"]["body"];
 
+const defaultSorting = {
+  sort: [
+    {
+      field: "productNumber",
+      order: "ASC",
+    },
+  ],
+};
+
+const searchCriteriaWithSorting = {
+  ...searchCriteria,
+  ...defaultSorting,
+} as operations["searchPage post /search"]["body"];
+
 const {
   resetFilters,
   loading,
@@ -90,7 +104,7 @@ const {
 } = useListing({
   listingType: "categoryListing",
   categoryId: props.id,
-  defaultSearchCriteria: query,
+  defaultSearchCriteria: searchCriteria,
 });
 
 const { search: categorySearch } = useCategorySearch();
@@ -135,20 +149,30 @@ const selectedListingFilters = computed<ShortcutFilterParam[]>(() => {
 });
 
 await useAsyncData(`listing${categoryId.value}`, async () => {
-  await search(query);
+  await search(searchCriteriaWithSorting);
 });
 
 watch(selectedListingFilters, () => {
-  setCurrentFilters(selectedListingFilters.value);
+  if (selectedListingFilters.value[0]?.value == "") {
+    handleFilterRest();
+  } else {
+    setCurrentFilters(selectedListingFilters.value);
+  }
 });
 
 watch(currentSorting, () => {
-  changeCurrentSortingOrder(currentSorting.value as string);
+  const q = {
+    query: getCurrentFilters.value?.search,
+    properties: getCurrentFilters.value?.properties?.join("|"),
+  };
+
+  changeCurrentSortingOrder(currentSorting.value as string, q);
 });
 
 async function handleFilterRest() {
   await resetFilters();
   selectedPropertyFilters.value = [];
+  currentSorting.value = "number-asc";
 }
 
 const moreThanOneFilterAndOption = computed<boolean>(

package/app/layouts/listing2.vue

@@ -2,7 +2,9 @@
 
 <template>
   <UPage>
-    <NavigationMobileTop2 />
+    <div class="sticky top-16 left-0 z-20 w-full backdrop-blur-md rounded-md">
+      <NavigationMobileTop2 />
+    </div>
     <slot />
   </UPage>
 </template>

package/content/index.yml

@@ -55,7 +55,7 @@ marquee:
   title: Das lieben unsere Kunden
   description: Kundenbilder
   headline: SHOPBITE
-
+  items:
 gallery:
   title: Restaurant
   description: Genießen Sie leckeres Essen in einem rustikalen und gemütlichen Ambiente.
@@ -66,7 +66,21 @@ gallery:
       color: primary
       variant: subtle
       trailingIcon: i-lucide-phone
-
+  images:
+    - image: https://shopware.shopbite.de/media/71/2a/1a/1762465670/restaurant1.webp
+      alt: La Fattoria Restaurant Innenbereich 1
+    - image: https://shopware.shopbite.de/media/61/ea/77/1762465670/restaurant2.webp
+      alt: La Fattoria Restaurant Innenbereich 2
+    - image: https://shopware.shopbite.de/media/6d/ac/ca/1762465670/restaurant3.webp
+      alt: La Fattoria Restaurant Innenbereich 3
+    - image: https://shopware.shopbite.de/media/af/d6/da/1762465670/restaurant4.webp
+      alt: La Fattoria Restaurant Innenbereich 4
+    - image: https://shopware.shopbite.de/media/6a/ff/e2/1762465670/restaurant5.webp
+      alt: La Fattoria Restaurant Innenbereich 5
+    - image: https://shopware.shopbite.de/media/80/76/d0/1762465670/restaurant6.webp
+      alt: La Fattoria Restaurant Innenbereich 6
+    - image: https://nbg1.your-objectstorage.com/lafattoria-public/media/30/f7/76/1763383122/restaurant10.webp
+      alt: La Fattoria Restaurant Innenbereich 10
 cta:
   title: Jetzt bestellen!
   description: Genieße die italienische Küche, frisch zubereitet und direkt zu dir geliefert oder vor Ort genießen.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopbite-de/storefront",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "main": "nuxt.config.ts",
   "description": "Shopware storefront for food delivery shops",
   "keywords": [