diff --git a/components/common/listingCart/ListingCartItem.vue b/components/common/listingCart/ListingCartItem.vue
new file mode 100644
index 0000000000..7d58f08b94
--- /dev/null
+++ b/components/common/listingCart/ListingCartItem.vue
@@ -0,0 +1,89 @@
+<template>
+  <div class="py-2 px-6">
+    <div class="py-2 border-top border-k-shade" />
+    <div class="is-flex is-justify-content-space-between">
+      <div class="is-flex">
+        <div>
+          <BasicImage
+            :src="avatar"
+            :alt="nft?.name"
+            class="border image is-48x48" />
+        </div>
+
+        <div
+          class="is-flex is-flex-direction-column is-justify-content-space-between ml-4 limit-width">
+          <div
+            class="has-text-weight-bold has-text-color line-height-1 no-wrap is-clipped is-ellipsis">
+            {{ nft.name }}
+          </div>
+          <div class="line-height-1 no-wrap is-clipped is-ellipsis">
+            {{ nft.collection?.name || nft.collection.id }}
+          </div>
+        </div>
+      </div>
+
+      <NeoButton
+        class="has-text-grey pt-4"
+        variant="text"
+        no-shadow
+        icon="trash"
+        icon-pack="far"
+        @click.native="listingCartStore.removeItem(nft.id)" />
+    </div>
+    <div class="is-flex is-justify-content-space-between pt-2">
+      <div class="is-flex is-flex-direction-column">
+        <div class="has-text-grey is-size-7">{{ $t('activity.floor') }}</div>
+        <span>{{ floor }}</span>
+      </div>
+
+      <div class="is-flex is-align-items-end pt-2">
+        <ListingCartPriceInput
+          v-model="listingCartStore.getItem(nft.id).listPrice" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { parseNftAvatar } from '@/utils/nft'
+import BasicImage from '@/components/shared/view/BasicImage.vue'
+import ListingCartPriceInput from '@/components/common/listingCart/ListingCartPriceInput.vue'
+import { NeoButton } from '@kodadot1/brick'
+import { ListCartItem, useListingCartStore } from '@/stores/listingCart'
+import { formatBalance } from '@polkadot/util'
+const { decimals, chainSymbol } = useChain()
+
+const listingCartStore = useListingCartStore()
+
+const avatar = ref<string>()
+
+const props = defineProps<{
+  nft: ListCartItem
+}>()
+
+const getAvatar = async () => {
+  if (props.nft) {
+    avatar.value = await parseNftAvatar(props.nft)
+  }
+}
+
+const floor = computed(() =>
+  formatBalance(props.nft.collection.floor, {
+    decimals: decimals.value,
+    withUnit: chainSymbol.value,
+  })
+)
+
+onMounted(() => {
+  getAvatar()
+})
+</script>
+<style scoped lang="scss">
+.limit-width {
+  max-width: 170px;
+}
+
+.line-height-1 {
+  line-height: 1;
+}
+</style>
diff --git a/components/common/listingCart/ListingCartMini.vue b/components/common/listingCart/ListingCartMini.vue
new file mode 100644
index 0000000000..55b5226f25
--- /dev/null
+++ b/components/common/listingCart/ListingCartMini.vue
@@ -0,0 +1,51 @@
+<template>
+  <transition v-if="listingCartStore.count" name="slide">
+    <div class="listing-container">
+      <div class="is-inline-flex is-align-items-center">
+        <div class="k-shadow theme-background-color border py-2">
+          <div class="is-inline-flex is-align-items-center mx-5">
+            <div>
+              <b>{{ listingCartStore.count }}</b> {{ $t('items') }}
+            </div>
+            <div class="mx-4" />
+            <NeoButton
+              :disabled="!listingCartStore.count"
+              variant="text"
+              no-shadow
+              @click.native="listingCartStore.clear">
+              {{ $t('sort.clearAll') }}
+            </NeoButton>
+            <div class="mx-4" />
+            <NeoButton
+              variant="text"
+              no-shadow
+              @click.native="listingCartStore.addAllToCart">
+              {{ $t('listingCart.selectAll') }}
+            </NeoButton>
+          </div>
+        </div>
+        <NeoButton
+          class="h-full"
+          :variant="'k-accent'"
+          @click.native="preferencesStore.listingCartModalOpen = true">
+          {{ $t('listingCart.listItem') }}
+        </NeoButton>
+      </div>
+    </div>
+  </transition>
+</template>
+<script setup lang="ts">
+import { NeoButton } from '@kodadot1/brick'
+import { useListingCartStore } from '@/stores/listingCart'
+import { usePreferencesStore } from '@/stores/preferences'
+const listingCartStore = useListingCartStore()
+const preferencesStore = usePreferencesStore()
+</script>
+<style scoped lang="scss">
+.listing-container {
+  position: fixed;
+  right: 80px;
+  bottom: 50px;
+  z-index: 998;
+}
+</style>
diff --git a/components/common/listingCart/ListingCartModal.vue b/components/common/listingCart/ListingCartModal.vue
new file mode 100644
index 0000000000..584e53b2c4
--- /dev/null
+++ b/components/common/listingCart/ListingCartModal.vue
@@ -0,0 +1,215 @@
+<template>
+  <div>
+    <Loader v-model="isLoading" :status="status" />
+    <NeoModal
+      v-model="preferencesStore.listingCartModalOpen"
+      scroll="clip"
+      @close="preferencesStore.listingCartModalOpen = false">
+      <div class="modal-width">
+        <header
+          class="py-5 px-6 is-flex is-justify-content-space-between border-bottom">
+          <span class="modal-card-title is-size-6 has-text-weight-bold">
+            List {{ listingCartStore.count }} {{ $t('items') }}
+          </span>
+
+          <NeoButton
+            variant="text"
+            no-shadow
+            icon="close"
+            @click.native="preferencesStore.listingCartModalOpen = false" />
+        </header>
+        <div class="px-6 pt-4">
+          <div
+            class="rounded border border-k-shade is-flex is-justify-content-start is-flex-grow-1 pl-3">
+            <IdentityItem
+              v-if="isLogIn"
+              :label="$t('confirmPurchase.connectedWith')"
+              hide-identity-popover
+              disable-identity-link
+              :prefix="urlPrefix"
+              :account="accountId"
+              class="identity-name-font-weight-regular"
+              data-cy="item-creator" />
+          </div>
+          <div class="pt-4 has-text-weight-bold">Set All To</div>
+          <div class="pt-4">
+            {{ $t('listingCart.collectionFloorPrice') }}
+            <span v-if="floorPricePercentAdjustment !== 1" class="has-text-grey"
+              >{{ (floorPricePercentAdjustment * 100 - 100).toFixed(0) }}%</span
+            >
+          </div>
+          <div class="py-2 is-flex is-justify-content-start is-flex-grow-1">
+            <NeoButton
+              class="mr-2"
+              label="-5%"
+              rounded
+              no-shadow
+              @click.native="
+                floorPricePercentAdjustment > 0.05 &&
+                  (floorPricePercentAdjustment -= 0.05)
+                listingCartStore.setFloorPrice(floorPricePercentAdjustment)
+              " />
+            <NeoButton
+              class="mr-2"
+              :label="$t('statsOverview.floorPrice')"
+              rounded
+              no-shadow
+              @click.native="
+                floorPricePercentAdjustment = 1
+                listingCartStore.setFloorPrice(floorPricePercentAdjustment)
+              " />
+            <NeoButton
+              label="+5%"
+              rounded
+              no-shadow
+              @click.native="
+                floorPricePercentAdjustment += 0.05
+                listingCartStore.setFloorPrice(floorPricePercentAdjustment)
+              " />
+          </div>
+          <div class="pt-3 has-text-grey">-Or-</div>
+          <div class="pt-3">{{ $t('listingCart.fixedPrice') }}</div>
+          <ListingCartPriceInput
+            v-model="fixedPrice"
+            check
+            class="pt-2"
+            @confirm="setFixedPrice" />
+        </div>
+        <div class="py-2">
+          <ListingCartItem
+            v-for="nft in listingCartStore.itemsInChain"
+            :key="nft.id"
+            :nft="nft" />
+        </div>
+        <div
+          class="is-flex border-top is-justify-content-space-between py-4 px-6">
+          {{ $t('listingCart.potentialEarnings') }}
+          <div class="is-flex">
+            <span class="ml-2 has-text-grey"
+              >{{ totalNFTsPrice.toFixed(4) }} {{ chainSymbol }}</span
+            >
+            <span class="has-text-weight-bold ml-2"> ${{ priceUSD }} </span>
+          </div>
+        </div>
+
+        <div class="is-flex is-justify-content-space-between pb-5 px-6">
+          <NeoButton
+            :disabled="Boolean(listingCartStore.incompleteListPrices)"
+            :label="confirmListingLabel"
+            variant="k-accent"
+            no-shadow
+            class="is-flex is-flex-grow-1 py-5"
+            @click.native="confirm" />
+        </div>
+      </div>
+    </NeoModal>
+  </div>
+</template>
+<script setup lang="ts">
+import { Interaction } from '@kodadot1/minimark/v1'
+import ListingCartPriceInput from '@/components/common/listingCart/ListingCartPriceInput.vue'
+import { prefixToToken } from '@/components/common/shoppingCart/utils'
+import IdentityItem from '@/components/identity/IdentityItem.vue'
+import { NeoButton, NeoModal } from '@kodadot1/brick'
+import { usePreferencesStore } from '@/stores/preferences'
+import { TokenToList } from '@/composables/transaction/types'
+import { ListCartItem, useListingCartStore } from '@/stores/listingCart'
+import { calculateBalance } from '@/utils/format/balance'
+import { warningMessage } from '@/utils/notification'
+import { useFiatStore } from '@/stores/fiat'
+import { calculateExactUsdFromToken } from '@/utils/calculation'
+import { sum } from '@/utils/math'
+const { isLogIn, accountId } = useAuth()
+const { urlPrefix } = usePrefix()
+const preferencesStore = usePreferencesStore()
+const listingCartStore = useListingCartStore()
+const { transaction, isLoading, status } = useTransaction()
+const { $i18n } = useNuxtApp()
+
+const { chainSymbol } = useChain()
+const fixedPrice = ref<number | null>(null)
+const floorPricePercentAdjustment = ref(1)
+function setFixedPrice() {
+  listingCartStore.setFixedPrice(fixedPrice.value)
+  fixedPrice.value = null
+}
+const fiatStore = useFiatStore()
+const priceUSD = computed(() =>
+  calculateExactUsdFromToken(
+    totalNFTsPrice.value,
+    Number(fiatStore.getCurrentTokenValue(prefixToToken[urlPrefix.value]))
+  )
+)
+
+const totalNFTsPrice = computed(() =>
+  Number(
+    sum(
+      listingCartStore.itemsInChain.map((nft) => Number(nft.listPrice))
+    ).toFixed(4)
+  )
+)
+
+const confirmListingLabel = computed(() => {
+  switch (listingCartStore.incompleteListPrices) {
+    case 0:
+      return $i18n.t('listingCart.complete')
+    case 1:
+      return $i18n.t('listingCart.missing1')
+    default:
+      return `${listingCartStore.incompleteListPrices} ${$i18n.t(
+        'listingCart.missingMultiple'
+      )}`
+  }
+})
+async function confirm() {
+  const token = listingCartStore.itemsInChain
+    .filter((item): item is ListCartItem & { listPrice: number } =>
+      Boolean(item.listPrice)
+    )
+    .map((item) => ({
+      price: String(calculateBalance(item.listPrice)),
+      nftId: item.id,
+    })) as TokenToList[]
+
+  try {
+    await transaction({
+      interaction: Interaction.LIST,
+      urlPrefix: urlPrefix.value,
+      token,
+      successMessage: $i18n.t('transaction.price.success') as string,
+      errorMessage: $i18n.t('transaction.price.error') as string,
+    })
+    listingCartStore.clear()
+    preferencesStore.listingCartModalOpen = false
+  } catch (error) {
+    warningMessage(error)
+  }
+}
+
+watch(
+  () => listingCartStore.count,
+  () => {
+    if (listingCartStore.count === 0) {
+      preferencesStore.listingCartModalOpen = false
+    }
+  }
+)
+</script>
+<style lang="scss" scoped>
+@import '@/styles/abstracts/variables';
+
+.rounded {
+  border-radius: 10rem;
+}
+
+.modal-width {
+  width: 25rem;
+  max-width: 30rem;
+}
+
+:deep .identity-name-font-weight-regular {
+  .identity-name {
+    font-weight: unset !important;
+  }
+}
+</style>
diff --git a/components/common/listingCart/ListingCartPriceInput.vue b/components/common/listingCart/ListingCartPriceInput.vue
new file mode 100644
index 0000000000..acc5d210b4
--- /dev/null
+++ b/components/common/listingCart/ListingCartPriceInput.vue
@@ -0,0 +1,64 @@
+<template>
+  <div class="is-flex">
+    <div class="is-flex price-input border border-k-shade">
+      <input
+        v-model="model"
+        type="text"
+        class="price-input height-40 theme-background-color has-text-color"
+        :placeholder="$t('offer.price')" />
+      <div class="px-5 is-flex is-align-items-center">{{ chainSymbol }}</div>
+    </div>
+    <NeoButton
+      v-if="check"
+      no-shadow
+      class="shade-border-color ml-2 height-40"
+      icon="check"
+      @click.native="emit('confirm')" />
+  </div>
+</template>
+<script setup lang="ts">
+import { NeoButton } from '@kodadot1/brick'
+import { useVModel } from '@vueuse/core'
+const props = defineProps<{ value?: number | string; check?: boolean }>()
+const emit = defineEmits(['confirm', 'input'])
+const model = useVModel(props, 'value', emit, { eventName: 'input' })
+const { chainSymbol } = useChain()
+watch(model, (newValue) => {
+  const sanitizedValue = (newValue?.toString() ?? '').replace(/[^0-9.]/g, '')
+  if (sanitizedValue !== newValue) {
+    model.value = sanitizedValue
+  }
+})
+</script>
+
+<style scoped lang="scss">
+@import '@/styles/abstracts/variables';
+
+.price-input {
+  @include ktheme() {
+    &:focus-within {
+      border-color: theme('border-color');
+    }
+  }
+
+  input {
+    border: none;
+    outline: none;
+    width: 5em;
+    text-indent: 10px;
+  }
+}
+
+.height-40 {
+  height: 40px;
+}
+
+.shade-border-color {
+  @include ktheme() {
+    border-color: theme('k-shade');
+    &:hover {
+      border-color: theme('border-color');
+    }
+  }
+}
+</style>
diff --git a/components/common/shoppingCart/utils.ts b/components/common/shoppingCart/utils.ts
index e5972999f3..c5dfdfcc6e 100644
--- a/components/common/shoppingCart/utils.ts
+++ b/components/common/shoppingCart/utils.ts
@@ -1,4 +1,5 @@
 import { calculateExactUsdFromToken } from '@/utils/calculation'
