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

زهرا فنودی وردپرس, ووکامرس 2020/12/05 197 0

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

  Complete shortcode guide in WooCommerce

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

از نظر وردپرس، کد کوتاه به عنوان ماکرو در نظر گرفته می شود که به شما کمک می کند تعاملات پویایی با محتوا داشته باشید. کد کوتاه به کاربران وردپرس کمک می کند تا محتوای خود را بر اساس نیازهای خاص حتی بدون دانش گسترده کدگذاری تغییر دهند.

  • کد کوتاه به محتوای پست، نشانه ای اضافه نمی کند و به این معنی است که شما آزادی بیشتری دارید تا بعدا استایل صفحه را تغییر دهید.
  • شورت کدها بر اساس پارامترهای تعیین شده توسط کاربر ، انعطاف پذیری را برای کار متفاوت ارائه می دهند. این قابلیت به کاربران کمک می کند تا از کد کوتاه یکسان در شرایط مختلف استفاده کنند.

مزایای شورت کدها در ووکامرس:

کد کوتاه WooCommerce کنترل بزرگی را به صاحبان فروشگاه ها برای نمایش پویا محصولات یا افزودن دکمه های سبد خرید در هر نقطه از سایت ارائه می دهد. این امر از اهمیت ویژه ای برخوردار است زیرا ممکن است چندین استراتژی وجود داشته باشد که شما می خواهید آنها را در فروشگاه خود تجربه کنید. بعضی اوقات ، ممکن است لازم باشد برای محصول برجسته دکمه افزودن به سبد خرید را روی یک پست محبوب قرار دهید. به جای جذب مشتری از طریق کانال فروش متداول ، شما قادر خواهید بود استراتژی های مختلفی را برای هدایت تبدیل ها تجربه کنید.

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

معرفی  شورت کدهای محبوب و پر کاربرد ووکامرس:

1- [woocommerce_cart]

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

2- [woocommerce_checkout]

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

3- [woocommerce_my_account]

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

مشتریان شما می توانند جزئیات مربوط به سفارشات اخیر خود را در این صفحه مشاهده کنند.

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

4- [woocommerce_order_tracking]

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

به عنوان مثال، می توانید این کد کوتاه را در صفحه My Account اضافه کنید تا فرم پیگیری نیز در دسترس مشتریان باشد.

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

نمایش محصولات با استفاده از کد کوتاه:

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

در گذشته،اگر قصد داشتید همه محصولات برجسته خود را در یک صفحه نمایش دهید ، مجبور بودید از این کد کوتاه [featured_products] استفاده کنید. یا اگر می خواستید محصولات در فروش را به نمایش بگذارید ، مجبور بودید از [sale_products] استفاده کنید.

اکنون ، برای انواع نمایش محصولات ، می توانید به جای استفاده از چندین کد کوتاه مختلف ، از کد کوتاه [products] استفاده کنید. تمام کاری که شما باید انجام دهید این است که شرایط مورد نیاز خود را برای نمایش مشخص کنید. بر این اساس ، WooCommerce مجموعه محصولات منتخب شما را در صفحه یا پستی که کد کوتاه را اضافه می کنید نمایش می دهد.

به عنوان نمونه، برای نمایش محصولات برجسته، اکنون می توانید از کد کوتاه [products featured] استفاده کنید.

یا،برای نمایش محصولات در حال فروش، می توانید از این کد کوتاه [products on_sale] استفاده کنید.

ویژگی های مختلفی که می توانید با کد کوتاه محصولات استفاده کنید:

اکنون ، بیایید نگاهی به همه ویژگی های موجود بیندازیم که به شما کمک می کنند محصولات را به صورت انتخابی در فروشگاه WooCommerce خود نمایش دهید.

1- برای تعداد محصولات محدودیت تعیین کنید.

با استفاده از ویژگی limit می توانید تعداد محصولات مورد نظر برای نمایش با استفاده از کد کوتاه را مشخص کنید. برای نمایش همه محصولات، می توانید کد کوتاه [products] را نیز اضافه کنید.

به عنوان مثال،می توانید نمایش محصولات را بااستفاده از شورت کد  [“products limit=”6] محدود کنید . نتیجه به صورت تصویر زیر خواهد بود:

