diff --git a/src/api/price.ts b/src/api/price.ts
index a240771..98f30cd 100644
--- a/src/api/price.ts
+++ b/src/api/price.ts
@@ -30,6 +30,7 @@ export interface ZaarboxProductOption {
   id: string
   category: string
   active: boolean
+  price: number
 }
 
 export interface ZaarboxProductsResponse {
diff --git a/src/pages/menuPages/configuration/ZaarboxPriceKeyField.vue b/src/pages/menuPages/configuration/ZaarboxPriceKeyField.vue
index c7b45eb..3c2ab5f 100644
--- a/src/pages/menuPages/configuration/ZaarboxPriceKeyField.vue
+++ b/src/pages/menuPages/configuration/ZaarboxPriceKeyField.vue
@@ -17,7 +17,11 @@
       :label="`${item.name} ${item.key}`"
     >
       <div class="leading-snug">
-        <div>{{ item.name }}</div>
+        <div>
+          {{ item.name }}
+          <span v-if="item.price > 0" class="text-gray-500">({{ formatPrice(item.price) }} ریال)</span>
+          <span v-else class="text-gray-400">(بدون قیمت)</span>
+        </div>
         <div class="text-xs text-gray-400 direction-ltr text-right">{{ item.key }}</div>
       </div>
     </a-select-option>
@@ -48,11 +52,15 @@ const allOptions = computed(() => {
   }
 
   return [
-    { key: current, name: current, id: '', category: '', active: true },
+    { key: current, name: current, id: '', category: '', active: true, price: 0 },
     ...options.value,
   ]
 })
 
+function formatPrice(value: number): string {
+  return value.toLocaleString('en-US')
+}
+
 onMounted(() => {
   void loadOptions()
 })