+import { ListCartItem } from '@/stores/listingCart'
 import { ShoppingCartItem } from './types'
 import { useFiatStore } from '@/stores/fiat'
 import { sum } from '@/utils/math'
@@ -62,3 +63,21 @@ export const nftToShoppingCardItem = (nft: NFT): ShoppingCartItem => {
     meta: nft.meta,
   }
 }
+
+export const nftToListingCartItem = (nft: NFT, floor = ''): ListCartItem => {
+  const { urlPrefix } = usePrefix()
+
+  return {
+    id: nft.id,
+    name: nft.name,
+    price: nft.price ?? '0',
+    urlPrefix: urlPrefix.value,
+    collection: {
+      ...nft.collection,
+      floor,
+    },
+    listPrice: null,
+    metadata: nft.metadata,
+    meta: nft.meta,
+  }
+}
diff --git a/components/items/ItemsGrid/ItemsGrid.vue b/components/items/ItemsGrid/ItemsGrid.vue
index 02709f6305..2b117aa6f4 100644
--- a/components/items/ItemsGrid/ItemsGrid.vue
+++ b/components/items/ItemsGrid/ItemsGrid.vue
@@ -36,7 +36,6 @@
           (slotProps.isMobileVariant || slotProps.grid === 'small') && 'minimal'
         " />
     </DynamicGrid>