راهنمای کامل کدهای کوتاه در ووکامرس 2- تغییر طرح نمایش محصول:

ویژگی های زیر به شما کمک می کنند تا طرح محصولات را اصلاح کنید. ویزگی های مانند:

  • columns
  • paginate
  • orderby

columns:

اگر می خواهید تعداد ستون های نمایشگر را مشخص کنید ، می توانید این کار را انجام دهید. در مثال بالا ، اگر ویژگی columns را اضافه کنیم و عدد 6 را مشخص کنیم ، هر 6 محصول در یک ستون نمایش داده می شوند. این بدان معنی است که ، با کد کوتاه[products limit="6" columns="6"]، نتیجه به صورت تصویر زیر خواهد بود:

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

paginate:

این ویژگی به تقسیم محصولات به صفحات مختلف کمک می کند. می توانید از این ویژگی به همراه ویژگی limit برای تعیین تعداد محصولات در یک صفحه استفاده کنید. “paginate = “true را برای کار تنظیم کنید. بنابراین ، برای کد کوتاه [“products limit = “6” columns = “6” paginate = “true] ، نتیجه به صورت تصویر زیر خواهد بود:

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

orderby:

در حالی که از کد کوتاه WooCommerce استفاده می کنید ، می توانید نمایش محصولات را نیز تغییر دهید. چند شرط مختلف وجود دارد که می توانید آنها را همراه با ویژگی orderby مشخص کنید. آن ها هستند:

  • id: محصولات نمایش داده شده را بر اساس شناسه محصول مرتب می کند.
  • title: محصولات را با عنوان آنها مرتب کنید. این ترتیب پیش فرض ویژگی orderby است.
  • popularity:بر اساس تعداد خریدهای فروشگاه شما ، سفارش محصولات را مرتب می کند. ابتدا محبوب ترین نمایش داده می شود.
  • date:همچنین می توانید محصولات را بر اساس تاریخ انتشار سفارش دهید. به طور پیش فرض ، قدیمی ترین محصول ابتدا نمایش داده می شود.
  • menu_order:اگر سفارشات منو را تنظیم کرده باشید ، این ویژگی محصولات را بر اساس آن سازماندهی می کند. ابتدا کمترین تعداد نمایش داده می شود.
  • rating: با استفاده از این ویژگی می توانید محصولات را بر اساس میانگین رتبه بندی آنها مرتب کنید.
  • rand: این ویژگی در هر بار بارگذاری صفحه ترتیب محصولات را تغییر می دهد. لطفا توجه داشته باشید که این ممکن است در سایتهایی که حافظه پنهان را فعال کرده اند کار نکند ، زیرا در چنین مواردی سفارش خاصی از محصولات ذخیره می شود.

نکته: حتی می توانید با افزودن آنها با فاصله بین یکدیگر ، از این  ترکیب گزینه های ذکر شده در بالا استفاده کنید.

برای مثال شورت کد [“products limit=”6″ columns=”6” orderby=”popularity]، محصولات را با توجه به محبوبیت آنها به ترتیب به شما نشان می دهد.

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

[“products limit=”6″ columns=”6″ orderby=”date”]خروجی زیر را نمایش می دهد:

راهنمای کامل کدهای کوتاه در ووکامرس با استفاده از کد کوتاه زیر می توانید این مورد را تغییر دهید و اجازه دهید آخرین محصول در ابتدای لیست ظاهر شود:

[“products limit=”6″ columns=”6″ orderby=”date” order=”DESC]

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

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

3- چند ویژگی دیگر محصولات:

اکنون، بیایید چند ویژگی دیگر محصولات را مشاهده کنیم ، که می توانید به همراه کد کوتاه [products] استفاده کنید. می توانید محصولات را بر اساس این ویژگی ها در یک صفحه یا پست نمایش دهید.

  • sku: لیستی از محصولات را بر اساس SKU آنها نمایش می دهد. می توانید SKU ها را با کاما جدا کنید.
  • category: شما می توانید slug دسته ها را برای نمایش محصولات تهیه کنید. اگر می خواهید چندین دسته را وارد کنید ، slug را با کاما جدا کنید.
  • class:این ویژگی HTML wrapper class را اضافه می کند ، که به شما کمک می کند صفحه نمایش را با استفاده از CSS سفارشی تغییر دهید.
  • on_sale: این به شما کمک می کند تمام محصولات موجود در فروشگاه خود را که به فروش رسانده اید ، به نمایش بگذارید.
  • best_selling:با استفاده از این ویژگی می توانید تمام محصولات پرفروش خود را لیست کنید.
  • top_rated: اگر از این ویژگی استفاده کنید ، همه مقالات دارای رتبه برتر نمایش داده می شوند.

توجه: در حالی که از best_selling ، top_rated ،on_sale استفاده می کنید ، توجه داشته باشید که برای کار با آنها باید به صورت جداگانه از آنها استفاده کنید. از این سه ویژگی در رابطه با یکدیگر استفاده نکنید.

4- ویژگی های محصول محتوا:

همچنین می توانید برای بازیابی محصولات در یک صفحه یا پست خاص از مجموعه ای از ویژگی های محصول محتوا استفاده کنید. اکنون ، بیایید جزئیات بیشتری را در این گزینه ها بررسی کنیم.

Attributes:

می توانید محصولات را براساس ویژگی های موجود یا شرایط ویژگی بازیابی کنید. شما می توانید این کار را با درج ویژگی های مشخص ، تعیین اصطلاحات ویژگی و همچنین ترکیب ویژگی ها و اصطلاحات مختلف انجام دهید.

attribute:این گزینه به نمایش محصولات با ذکر slug ویژگی های آنها کمک می کند.

terms:اکنون ، پس از مشخص کردن یک ویژگی ، می توانید اصطلاحات ویژگی را که می خواهید اضافه کنید نیز ذکر کنید. می توانید چندین اصطلاح را با کاما از هم جدا کنید.

terms_operator:این یکی کنترل بیشتری در نمایش اصطلاحات ویژگی به شما می دهد. سه عملگر وجود دارد که در زیر ذکر شده است:

  • AND: محصولات را با تمام ویژگی های انتخاب شده نمایش می دهد.
  • IN:محصولی را با ویژگی انتخاب شده نمایش می دهد.
  • NOT IN:با این کار محصولاتی نمایش داده می شوند که در ویژگی های انتخاب شده نیستند.

بنابراین به عنوان مثال، کد کوتاه [products columns=”6″ attribute=”color” terms=”red”, “green” terms_operator=”IN”] تمام محصولات فروشگاه شما را ارائه می دهد که دارای تغییرات قرمز و سبز هستند.

راهنمای کامل کدهای کوتاه در ووکامرس از طرف دیگر ، کد کوتاه [products columns=”6″ attribute=”color” terms=”red”, “green” terms_operator=”NOT IN”]، محصولی را که دارای تغییرات قرمز و سبز است حذف کرده و بقیه را نمایش می دهد .

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

Visibility:

براساس تنظیمات قابلیت مشاهده محصولات خود ، می توانید آنها را در صفحه یا پست با استفاده از کد کوتاه بازیابی کنید. می توانید چندین گزینه موجود را برای دریافت محصولات از این طریق انتخاب کنید. صفتی که می توانید همراه با کد کوتاه [products] استفاده کنید ، ‘visibility’ است. گزینه های موجود به شرح زیر است:

  • visible:با این کار محصولاتی که در فروشگاه و نتایج جستجو قابل مشاهده هستند بازیابی می شود.
  • catalog:در اینجا می توانید محصولات قابل مشاهده در صفحه فروشگاه و نه در نتایج جستجو را بازیابی کنید.
  • search:این گزینه به شما کمک می کند محصولی را که فقط در صفحات جستجو و نه در صفحه فروشگاه قابل مشاهده است ، بازیابی کنید.
  • hidden:با استفاده از این گزینه می توانید فقط محصولی را که از طریق url مستقیم قابل دسترسی است بازیابی کنید. این محصولات در فروشگاه یا صفحات جستجو شما قابل مشاهده نخواهند بود.
  • featured:اگر می خواهید همه محصولات ویژه خود را نمایش دهید، باید از این گزینه استفاده کنید.

