خانه / وردپرس / آموزش ووکامرس / لیست کامل شورت کد های ووکامرس
کد های کوتاه ووکامرس

تاریخ انتشار: آبان 28, 1394 تعداد بازدید: 7,234 بازدید تعداد دیدگاه ها: 1
کد های کوتاه ووکامرس

لیست کامل شورت کد های ووکامرس

در این پست از فریش تم آموزش ووکامرس برای مطلبی بسیار کاربری و ضروری برای سایت های ووکامرس قرار داده شده است.

برای مدیریت حرفه ای تر و شخصی سازی فروشگاه ووکامرس خود دنبال شورت کد های آن هستید؟در این مقاله سعی شده تا لیستی جامع از شورت کد ها یا همان کد های کوتاه ووکامرس برای شما ارائه شود.

ووکامرس مشابه یا برعکس بسیاری از فروشگاه ساز های دیگر بعد از نصب و فعال سازی 11 صحفه ی را با خود پیکره بندی و درست میکند، مانند، صحفه ی پرداخت و تسویه حساب، یا فروشگاه و… بخاطر همین شما در آینده حتما نیاز به ضخصی سازی یکی از این صفحات یا در هنگام ساختن صفحات دیگر نیازمند کد هایی مثلا برای نمایش محصولات دسته بندی تلویزیون بر اساس تاریخ و نزولی خواهید بود که با کد های پایین میتوانید براحتی این کار را انجام دهید.

برای دقت بیشتر کد های زیر را Select کرده و سپس برای استفاده بر روی هر کدام کلیک راست کنید و Copy را بزنید و در مکان مناسب Paste کنید.

  • [[[woocommerce_cart]]]  این کد سبد خرید مشتری را نمایش خواهد داد
  • [[[woocommerce_checkout]]] این کد برگه ی پرداخت یا همان تسویه را نمایش خواهد داد
  • [[[woocommerce_pay]]] از این کد برای نمایش صحفه ی تسویه حساب -> پرداخت میباشد، معمولا از این کد برای درگاه های بانکی استفاده میشود
  • [[[woocommerce_thankyou]]] این کد صحفه ی بعد از پرداخت سفارش را نمایش میدهد / دقت داشته باشید که کد های ردیابی سفارش را در این برگه معمولا قرار میدهند.
  • [[[woocommerce_order_tracking]]] نمایش صحفه ی پیگیری سفارش
  • [[[woocommerce_my_account]]]  نمایش برگه ی حساب کاربری
  • [[[woocommerce_edit_address]]]  با قرار دادن این کد در برگه کاربران شما قادر خواهند بود تا آدرسی که خرید برای آن ارسال میشود را تغییر دهند
  • [[[woocommerce_view_order]]] با قرار دادن این کد در برگه های خاص مشتریان قادر خواهند بود تا  جزئیات سفارش های خود را مشاهده کنند
  • [[[woocommerce_change_password]]] برای تغییر رمز عبور مشتریان از این کد استفاد کنید
  • [[[woocommerce_lost_password]]] برای ساختن برگه ی  یا فرم بازیابی رمز عبور از این کد استفاده میشود
  • [[woocommerce_logout]] با قرار دادن این لینک در هر قسمت از سایت این کد تبدیل به لینک خروج از جساب کاربری خواهد شد.

همچنین شما میتوانید کد های بالا را با هم ترکیب کنید و کد تازه بسازید مثلا براحتی میتوانید با قرار دادن کد زیر در هر برگه ای صحفه ی “تنظیمات حساب کاربری” را بسازید:

[[[woocommerce_edit_address]]],  [[[woocommerce_change_password]]], [[woocommerce_logout]]

همچنین هنگامی که شما ووکامرس را نصب میکنید در ادیتور WYSIWYG میتوانید آیکونی مشابه با woocommerce-shortcode-kitchen-sink را میبینید که اگر بر روی آن کلیک کنید میتوانید یک لیست باز شو را ببینید که شورت کد های اختصاصی ووکامرس در آن نیز قرار داده شده است که ما در پایین برخی از مهم ترین آن ها را توضیح خواهیم داد.

woocommerce-shortcode-dropdown-options
woocommerce-shortcode-dropdown-options

PRODUCT PRICE/CART BUTTON یا به فارسی قیمت محصول و دکمه ی افزودن به سبد خرید