-
     <EmptyResult v-else />
     <ScrollTopButton />
   </div>
@@ -45,6 +44,8 @@
 <script setup lang="ts">
 import { NeoNftCard } from '@kodadot1/brick'
 import DynamicGrid from '@/components/shared/DynamicGrid.vue'
+import { nftToShoppingCardItem } from '@/components/common/shoppingCart/utils'
+import { useListingCartStore } from '@/stores/listingCart'
 import ItemsGridImage from './ItemsGridImage.vue'
 import { useFetchSearch } from './useItemsGrid'
 import isEqual from 'lodash/isEqual'
@@ -55,6 +56,7 @@ const props = defineProps<{
 }>()
 
 const emit = defineEmits(['total', 'loading'])
+const listingCartStore = useListingCartStore()
 
 const isLoading = ref(true)
 const gotoPage = (page: number) => {
diff --git a/components/items/ItemsGrid/ItemsGridImage.vue b/components/items/ItemsGrid/ItemsGridImage.vue
index daaa845a66..94e684a0a7 100644
--- a/components/items/ItemsGrid/ItemsGridImage.vue
+++ b/components/items/ItemsGrid/ItemsGridImage.vue
@@ -6,7 +6,11 @@
     :prefix="urlPrefix"
     :show-price="Number(nft?.price) > 0"
     :variant="variant"
-    :class="{ 'in-cart-border': shoppingCartStore.isItemInCart(nft.id) }"
+    :class="{
+      'in-cart-border':
+        shoppingCartStore.isItemInCart(nft.id) ||
+        listingCartStore.isItemInCart(nft.id),
+    }"
     :unloackable-icon="unlockableIcon"
     :show-action-on-hover="!showActionSection"
     link="nuxt-link"
