diff --git a/src/components/EventModal/Collect/index.vue b/src/components/EventModal/Collect/index.vue
index 2377d7d3d..8cbe552cd 100644
--- a/src/components/EventModal/Collect/index.vue
+++ b/src/components/EventModal/Collect/index.vue
@@ -46,7 +46,7 @@
       </transition>
       <Label v-if="isAddedToShoppingCart" preset="p5" align="center">{{
         $t('nft_collect_modal_added_to_shopping_cart_description', {
-          nft: NFTName,
+          nft: nftName,
         })
       }}</Label>
       <template v-else-if="isCompleted">
@@ -805,10 +805,10 @@ export default {
       logTrackerEvent(this, 'NFT', 'NFTClickShare', this.classId, 1);
       if (navigator?.share) {
         const title = this.$t('nft_collect_modal_share_title', {
-          name: this.NFTName,
+          name: this.nftName,
         });
         const text = this.$t('nft_collect_modal_share_text', {
-          name: this.NFTName,
+          name: this.nftName,
           creator: this.creatorDisplayName,
         });
         const url = this.justCollectedNFTId
diff --git a/src/components/IndexPageFreeCollectCTA.vue b/src/components/IndexPageFreeCollectCTA.vue
index 7c6102f67..e6ef81451 100644
--- a/src/components/IndexPageFreeCollectCTA.vue
+++ b/src/components/IndexPageFreeCollectCTA.vue
@@ -8,7 +8,7 @@
     </client-only>
     <NFTPageCollectCTA
       :class-id="classId"
-      :nft-image-url="NFTImageUrl"
+      :nft-image-url="nftImageUrl"
       :class-owner="classOwner"
       :is-collectable="nftIsCollectable"
       button-theme="glow"
diff --git a/src/components/NFTBook/CrossSellDialog.vue b/src/components/NFTBook/CrossSellDialog.vue
index baa1f6359..2322662d6 100644
--- a/src/components/NFTBook/CrossSellDialog.vue
+++ b/src/components/NFTBook/CrossSellDialog.vue
@@ -265,7 +265,7 @@ export default {
         const purchaseEventParams = {
           items: [
             {
-              name: this.NFTName,
+              name: this.nftName,
               price: edition.price,
               classId: this.classId,
               priceIndex,
diff --git a/src/components/NFTBook/ItemCard.vue b/src/components/NFTBook/ItemCard.vue
index eb0a5d1dd..050e73014 100644
--- a/src/components/NFTBook/ItemCard.vue
+++ b/src/components/NFTBook/ItemCard.vue
@@ -15,24 +15,24 @@
         <NFTCover
           v-if="videoSrc"
           :is-nft-book="true"
-          :src="imageSrc || NFTImageUrl"
+          :src="imageSrc || nftImageUrl"
           :video-src="videoSrc"
           :should-resize-src="shouldResizeSrc"
           :size="200"
           :theme="theme"
-          :alt="NFTName"
+          :alt="nftName"
         />
         <NFTBookCover
           v-else
           :class="coverClasses"
-          :src="imageSrc || NFTImageUrl"
-          :alt="NFTName"
+          :src="imageSrc || nftImageUrl"
+          :alt="nftName"
           :resize="200"
         />
       </component>
     </div>
     <template v-if="!isCoverPreset">
-      <Label :class="[titleStyle, 'mt-[20px]']" preset="p5" :text="NFTName" />
+      <Label :class="[titleStyle, 'mt-[20px]']" preset="p5" :text="nftName" />
       <Label
         class="text-medium-gray mt-[6px] mb-[12px]"
         preset="p6"
@@ -106,18 +106,18 @@
             v-if="videoSrc"
             :class="['mt-[-48px]', coverClasses]"
             :is-nft-book="true"
-            :src="imageSrc || NFTImageUrl"
+            :src="imageSrc || nftImageUrl"
             :should-resize-src="shouldResizeSrc"
             :video-src="videoSrc"
             :size="200"
             :theme="theme"
-            :alt="NFTName"
+            :alt="nftName"
           />
           <NFTBookCover
             v-else
             :class="['mt-[-48px]', coverClasses]"
-            :src="imageSrc || NFTImageUrl"
-            :alt="NFTName"
+            :src="imageSrc || nftImageUrl"
+            :alt="nftName"
             :resize="200"
           />
 
@@ -150,7 +150,7 @@
           />
           <h1
             :class="['text-[24px]', 'font-600', titleStyle]"
-            v-text="NFTName"
+            v-text="nftName"
           />
           <p
             v-if="!isDetailsPreset"
@@ -473,7 +473,7 @@ export default {
     isNew() {
       // True if within 30 days
       return (
-        new Date().getTime() - new Date(this.iscnData?.recordTimestamp) <
+        new Date().getTime() - new Date(this.contentMetadata.recordTimestamp) <
         1000 * 60 * 60 * 24 * 30
       );
     },
@@ -551,11 +551,12 @@ export default {
     },
     bookDescriptionTrimmed() {
       if (this.preset === PRESET_TYPE.CAMPAIGN) {
-        return this.NFTDescription.replaceAll('\n', '')
+        return this.nftDescription
+          .replaceAll('\n', '')
           .trim()
           .substring(0, 100);
       }
-      return this.NFTDescription.trim();
+      return this.nftDescription.trim();
     },
   },
   mounted() {
diff --git a/src/components/NFTCampaign/Item.vue b/src/components/NFTCampaign/Item.vue
index c579b9d98..df33e1d65 100644
--- a/src/components/NFTCampaign/Item.vue
+++ b/src/components/NFTCampaign/Item.vue
@@ -8,10 +8,10 @@
     </client-only>
     <NFTCampaignItemBase
       :class-id="classId"
-      :title="NFTName"
-      :description="NFTDescription"
-      :img-src="NFTImageUrl"
-      :img-bg-color="NFTImageBackgroundColor"
+      :title="nftName"
+      :description="nftDescription"
+      :img-src="nftImageUrl"
+      :img-bg-color="nftImageBackgroundColor"
       :price="NFTPrice"
       :base-price="nftBasePrice"
       :owner-address="classOwner"
diff --git a/src/components/NFTPortfolio/Item.vue b/src/components/NFTPortfolio/Item.vue
index 6262a57a0..b71411cf1 100644
--- a/src/components/NFTPortfolio/Item.vue
+++ b/src/components/NFTPortfolio/Item.vue
@@ -7,7 +7,7 @@
       />
     </client-only>
     <NFTPortfolioBase
-      :title="NFTName"
+      :title="nftName"
       :price="NFTPrice"
       :is-free="nftIsFree"
       :class-id="classId"
@@ -17,7 +17,7 @@
       :user-display-name="creatorDisplayNameFull"
       :user-avatar-src="creatorAvatar"
       :is-user-civic-liker="isCreatorCivicLiker"
-      :image-src="NFTImageUrl"
+      :image-src="nftImageUrl"
       :is-collecting="uiIsOpenCollectModal && isCollecting"
       :own-count="ownCount"
       :display-state="nftDisplayState"
diff --git a/src/mixins/iscn.js b/src/mixins/iscn.js
new file mode 100644
index 000000000..2fb227e24
--- /dev/null
+++ b/src/mixins/iscn.js
@@ -0,0 +1,30 @@
+import { mapActions, mapGetters } from 'vuex';
+import { APP_LIKE_CO_VIEW } from '~/constant';
+
+export default {
+  computed: {
+    ...mapGetters(['getISCNMetadataById']),
+    iscnId() {
+      return (
+        this.NFTClassMetadata.parent?.iscnIdPrefix ||
+        this.NFTClassMetadata.parent?.iscn_id_prefix
+      );
+    },
+    iscnURL() {
+      if (!this.iscnId) return '';
+      return `${APP_LIKE_CO_VIEW}/${encodeURIComponent(this.iscnId)}`;
+    },
+    iscnData() {
+      if (!this.iscnId) return undefined;
+      const data = this.getISCNMetadataById(this.iscnId);
+      if (data instanceof Promise) return undefined;
+      return data;
+    },
+  },
+  methods: {
+    ...mapActions(['lazyGetISCNMetadataById']),
+    async fetchISCNMetadata() {
+      await this.lazyGetISCNMetadataById(this.iscnId);
+    },
+  },
+};
diff --git a/src/mixins/nft-or-collection.js b/src/mixins/nft-or-collection.js
index 9c8b177f7..6559ee826 100644
--- a/src/mixins/nft-or-collection.js
+++ b/src/mixins/nft-or-collection.js
@@ -1,5 +1,4 @@
 import { formatNumberWithUSD } from '~/util/ui';
-import { parseNFTMetadataURL } from '~/util/nft';
 import nftMixin from './nft';
 import collectionMixin from './nft-collection';
 
@@ -16,10 +15,10 @@ export default {
       return this.collectionId || this.classId;
     },
     productMetadata() {
-      return this.isCollection ? this.collection : this.NFTClassMetadata;
+      return this.isCollection ? this.collection : this.contentMetadata;
     },
     productName() {
-      const name = this.NFTName || this.productMetadata?.name;
+      const name = this.nftName || this.productMetadata?.name;
       const hasLocalizedName = name?.[this.collectionLocale] !== undefined;
       return hasLocalizedName ? name[this.collectionLocale] : name;
     },
@@ -31,12 +30,12 @@ export default {
       return description;
     },
     productImageUrl() {
-      return this.isCollection ? this.collectionImageUrl : this.NFTImageUrl;
+      return this.isCollection ? this.collectionImageUrl : this.nftImageUrl;
     },
     productOwner() {
       return this.isCollection
         ? this.productMetadata?.ownerWallet
-        : this.productMetadata?.iscn_owner;
+        : this.classOwner;
     },
     productAvailablePriceLabel() {
       return this.isCollection
diff --git a/src/mixins/nft.js b/src/mixins/nft.js
index 9b23ee885..1b8d0cfb5 100644
--- a/src/mixins/nft.js
+++ b/src/mixins/nft.js
@@ -1,7 +1,6 @@
 import { mapActions, mapGetters } from 'vuex';
 
 import {
-  APP_LIKE_CO_VIEW,
   LIKECOIN_CHAIN_API,
   TX_STATUS,
   LIKECOIN_NFT_API_WALLET,
@@ -37,13 +36,10 @@ import {
   getUniqueAddressesFromEvent,
 } from '~/util/nft';
 import { getDynamicCovers } from '~/util/nft-book';
-import {
-  formatNumberWithLIKE,
-  formatNumberWithUSD,
-  formatNumberWithUnit,
-} from '~/util/ui';
+import { formatNumberWithLIKE, formatNumberWithUSD } from '~/util/ui';
 
 import walletMixin from '~/mixins/wallet';
+import iscnMixin from '~/mixins/iscn';
 import alertMixin from '~/mixins/alert';
 import utmMixin from '~/mixins/utm';
 import nftEventBannerMixin from '~/mixins/nft-event-banner';
@@ -66,6 +62,7 @@ const defaultThemeColor = ['#D1D1D1', '#FFC123', '#ECBDF3'];
 export default {
   mixins: [
     walletMixin,
+    iscnMixin,
     alertMixin,
     creatorInfoMixin,
     nftClassCollectionMixin,
@@ -113,21 +110,37 @@ export default {
       'uiTxNFTStatus',
     ]),
     NFTClassMetadata() {
+      if (!this.classId) return {};
       return this.getNFTClassMetadataById(this.classId) || {};
     },
     nftMetadata() {
+      if (!this.classId || !this.nftId) return {};
       return (
         this.getNFTMetadataByNFTClassAndNFTId(this.classId, this.nftId) || {}
       );
     },
+    contentMetadata() {
+      const {
+        contentMetadata: iscnContentMetadata,
+        contentFingerprints,
+        recordTimestamp,
+      } = this.iscnData || {};
+      return {
+        ...this.NFTClassMetadata,
+        ...iscnContentMetadata,
+        contentFingerprints,
+        recordTimestamp,
+        ...this.nftMetadata,
+      };
+    },
     nftClassCollectionType() {
-      return getNFTClassCollectionType(this.NFTClassMetadata);
+      return getNFTClassCollectionType(this.contentMetadata);
     },
     nftClassCollectionName() {
-      return this.NFTClassMetadata.nft_meta_collection_name || '';
+      return this.contentMetadata.nft_meta_collection_name || '';
     },
     nftClassCreatorMessage() {
-      return this.NFTClassMetadata.message || '';
+      return this.contentMetadata.message || '';
     },
     purchaseInfo() {
       const info = this.getNFTClassPurchaseInfoById(this.classId) || {};
@@ -149,16 +162,6 @@ export default {
     ownerInfo() {
       return this.getNFTClassOwnerInfoById(this.classId) || {};
     },
-    iscnId() {
-      return (
-        this.NFTClassMetadata.parent?.iscnIdPrefix ||
-        this.NFTClassMetadata.parent?.iscn_id_prefix
-      );
-    },
-    iscnURL() {
-      if (!this.iscnId) return '';
-      return `${APP_LIKE_CO_VIEW}/${encodeURIComponent(this.iscnId)}`;
-    },
     classOwner() {
       return (
         // TODO: refactor iscn owner data location
@@ -168,7 +171,7 @@ export default {
       );
     },
     classAuthor() {
-      return this.iscnData?.contentMetadata?.author;
+      return this.contentMetadata.author;
     },
     classAuthorName() {
       if (typeof this.classAuthor === 'string') {
@@ -180,58 +183,28 @@ export default {
       return this.classAuthor?.description?.trim();
     },
     classPublisher() {
-      return this.iscnData?.contentMetadata?.publisher?.trim();
-    },
-    // nft info
-    NFTName() {
-      if (this.nftIsNFTBook) {
-        return this.iscnName || this.NFTClassMetadata.name;
-      }
-      return this.NFTClassMetadata.name;
+      return this.contentMetadata.publisher?.trim();
     },
     nftName() {
-      return this.nftMetadata.name || this.NFTName;
-    },
-    NFTDescription() {
-      const overrideKey = `nft_override_${this.classId}_description`;
-      const hasOverride = this.$te(overrideKey);
-      if (hasOverride) return this.$t(overrideKey);
-
-      if (this.nftIsNFTBook) {
-        return this.iscnDescription || this.NFTClassMetadata.description || '';
-      }
-      return this.NFTClassMetadata.description || '';
+      return this.contentMetadata.name;
     },
     nftDescription() {
       const overrideKey = `nft_override_${this.classId}_description`;
       const hasOverride = this.$te(overrideKey);
       if (hasOverride) return this.$t(overrideKey);
-      return this.nftMetadata.description || this.NFTDescription;
+      return this.contentMetadata.description || '';
     },
-    NFTImageUrl() {
-      const { image = '' } = this.NFTClassMetadata;
+    nftImageUrl() {
+      const { image = '', thumbnailUrl } = this.contentMetadata;
       let url = image;
       // HACK: some thumbnail url is just ar:// which is wrong
-      if (this.iscnThumbnailUrl && this.iscnThumbnailUrl !== 'ar://') {
-        url = this.iscnThumbnailUrl;
+      if (thumbnailUrl && thumbnailUrl !== 'ar://') {
+        url = thumbnailUrl;
       }
       return parseNFTMetadataURL(url);
     },
-    nftImageURL() {
-      const { image = '' } = this.nftMetadata;
-      let url = image;
-      // HACK: some thumbnail url is just ar:// which is wrong
-      if (this.iscnThumbnailUrl && this.iscnThumbnailUrl !== 'ar://') {
-        url = this.iscnThumbnailUrl;
-      }
-      return parseNFTMetadataURL(url) || this.NFTImageUrl;
-    },
-    NFTAnimationUrl() {
-      const { animation_url: video = '' } = this.NFTClassMetadata;
-      return parseNFTMetadataURL(video);
-    },
-    nftAnimationURL() {
-      const video = this.nftMetadata.animation_url || this.NFTAnimationUrl;
+    nftAnimationUrl() {
+      const { animation_url: video = '' } = this.contentMetadata;
       return parseNFTMetadataURL(video);
     },
     nftModelURL() {
@@ -239,52 +212,23 @@ export default {
         ? getNFTModel({ classId: this.classId })
         : undefined;
     },
-    NFTImageBackgroundColor() {
-      return this.NFTClassMetadata.background_color;
-    },
     nftImageBackgroundColor() {
-      return this.nftMetadata.background_color || this.NFTImageBackgroundColor;
-    },
-    NFTExternalUrl() {
-      return this.NFTClassMetadata.external_url;
-    },
-    nftExternalURL() {
-      return this.nftMetadata.external_url || this.NFTExternalUrl;
+      return this.contentMetadata.background_color;
     },
     externalUrl() {
-      // Prioritize iscn url for nft book since book info might be in iscn
-      return this.nftIsNFTBook
-        ? this.iscnUrl || this.nftExternalURL
-        : this.nftExternalURL;
-    },
-    iscnData() {
-      const data = this.getISCNMetadataById(this.iscnId);
-      if (data instanceof Promise) return undefined;
-      return data;
-    },
-    iscnName() {
-      return this.iscnData?.contentMetadata?.name;
-    },
-    iscnDescription() {
-      return this.iscnData?.contentMetadata?.description;
-    },
-    iscnUrl() {
-      return this.iscnData?.contentMetadata?.url;
-    },
-    iscnThumbnailUrl() {
-      return this.iscnData?.contentMetadata?.thumbnailUrl;
+      return this.contentMetadata.url || this.contentMetadata.external_url;
     },
     classContentUrls() {
-      return this.iscnData?.contentMetadata?.sameAs || [];
+      return this.contentMetadata.sameAs || [];
     },
     classContentFingerprints() {
-      return this.iscnData?.contentFingerprints || [];
+      return this.contentMetadata.contentFingerprints || [];
     },
     classPublishedDate() {
-      return this.iscnData?.contentMetadata?.datePublished;
+      return this.contentMetadata.datePublished;
     },
     classReleasedDate() {
-      return this.classPublishedDate || this.iscnData?.recordTimestamp;
+      return this.classPublishedDate || this.contentMetadata.recordTimestamp;
     },
     NFTPrice() {
       return this.nftIsNFTBook
@@ -531,7 +475,7 @@ export default {
       return this.nftCollectorCollectedNFTList.length || 0;
     },
     nftCreatorMessage() {
-      return this.NFTClassMetadata?.message || '';
+      return this.contentMetadata?.message || '';
     },
     nftCreatorMessageWithParsing() {
       const collector =
@@ -703,7 +647,6 @@ export default {
   methods: {
     ...mapActions([
       'lazyGetUserInfoByAddress',
-      'lazyGetISCNMetadataById',
       'lazyFetchNFTClassAggregatedInfo',
       'lazyGetNFTClassMetadata',
       'lazyGetNFTOwners',
@@ -726,9 +669,6 @@ export default {
       'lazyFetchNFTBookInfoByClassId',
       'fetchNFTCollectionInfoByClassId',
     ]),
-    async fetchISCNMetadata() {
-      await this.lazyGetISCNMetadataById(this.iscnId);
-    },
     async lazyFetchNFTClassMetadata() {
       await catchAxiosError(this.lazyGetNFTClassMetadata(this.classId));
       if (this.classOwner) {
@@ -925,7 +865,7 @@ export default {
               classId: this.classId,
               priceIndex: this.editionPriceIndex,
               price: this.NFTPriceUSD,
-              name: this.NFTName,
+              name: this.nftName,
             },
           ],
           isNFTBook: this.nftIsNFTBook,
@@ -1027,7 +967,7 @@ export default {
             txHash,
             items: [
               {
-                name: this.NFTName,
+                name: this.nftName,
                 price: this.NFTPriceUSD,
                 priceIndex: this.editionPriceIndex,
                 classId,
@@ -1042,7 +982,7 @@ export default {
           } else {
             this.alertPromptSuccess(
               this.$t('nft_collect_modal_alert_success', {
-                name: this.NFTName,
+                name: this.nftName,
               })
             );
           }
@@ -1061,7 +1001,7 @@ export default {
         } else {
           this.alertPromptError(
             this.$t('nft_collect_modal_alert_fail', {
-              name: this.NFTName,
+              name: this.nftName,
               error: errMsg,
             })
           );
@@ -1205,7 +1145,7 @@ export default {
         } else {
           this.alertPromptError(
             this.$t('nft_collect_modal_alert_fail', {
-              name: this.NFTName,
+              name: this.nftName,
               error: errMsg,
             })
           );
diff --git a/src/pages/nft/class/_classId/_nftId.vue b/src/pages/nft/class/_classId/_nftId.vue
index 2313f26b6..c623d4a9e 100644
--- a/src/pages/nft/class/_classId/_nftId.vue
+++ b/src/pages/nft/class/_classId/_nftId.vue
@@ -158,8 +158,8 @@
             <NFTPagePreviewCard
               :content-urls="classContentUrls"
               :image-bg-color="nftImageBackgroundColor"
-              :image-url="nftImageURL"
-              :animation-url="nftAnimationURL"
+              :image-url="nftImageUrl"
+              :animation-url="nftAnimationUrl"
               :avatar-url="creatorAvatar"
               :avatar-size="40"
               :is-avatar-outlined="isCreatorCivicLiker"
@@ -409,8 +409,7 @@ export default {
     };
   },
   head() {
-    let title =
-      this.nftName || this.NFTName || this.$t('nft_details_page_title');
+    let title = this.nftName || this.$t('nft_details_page_title');
     if (this.classAuthorName) {
       title += ` - ${this.classAuthorName}`;
     }
@@ -420,12 +419,9 @@ export default {
       title += ` - ${this.$t('nft_details_page_title_article')}`;
     }
     const description =
-      this.nftDescription ||
-      this.NFTDescription ||
-      this.$t('nft_details_page_description');
+      this.nftDescription || this.$t('nft_details_page_description');
     const ogImage =
-      this.nftImageURL ||
-      this.NFTImageUrl ||
+      this.nftImageUrl ||
       `${EXTERNAL_HOST}/images/og/${
         this.$i18n.locale === 'zh-Hant' ? 'default-zh.jpg' : 'default.jpg'
       }`;
@@ -475,12 +471,12 @@ export default {
           name: title,
           author: this.classAuthor || this.classOwner,
           publisher: this.classPublisher || this.classOwner,
-          image: [this.NFTImageUrl],
-          description: this.NFTDescription,
+          image: [this.nftImageUrl],
+          description: this.nftDescription,
           brand,
           sku: this.classId,
-          isbn: this.iscnData?.contentMetadata?.isbn,
-          datePublished: this.iscnData?.recordTimestamp,
+          isbn: this.contentMetadata.isbn,
+          datePublished: this.contentMetadata.recordTimestamp,
           bookFormat: this.nftIsNFTBook
             ? 'https://schema.org/EBook'
             : undefined,
@@ -615,7 +611,7 @@ export default {
       logPurchaseFlowEvent(this, 'view_item', {
         items: [
           {
-            name: this.NFTName,
+            name: this.nftName,
             price: this.NFTPriceUSD,
             priceIndex: this.editionPriceIndex,
             classId: this.classId,
diff --git a/src/pages/nft/class/_classId/index.vue b/src/pages/nft/class/_classId/index.vue
index 0caa43a18..8bdbc324b 100644
--- a/src/pages/nft/class/_classId/index.vue
+++ b/src/pages/nft/class/_classId/index.vue
@@ -80,7 +80,7 @@
         <NFTPageCollectCTA
           v-if="nftIsWritingNFT"
           :class-id="classId"
-          :nft-image-url="NFTImageUrl"
+          :nft-image-url="nftImageUrl"
           :creator-message="creatorMessage"
           :class-owner="classOwner"
           :is-collectable="nftIsCollectable"
@@ -336,7 +336,7 @@
               >
                 <NFTBookEditionCompareTableColumn
                   :class-id="classId"
-                  :src="NFTImageUrl"
+                  :src="nftImageUrl"
                   :edition-config="editionConfig"
                   @click-collect="handleCollectFromEditionCompareTable"
                 />
@@ -359,9 +359,9 @@
             <NFTPagePreviewCard
               :url="externalUrl"
               :content-urls="classContentUrls"
-              :image-bg-color="NFTImageBackgroundColor"
-              :image-url="NFTImageUrl"
-              :animation-url="NFTAnimationUrl"
+              :image-bg-color="nftImageBackgroundColor"
+              :image-url="nftImageUrl"
+              :animation-url="nftAnimationUrl"
               :avatar-url="creatorAvatar"
               :avatar-size="40"
               :is-avatar-outlined="isCreatorCivicLiker"
@@ -372,8 +372,8 @@
               :display-name="creatorDisplayNameFull"
               :class-id="classId"
               :nft-id="nftIdCollectedFirstByUser"
-              :nft-name="NFTName"
-              :nft-description="NFTDescription"
+              :nft-name="nftName"
+              :nft-description="nftDescription"
               :nft-price="NFTPrice"
               :collected-count="collectedCount"
               :collector-count="ownerCount"
@@ -627,7 +627,7 @@ export default {
     }
   },
   head() {
-    let title = this.NFTName || this.$t('nft_details_page_title');
+    let title = this.nftName || this.$t('nft_details_page_title');
     if (this.classAuthorName) {
       title += ` - ${this.classAuthorName}`;
     }
@@ -637,9 +637,9 @@ export default {
       title += ` - ${this.$t('nft_details_page_title_article')}`;
     }
     const description =
-      this.NFTDescription || this.$t('nft_details_page_description');
+      this.nftDescription || this.$t('nft_details_page_description');
     const ogImage =
-      this.NFTImageUrl ||
+      this.nftImageUrl ||
       `${EXTERNAL_HOST}/images/og/${
         this.$i18n.locale !== 'en' ? 'default-zh.jpg' : 'default.jpg'
       }`;
@@ -716,10 +716,10 @@ export default {
           name: 'Writing NFT',
         },
         sku: this.classId,
-        isbn: this.iscnData?.contentMetadata?.isbn,
+        isbn: this.contentMetadata.isbn,
         datePublished:
-          this.iscnData?.contentMetadata?.datePublished ||
-          this.iscnData?.recordTimestamp,
+          this.contentMetadata.datePublished ||
+          this.contentMetadata.recordTimestamp,
         url: `${EXTERNAL_HOST}${this.$route.path}`,
         offers: {
           '@context': 'http://www.schema.org',
@@ -760,10 +760,10 @@ export default {
         author: this.classAuthor || classOwnerPerson,
         sku: this.classId,
         publisher: this.classPublisher || classOwnerPerson,
-        isbn: this.iscnData?.contentMetadata?.isbn,
-        inLanguage: this.iscnData?.contentMetadata?.inLanguage,
+        isbn: this.contentMetadata.isbn,
+        inLanguage: this.contentMetadata.inLanguage,
         productGroupID: this.classId,
-        datePublished: this.iscnData?.recordTimestamp,
+        datePublished: this.contentMetadata.recordTimestamp,
         bookFormat: 'https://schema.org/EBook',
         workExample: [],
         hasVariant: [],
@@ -788,8 +788,8 @@ export default {
           image: [ogImage],
           sku: `${this.classId}-${e.index}`,
           inProductGroupWithID: this.classId,
-          isbn: this.iscnData?.contentMetadata?.isbn,
-          inLanguage: this.iscnData?.contentMetadata?.inLanguage,
+          isbn: this.contentMetadata.isbn,
+          inLanguage: this.contentMetadata.inLanguage,
           bookFormat: 'https://schema.org/EBook',
           bookEdition: e.name,
           description: `${e.description}\n${description}`,
@@ -899,18 +899,18 @@ export default {
         }?price_index=${e.index}`;
         if (e.name) {
           let titleWithEdition =
-            this.NFTName || this.$t('nft_details_page_title');
+            this.nftName || this.$t('nft_details_page_title');
           titleWithEdition += ` - ${e.name}`;
           if (this.classAuthorName) {
             titleWithEdition += ` - ${this.classAuthorName}`;
           }
           meta.find(m => m.hid === 'og:title').content = titleWithEdition;
         }
-        if (this.iscnData?.contentMetadata?.isbn) {
+        if (this.contentMetadata.isbn) {
           meta.push({
             hid: 'product:isbn',
             property: 'product:isbn',
-            content: this.iscnData?.contentMetadata?.isbn,
+            content: this.contentMetadata.isbn,
           });
         }
         if (this.classAuthorName) {
@@ -920,11 +920,11 @@ export default {
             content: this.classAuthorName,
           });
         }
-        if (this.iscnData?.contentMetadata?.inLanguage) {
+        if (this.contentMetadata.inLanguage) {
           meta.push({
             hid: 'product:custom_label_2',
             property: 'product:custom_label_2',
-            content: this.iscnData?.contentMetadata?.inLanguage,
+            content: this.contentMetadata.inLanguage,
           });
         }
       }
@@ -1218,7 +1218,7 @@ export default {
       logPurchaseFlowEvent(this, 'view_item', {
         items: [
           {
-            name: this.NFTName,
+            name: this.nftName,
             classId: this.classId,
             priceIndex: this.editionPriceIndex,
             price: this.NFTPriceUSD,
@@ -1271,7 +1271,7 @@ export default {
       return {
         items: [
           {
-            name: this.NFTName,
+            name: this.nftName,
             price: customPriceInDecimal || edition.price,
             classId: this.classId,
             priceIndex: edition.index,
@@ -1691,7 +1691,7 @@ export default {
       logPurchaseFlowEvent(this, 'view_item', {
         items: [
           {
-            name: this.NFTName,
+            name: this.nftName,
             classId: this.classId,
             priceIndex: this.editionPriceIndex,
             price: this.NFTPriceUSD,
@@ -1707,8 +1707,8 @@ export default {
     },
     handleCopyURL() {
       this.shareURLPath({
-        title: this.NFTName,
-        text: this.NFTDescription,
+        title: this.nftName,
+        text: this.nftDescription,
         path: this.nftClassDetailsPageURL,
         alertMessage: this.$t('tooltip_share_done'),
       });
diff --git a/src/pages/nft/fiat/stripe.vue b/src/pages/nft/fiat/stripe.vue
index 4f3e62e06..388fde281 100644
--- a/src/pages/nft/fiat/stripe.vue
+++ b/src/pages/nft/fiat/stripe.vue
@@ -127,7 +127,7 @@ export default {
               txHash: this.result.transactionHash,
               items: [
                 {
-                  name: this.NFTName,
+                  name: this.nftName,
                   price: this.result.fiatPrice,
                   classId: this.classId,
                   priceIndex: this.editionPriceIndex,