هنگامی که در منوی باز شده بر روی گزینه ی PRODUCT PRICE/CART BUTTON کلیک میکنید خواهید دید که به ادیتور شما کد  [[[add_to_cart id=”” sku=””]]] اضافه خواهد شد، که شما از این گزینه میتوانید برای نمایش دکمه ی افزودن به سبد خرید یا قیمت محصول استفاده بکنید که شیوه ی یافتن یا بر اساسID یا SKU میباشد، شما براحتی میتوانید در صحفه ی محصول و قرار دادن ماوس بر روی اسم محصول میتوانید ID را بیابید، + اینکه شما میتوانید در این برگه برای کد های کوتاه که به نمایش در خواهند آمد کد نویسیCSS اختصاصی و استایل دهی ویژه بدهید.

PRODUCT BY SKU/ID نمایش محصولی خاص بر اساس SKU/ID

با کلیک کردن بر روی این گزینه شما در ادیتور خود کد [[[product id=”” sku=””]]] را میبنیید، از این کد برای نمایش یک محصول خاص با توضیحات مربوط به آن محصول استفاده میشود و نوع محصول را به 2 صورت میتوانید فراخوانی کنید یکی بر اساس id یا بر اساس SKU باشد، به مثال پایین دقت بکنید:

  • [[[product id=”97″]]]
  • [[[product sku=”CLUBM”]]]

PRODUCTS BY SKU/ID نمایش محصولاتی خاص بر اساس ID  یا SKU

woocommerce-find-id-number
woocommerce-find-id-number

دقیقا همانند مثال قبل این کد نیز همان کار را انجام میدهد اما در این بخش محصولات بیتشری نمایش داده خواهد شد با کلیک بر روی این گزینه در منوی مربوطه این کد به ویرایشگر شما اضافه خواهد شد :[[[products ids=”” skus=””]]] که شما برای توسعه و پیشرفته تر کردن کد میتواند از آرگومان های زیر نیز برای آن استفاده بکنید تا جستجویی کامل تر و حرفه ای تر داشته باشید order=” “, columns=” “, orderby=” “

برای مثال شورت کد پایین 10 محصول را در 2 ستون فراخوانی میکند  و همچنین چیدمان آن ها را بر اساس زمان ارسال صعودی مرتب میکند، همچنین شما برای چیدمان نزولی میتوانید از کلمه یdesc  به حای  asc استفاده بکنید یا از کلمه ی title  که بر اساس عنوان نمایش داده شوند.

[[[products ids=”1, 2, 3, 4, 5, 6, 7, 8, 9, 10″ columns=”2″ order=”asc” orderby=”date”]]]

 

PRODUCT CATEGORIES  دسته بندی محصولات

این کد بصورت یک جلقه دسته بندی محصولات را چاپ میکند که کد آن بر روی ادیتور بصورت زیر میباشد:

[[[product_categories number=””]]]

اختصاص دادن یک عدد خاص به همان تعداد از دسته بندی ها را نمایش خواهد داد، برای اعمال این شورت کد شما 7 آرگومان دیگر نیز دارید که برای پیشرفته تر کردن کد میتوانید از آن استفاده بکنید

  • number‘ => ‘null‘, این کد تعیین کننده ی تعداد دسته بندی های میباشد.
  • orderby‘ => ‘name‘, – با قرار دادن این کد در شورت کد ها شما میتوانید تعیین بکنید که دسته بندی شما بر اساس کدام  چیدمان نمایش داده شوند که میتوانید بر اساس نام دسته بندی یا تاریخ آن را تنظیم کنید
  • order‘ => ‘ASC‘, با قرار دادن این کد میتوانید تعیین کنید که چگونه محصولات شما نمایش داده شوند (بصورت نزولی یا سعودی؟) که میتواند یکی از 2 حالت زیر را داشته باشد“ASC” یا “DESC“.
  • columns‘ => ‘4′, برای تعیین تعداد ستون هایی که دسته بندی ها در آن ها نمایش داده میشوند از این کد استفاده میشود.
  • hide_empty‘ => ‘1‘, اگر میخواهید دسته بندی هایی که تا کنون محصولی در آن ها موجود نمیباشد را چپ کنید مقدار این کد را 1 قرار دهید وگرنه اگر میخواهید که تمامی دسته بندی ها را نمایش دهید مقدار آن را 0 قرار دهید.
  • parent‘ => ”, با مقدار دهی این کد به 0 شما میتوانید دسته ی بالاتر را نیز ببینید
  • ids‘ => ” شما میتوانید از این کد برای تنظیم کردن این آی دی های خاص استفاده بکنید.

 