@@ -30,6 +34,15 @@
           <img :src="cartIcon" class="image is-16x16" />
         </NeoButton>
       </div>
+      <div v-else-if="isOwner" class="is-flex">
+        <NeoButton
+          :label="listLabel"
+          data-cy="item-buy"
+          no-shadow
+          class="is-flex-grow-1 btn-height"
+          @click.native.prevent="onClickListingCart">
+        </NeoButton>
+      </div>
     </template>
   </NeoNftCard>
 </template>
@@ -39,9 +52,14 @@ import { NeoButton, NeoNftCard } from '@kodadot1/brick'
 import type { NftCardVariant } from '@kodadot1/brick'
 import type { NFTWithMetadata } from '@/composables/useNft'
 import { useShoppingCartStore } from '@/stores/shoppingCart'
+import { useListingCartStore } from '@/stores/listingCart'
 import { usePreferencesStore } from '@/stores/preferences'
-import { nftToShoppingCardItem } from '@/components/common/shoppingCart/utils'
+import {
+  nftToListingCartItem,
+  nftToShoppingCardItem,
+} from '@/components/common/shoppingCart/utils'
 import { isOwner as checkOwner } from '@/utils/account'
+import { useCollectionDetails } from '@/components/collection/utils/useCollectionDetails'
 
 const { urlPrefix } = usePrefix()
 const { placeholder } = useTheme()