برای مثال، بیایید ببینیم چگونه همه محصولات برجسته در فروشگاه شما نمایش داده می شود. برای این کار می توانید از کد کوتاه [products columns = “6” visibility = “featured”] استفاده کنید.

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

Categories:

به همان روشی که با ویژگی ها دیده ایم ، شما قادر خواهید بود محصولات را بر اساس دسته بندی های آنها نیز نمایش دهید. شما می توانید دسته ها را مشخص کنید و سپس یک شرط نیز برای نمایش آن با توجه به نیاز خود تعیین کنید.

گزینه ها و ویژگی هایی که می توانید برای این کار استفاده کنید به شرح زیر است:

category:می توانید دسته یا دسته هایی را که می خواهید نمایش داده شوند ، مشخص کنید.

cat_operator:این گزینه به شما امکان می دهد تا مشخص کنید چه ترکیباتی را باید در آیتم نمایش محصول اعمال کنید. این گزینه ها به شرح زیر است:

  • AND: محصولی را نشان می دهد که متعلق به همه دسته های انتخاب شده است.
  • IN:با استفاده از این گزینه می توانید محصولات را در دسته های انتخاب شده نمایش دهید.
  • NOT IN:با این کار محصولی نمایش داده می شود که بخشی از دسته های انتخاب شده نیست.

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

چگونه محصولات را براساس دسته بندی به صورت انتخابی نمایش دهیم؟

اگر کالایی بخشی از دو دسته است و شما هر دو دسته را در کد کوتاه مشخص کرده اید و از عملگر AND استفاده کرده اید ، فقط آن محصول نمایش داده می شود. به عنوان مثال ، ما محصول Beanie را در دو دسته   لباس و لوازم جانبی قرار داده ایم. با کد کوتاه زیر می توانید فقط این محصول را نمایش دهید.

[products columns=”6″ category=”clothing, accessories” cat_operator=”AND”]

اگر از اپراتور IN استفاده کنید ، تمام محصولات تحت هر یک از این دسته ها نشان داده می شوند. بنابراین با کد کوتاه [products columns=”6″ category=”clothing, accessories” cat_operator=”IN”]، بیایید نتیجه را ببینیم. همه محصولات فروشگاه ما که دارای دسته “لباس” یا “لوازم جانبی” هستند، نشان داده شده اند.

راهنمای کامل کدهای کوتاه در ووکامرس نمایش محصولات بر اساس ID  یا SKU:

همچنین می توانید محصولات را با استفاده از شناسه محصول یا SKU هنگام استفاده از کد کوتاه نمایش دهید. در اینجا گزینه های موجود وجود دارد.

ids:می توانید شناسه محصولی را که می خواهید نمایش دهد مشخص کنید. چندین شناسه باید با ویرگول از هم جدا شوند.

چگونه شناسه محصول را پیدا کنیم؟

شناسه محصول را می توانید از صفحه لیست محصولات خود (WooCommerce> Products) پیدا کنید. به سادگی یک محصول را پیمایش کنید ، و می توانید شناسه محصول را مشاهده کنید.

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

skus:با استفاده از کد کوتاه، می توانید محصولات را بر اساس sku آنها نیز نمایش دهید. . وقتی چندین sku تهیه می کنید ، مطمئن شوید که آنها را با کاما جدا می کنید.

شورت کدهای دسته بندی محصولات:

وقتی می خواهید محصولات از یک دسته خاص را به نمایش بگذارید ، چند گزینه وجود دارد که می توانید استفاده کنید:

  • [product_category]:با این کار محصولات در دسته بندی مشخص شده نمایش داده می شوند.
  • [product_categories]:شما می توانید از این مورد برای نمایش تمام دسته های محصول خود استفاده کنید.

سناریوهای ترکیبی:

اکنون اجازه دهید چند سناریو ترکیبی را بررسی کنیم، جایی که ویژگی های مختلف را برای نمایش محصولات به صورت انتخابی در یک پست یا صفحه ترکیب می کنیم.

1- چهار محصول جدید را که در فروشگاه و همچنین صفحات جستجو قابل مشاهده است ، نمایش دهید.

برای این کار می توانید از کد کوتاه زیر استفاده کنید:

[products limit=”4″ columns=”4″ orderby=”date” order=”DESC” visibility=”visible”]

2- چهار محصول جدید را با رنگ آبی ، قرمز و سبز به عنوان صفات محصول نمایش دهید.

برای نمایش این ، ما از کد کوتاه [products limit=”4″ columns=”4″ attribute=”color” terms=”blue, red, green” orderby=”date”] استفاده می کنیم. با این کار تمام محصولی که تنوع این رنگ ها را دارد به شما داده می شود و آنها را به ترتیب تاریخ انتشار طبقه بندی می کنید.

مرتب سازی محصولات بر اساس زمینه های متا سفارشی:

برای نمایش محصولات مرتب شده بر اساس فیلدهای متا سفارشی ، می توانید قطعه کد زیر را که در اسناد ووکامرس توصیه شده است اضافه کنید. قطعه های کد را می توان در پرونده functions.php پوشه قالب وب سایت خود قرار دهید.

نمایش جداگانه یک محصول در صفحه:

همچنین می توانید با استفاده از کد کوتاه [Product_page] صفحات منفرد محصول را در یک پست یا صفحه نمایش دهید. برای این منظور ، می توانید از دو ویژگی  شناسه محصول و SKU استفاده کنید.

با تعیین شناسه یا SKU محصول می توانید نحوه انتخاب خود را مشخص کنید.به عنوان مثال، می توانید با استفاده از هر دو کد کوتاه زیر ، یک صفحه جداگانه نمایش دهید:

[product_page id=”243″] یا  [product_page sku=”woo-hoodie”]

راهنمای کامل کدهای کوتاه در ووکامرس نمایش محصولات مرتبط :

یک کد کوتاه وجود دارد که به شما کمک می کند محصولات مرتبط را نیز به نمایش بگذارید. کد کوتاه این [related_products] است. با استفاده از ویژگی limit می توانید محدودیت تعداد محصولات مورد نظر برای نمایش را تعیین کنید.

به عنوان مثال، کد کوتاه برای نمایش سه محصول مرتبط به فرم زیر است:

[related_products limit=”3″]

افزودن به دکمه سبد خرید یا نشانی اینترنتی سبد خرید:

شما همچنین می توانید با استفاده از کد کوتاه WooCommerce دکمه افزودن به سبد خرید و قیمت محصول را به راحتی در یک پست یا صفحه اضافه کنید. باز هم ، این را می توان با شناسه محصول یا sku مشخص کرد.

[add_to_cart sku=”woo-hoodie”]

اگر به جای دکمه افزودن به سبد خرید، با استفاده از url به صفحه دیگری هدایت می شوید، می توانید با استفاده از کد کوتاه نیز بازیابی کنید. برای ویرایش ظاهر دکمه و قیمت، ممکن است مجبور باشید از برخی کدهای CSS نیز استفاده کنید.

به عنوان مثال، برای بازیابی آدرس افزودن به سبد خرید در یک صفحه یا پست ، می توانید از کد کوتاه [add_to_cart_url id=”256″] استفاده کنید.

نشانی اینترنتی که به جای دکمه افزودن به سبد خرید تعیین کرده اید ، به عنوان تصویر زیر در یک صفحه یا پست منعکس می شود:

راهنمای کامل کدهای کوتاه در ووکامرس:

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

برچسب ها

برچسبی برای نمایش وجود ندارد

توجه

کلیک

اگر با این مشکل آشنا هستید خودتان انجام دهید ولی اگر نمی دانید که این کار را چطور انجام دهید می توانید هم اکنون در ناحیه کاربری ثبت نام کرده و اطلاعات سایت را تیکت کنید تا با اندک هزینه ای کار شما را انجام دهیم . اگر خواستید می توانید برای مشاوره با شماره های ۰۹۱۷۹۰۵۹۳۵۰ و یا ۰۹۳۹۸۶۹۵۲۳۸ با ما در ارتباط باشید.



نظرات ( 0 )

برای ارسال نظر باید وارد حساب کاربری خود شوید

کلیه حقوق برای وب سایت پنگاش محفوظ می باشد و هر گونه کپی برداری پیگرد قانونی دارد.
تماس