PRODUCT CATEGORIES BY SLUG نمایش همه ی محصولات بدون در نظر گرفتن دسته بندی

با کلیک بر کد بالا در ادیتور کدی ظاهری میشود که دقیقا معادل با کد :[[[product_category category=”” per_page=”12″ columns=”4″ orderby=”date” order=”desc”]]]  میباشد، این کد مشاله با گزینه ی بالا محصولاتی را چپ میکند  اما بدون در نظر گرفتن دسته بندی ها  همه ی محصولات را چپ میکند، همچنین از آرگومان های این کد میتوان به per_page=”” اشاره کرد که برای تعیین تعداد نمایش محصول در هر صحفه میباشد و columns=””  این پارامتر نیز برای تعیین تعداد ستون ها میباشد.

RECENT PRODUCTS آخرین محصولات

این شورت کد آخرین محصولات اضافه شده به سایت را نمایش خواهد داد و این کد مشابه با  [[[recent_products per_page=”12″ columns=”4″ orderby=”date” order=”desc”]]] خواهد بودهمچنین همه ی چیدمان ها بصورت پیش فرض قرار داده شده اند و این کد همان پارامتر های تمرین قبلی ار نیز دارا میباشد.

FEATURED PRODUCTS محصولات ویژه

از این شوذت کد میتوانید برای نمایش  محصولاتی با مارک مورعلاقه، آخرین محصولات و… استفاده شده بود

و شورت کد آن برابر با [[[featured_products per_page=”12″ columns=”4″ orderby=”date” order=”desc”]]] خواهد بود

 

SALE PRODUCTS نمایش محصولات در حال فروش

از این کد برای نمایش محصولات در حال فروش در فروشگاه استفاده میشود که کد کوتاه آن برابر [[[sale_products]]] و همچنین دارای پارامتر های نیز میباشد

  • per_page‘ => ’12’,
  • columns‘ => ‘4‘,
  • orderby‘ => ‘title‘,
  • order‘ => ‘asc

BEST SELLING PRODUCTS پر فروش ترین محصولات

برای خروجی گرفتن از پر فروش ترین محصولات از این کد بصورت  [[[best_selling_products]]] استفاده میشود که این کد فقط 2 ارگومان زیر را پشتیبانی میکند

TOP RATED PRODUCTS پر امتیاز ترین محصولات

اگر شما در سایتتان از قابلیت امتیاز دهی و نظر سنجی استفاده میکند با این کد میتوانید امتیازات محصولات را به نمایش در آورید کافیست کد  [[[top_rated_products]]]  را در سایت قرار بدهید تا پربازدید ترین و امتیازترین محصولات نمایش داده شود. و این کد را میتوانید با آرگومان های زیر ترکیب کنید:

  • per_page‘ => ‘12‘,
  • columns‘ => ‘4‘,
  • orderby‘ => ‘title‘,
  • order‘ => ‘asc

RELATED PRODUCTS محصولات مرتبط

معمولا قالب ها همگی از محصولات مرتبط در صحفه ی محصول پایین تر از خود محصول پشتیبانی میکنند اما اگر این گزینه موجود نبود با قرار دادن این کد میتوانید محصولات مرتبط را در سایت قرار دهید [[[related_products]]] همچنین شما میتوانید از آرگومان های زیر نیز برای پیشرفته کردن آن استفاده کنید

  • per_page‘ => ‘12‘,
  • columns‘ => ‘4‘,
  • orderby‘ => ‘title

همچنین همیشه دقت بکنید که اگر از کد های یر مستقیما در میان کد های قالب استفاده بکنید این کد چون شناخته نمیشوند پس باید از کد زیر برای معرفی آن استفاده شود.

<?php echo do_shortcode("[Short-Code-Here]"); ?>

با تشکر از همراهی شما عزیزان فریش تم

موفق و پایدار باشید

کانال تلگرام فریش تم
  • دیدگاه شما پس از تایید در سایت نمایش داده می شود.
  • از ارسال متن بصورت فینگلیش خودداری نموده و فارسی تایپ کنید.
  • دیدگاه و سوالات شما توسط کارشناسان ما بین 1 تا 12 ساعت پاسخ داده خواهد شد.
  • از ارسال دیگاه جهت پشتیبانی محصولات تجاری خود داری کنید و برای پشتیبانی از بخش پشتیبانی سایت اقدام کنید.

یک دیدگاه