@@ -49,6 +67,7 @@ const { accountId, isLogIn } = useAuth()
 const { doAfterLogin } = useDoAfterlogin(getCurrentInstance())
 const { unlockableIcon } = useUnlockableIcon()
 const shoppingCartStore = useShoppingCartStore()
+const listingCartStore = useListingCartStore()
 const preferencesStore = usePreferencesStore()
 const { $i18n } = useNuxtApp()
 
@@ -57,8 +76,12 @@ const props = defineProps<{
   variant?: NftCardVariant
 }>()
 
+const { stats } = useCollectionDetails({
+  collectionId: props.nft?.collection?.id || props.nft?.collectionId,
+})
+
 const showActionSection = computed(() => {
-  return !isLogIn.value && shoppingCartStore.getItemToBuy?.id === nft.value.id
+  return !isLogIn.value && shoppingCartStore.getItemToBuy?.id === props.nft.id
 })
 
 const buyLabel = computed(function () {
@@ -71,6 +94,13 @@ const buyLabel = computed(function () {
   )
 })
 
+const listLabel = computed(() => {
+  const label = Boolean(Number(props.nft.price))
+    ? $i18n.t('transaction.price.change')
+    : $i18n.t('listingCart.listForSale')
+  return label + (listingCartStore.isItemInCart(props.nft.id) ? ' ✓' : '')
+})
+
 const { cartIcon } = useShoppingCartIcon(props.nft.id)
 
 const { nft } = useNft(props.nft)
@@ -98,6 +128,15 @@ const onClickBuy = () => {
   })
 }
 
