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

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

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

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

نحوه استفاده از کد کوتاه در وردپرس

کدهای کوتاه در ویرایشگر کلاسیک به صورت [shortcode] بدون هیچ کاره اضافه‌ای قرار می‌گرفتند و اجرا می‌شدند. اما در ویرایشگر گوتبنرگ شما باید از بلاک مخصوص کدکوتاه استفاده کنید. برای این کار کافیست هنگام انتخاب بلاک، کلمه کد کوتاه را تایپ کنید تا این ابزار به شما نمایش داده شود.

و بعد از آن باید کد کوتاه مورد نظر خود را در این بخش قرار دهید.

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

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

[products]

برای مثال ما آخرین محصولات وب‌جامه را در ادامه با همین کد کوتاه قرار دادیم.

توسعه کد کوتاه نمایش محصولات

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

سه محصول پرفروش فروشگاه در جدول 3 ستونه

[products limit="3" columns="3" best_selling="true" ]

هشت محصول در چهار ستون از دسته بندی عطر

[products limit="8" columns="4" category="perfume" ]

نمایش تمام لباس‌های گرم فصل در 3 ستون

[products columns="3" attribute="season" terms="warm"]

ویژگی‌ها برای توسعه دهنده‌ها

در ادامه می‌توانید ویژگی‌هایی که برای توسعه این کدکوتاه استفاده کنید را می‌توانید مشاهده کنید و از ترکیب این ویژگی‌ها لیست دلخواه خود را ایجاد کنید :

limit – The number of products to display. Defaults to and -1 (display all)  when listing products, and -1 (display all) for categories.
columns – The number of columns to display. Defaults to 4.
paginate – Toggles pagination on. Use in conjunction with limit. Defaults to false set to true to paginate .
orderby – Sorts the products displayed by the entered option. One or more options can be passed by adding both slugs with a space between them. Available options are:
date – The date the product was published.
id – The post ID of the product.
menu_order – The Menu Order, if set (lower numbers display first).
popularity – The number of purchases.
rand – Randomly order the products on page load (may not work with sites that use caching, as it could save a specific order).
rating – The average product rating.
title – The product title. This is the default orderby mode.
skus – Comma-separated list of product SKUs.
category – Comma-separated list of category slugs.
tag – Comma-separated list of tag slugs.
order – States whether the product order is ascending (ASC) or descending (DESC), using the method set in orderby. Defaults to ASC.
class – Adds an HTML wrapper class so you can modify the specific output with custom CSS.
on_sale – Retrieve on sale products. Not to be used in conjunction with best_sellingor top_rated.
best_selling – Retrieve the best selling products. Not to be used in conjunction with on_sale or top_rated.
top_rated – Retrieve top-rated products. Not to be used in conjunction with on_saleor best_selling.

Content Product Attributes

attribute – Retrieves products using the specified attribute slug.
terms – Comma-separated list of attribute terms to be used with attribute.
terms_operator – Operator to compare attribute terms. Available options are:
AND – Will display products from all of the chosen attributes.
IN – Will display products with the chosen attribute. This is the default terms_operator value.
NOT IN – Will display products that are not in the chosen attributes.
tag_operator – Operator to compare tags. Available options are:
AND – Will display products from all of the chosen tags.
IN – Will display products with the chosen tags. This is the default tag_operator value.
NOT IN – Will display products that are not in the chosen tags.
visibility – Will display products based on the selected visibility. Available options are:
visible – Products visible on shop and search results. This is the default visibility option.
catalog – Products visible on the shop only, but not search results.
search – Products visible in search results only, but not on the shop.
hidden – Products that are hidden from both shop and search, accessible only by direct URL.
featured – Products that are marked as Featured Products.
category – Retrieves products using the specified category slug.
tag – Retrieves products using the specified tag slug.
cat_operator – Operator to compare category terms. Available options are:
AND – Will display products that belong in all of the chosen categories.
IN – Will display products within the chosen category. This is the default cat_operator value.
NOT IN – Will display products that are not in the chosen category.
ids – Will display products based on a comma-separated list of Post IDs.
skus – Will display products based on a comma-separated list of SKUs.

حرف آخر

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