+// Set unlisted owned nft to the store
+if (!Number(props.nft?.price) && isOwner.value) {
+  listingCartStore.setUnlistedItem(
+    nftToListingCartItem(
+      props.nft,
+      String(stats.value.collectionFloorPrice ?? '')
+    )
+  )
+}
 const onClickShoppingCart = () => {
   if (shoppingCartStore.isItemInCart(props.nft.id)) {
     shoppingCartStore.removeItem(props.nft.id)
@@ -105,6 +144,19 @@ const onClickShoppingCart = () => {
     shoppingCartStore.setItem(nftToShoppingCardItem(props.nft))
   }
 }
+
+const onClickListingCart = () => {
+  if (listingCartStore.isItemInCart(props.nft.id)) {
+    listingCartStore.removeItem(props.nft.id)
+  } else {
+    listingCartStore.setItem(
+      nftToListingCartItem(
+        props.nft,
+        String(stats.value.collectionFloorPrice ?? '')
+      )
+    )
+  }
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/components/rmrk/service/scheme.ts b/components/rmrk/service/scheme.ts
index bf6f65cd7c..575be2f23d 100644
--- a/components/rmrk/service/scheme.ts
+++ b/components/rmrk/service/scheme.ts
@@ -188,6 +188,7 @@ export interface NFT extends ItemResources {
 export type EntityWithId = {
   id: string
   name: string
+  floor: string
 }
 
 interface BaseInteraction {
diff --git a/locales/en.json b/locales/en.json
index 1b85d2b999..e09ac70d1d 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -1257,5 +1257,16 @@
     "gotToCart": "Go To Cart",
     "buyNow": "Buy Now",
     "wallet": "Wallet"
+  },
+  "listingCart": {
+    "complete": "Complete Listing",
+    "missing1": "1 Item Is Missing Price",
+    "missingMultiple": "Items Are Missing Price",
+    "selectAll": "Select All",
+    "listItem": "List Item",
+    "fixedPrice": "Fixed Price",
+    "collectionFloorPrice": "Collection Floor Price",
+    "potentialEarnings": "Potential Earnings",
+    "listForSale": "List For Sale"
   }
 }
diff --git a/pages/_prefix/u/_id.vue b/pages/_prefix/u/_id.vue
index 564a25d16d..9155078068 100644
--- a/pages/_prefix/u/_id.vue
+++ b/pages/_prefix/u/_id.vue
@@ -1,5 +1,9 @@
 <template>
-  <ProfileDetail />
+  <div>
+    <ProfileDetail />
+    <ListingCartMini />
+    <ListingCartModal />
+  </div>
 </template>
 
 <script lang="ts">
diff --git a/queries/subsquid/general/nftListWithSearch.graphql b/queries/subsquid/general/nftListWithSearch.graphql
index eb247a3619..7bf375a3b1 100644
--- a/queries/subsquid/general/nftListWithSearch.graphql
+++ b/queries/subsquid/general/nftListWithSearch.graphql
@@ -27,6 +27,7 @@ query nftListWithSearch(
     collection {
       id
       name
+      floor
     }
     meta {
       ...baseMeta
diff --git a/queries/subsquid/rmrk/nftListWithSearch.graphql b/queries/subsquid/rmrk/nftListWithSearch.graphql
index ccbc0e9a7f..deeb24c1b5 100644
--- a/queries/subsquid/rmrk/nftListWithSearch.graphql
+++ b/queries/subsquid/rmrk/nftListWithSearch.graphql
@@ -22,7 +22,7 @@ query nftListWithSearch(
   ) {
     ...nft
     ...nftDetails
-  
+
     collection {
       id
       name
diff --git a/stores/listingCart.ts b/stores/listingCart.ts
new file mode 100644
index 0000000000..1c81b823a3
--- /dev/null
+++ b/stores/listingCart.ts
@@ -0,0 +1,96 @@
+import { defineStore } from 'pinia'
+import { EntityWithId, NFTMetadata } from '@/components/rmrk/service/scheme'
+import { ComputedRef } from 'vue'
+import type { Prefix } from '@kodadot1/static'
+
+export type ListCartItem = {
+  id: string
+  name: string
+  urlPrefix: string
+  price: string
+  listPrice: number | null
+  collection: EntityWithId
+  meta?: NFTMetadata
+  metadata?: string
+}
+
+type ID = string
+
+interface State {
+  items: ListCartItem[]
+  allUnlistedItems: ListCartItem[]
+  chain: ComputedRef<Prefix>
+  decimals: ComputedRef<number>
+}
+
+const localStorage = useLocalStorage<ListCartItem[]>('listingCart', [])
+export const useListingCartStore = defineStore('listingCart', {
+  state: (): State => ({
+    items: localStorage.value,
+    allUnlistedItems: [],
+    chain: usePrefix().urlPrefix,
+    decimals: useChain().decimals,
+  }),
+  getters: {
+    itemsInChain: (state): ListCartItem[] =>
+      state.items.filter((item) => item.urlPrefix === state.chain),
+    count() {
+      return this.itemsInChain.length
+    },
+    incompleteListPrices: (state) =>
+      state.items.filter((item) => !item.listPrice).length,
+  },
+  actions: {
+    getItem(id: ID) {
+      return this.items.find((item) => item.id === id)
+    },
+    isItemInCart(id: ID) {
+      return existInItemIndex(id, this.items) !== -1
+    },
+    setItem(payload: ListCartItem) {
+      const itemIndex = existInItemIndex(payload.id, this.items)
+      if (itemIndex === -1) {
+        this.items.push(payload)
+        localStorage.value = this.items
+      }
+    },
+    setUnlistedItem(payload: ListCartItem) {
+      const itemIndex = existInItemIndex(payload.id, this.allUnlistedItems)
+      if (itemIndex === -1) {
+        this.allUnlistedItems.push(payload)
+      }
+    },
+    addAllToCart() {
+      this.allUnlistedItems.forEach((item) => this.setItem(item))
+    },
+    setFixedPrice(price: number | null) {
+      this.itemsInChain.forEach((item) => {
+        item.listPrice = price
+      })
+    },
+    setFloorPrice(rate = 1) {
+      this.itemsInChain.forEach((item) => {
+        const floor = (Number(item.collection.floor) || 0) * +rate.toFixed(2)
+        item.listPrice = Number(
+          (floor / Math.pow(10, this.decimals)).toFixed(4)
+        )
+      })
+    },
+    removeItem(id: ID) {
+      const itemIndex = existInItemIndex(id, this.items)
+      if (itemIndex !== -1) {
+        this.items.splice(itemIndex, 1)
+        localStorage.value = this.items
+      }
+    },
+    clear() {
+      this.itemsInChain.forEach((item) => {
+        this.removeItem(item.id)
+      })
+    },
+  },
+})
+
+function existInItemIndex(id: string, items: ListCartItem[]) {
+  return items.findIndex((item) => item.id === id)
+}
diff --git a/stores/preferences.ts b/stores/preferences.ts
index 8c7838700c..bf4817758c 100644
--- a/stores/preferences.ts
+++ b/stores/preferences.ts
@@ -10,6 +10,7 @@ interface State {
   mobileFilterCollapseOpen: boolean
   notificationBoxCollapseOpen: boolean
   shoppingCartCollapseOpen: boolean
+  listingCartModalOpen: boolean
   completePurchaseModal: completePurchaseModalState
   triggerBuySuccess: boolean
   layoutClass: string
@@ -40,6 +41,7 @@ export const usePreferencesStore = defineStore('preferences', {
     sidebarFilterCollapseOpen: true,
     mobileFilterCollapseOpen: false,
     notificationBoxCollapseOpen: false,
+    listingCartModalOpen: false,
     shoppingCartCollapseOpen: false,
     completePurchaseModal: {
       isOpen: false,
diff --git a/styles/global.scss b/styles/global.scss
index 4a6b5f8f2a..3fee3de6ab 100644
--- a/styles/global.scss
+++ b/styles/global.scss
@@ -204,7 +204,7 @@ body {
 }
 
 .h-full {
-  height: 100%;
+  height: 100% !important;
 }
 
 .w-full {
@@ -309,24 +309,22 @@ a.has-text-grey {
 
 .card-border-color {
   @include ktheme() {
-    border-color:theme('card-border-color');
+    border-color: theme('card-border-color');
   }
 }
 
 .border-k-shade {
   @include ktheme() {
-    border-color:  theme('k-shade');
+    border-color: theme('k-shade');
   }
 }
 
 .has-text-k-shade {
   @include ktheme() {
     color: theme('k-shade');
-  }  
+  }
 }
 
-
-
 //colors
 
 .has-text-k-green {