تصویر پیشفرض محصولات ووکامرس
تصویر پیشفرض محصولات ووکامرس
ووکامرس به طور پیش فرض تصویری را برای محصولات در نظر گرفته است. در این محتوا به شما آموزش میدهیم که چطور می توانید تصویر پیشفرض محصولات ووکامرس را تغییر دهید.
مراحل انتخاب و آپلود تصویر پیشفرض محصولات ووکامرس
همانطور که میدانید تصویر پیشفرضی که ووکامرس برای محصولات سایت شما قرار می دهد، یک تصویر ساده خاکستری است. این تصویر ممکن است ظاهر سایت شما را خدشه دار کند. پس بهتر است یک تصویر پیشفرض دیگر جایگزین این تصویر کنید.
تغییر تصویر پیشفرض محصولات ووکامرس
برای اینکه بتوانید بدون هیچ دردسری تصویر پیشفرض محصولات ووکامرس را تغییر دهید، فقط کافیست طبق مراحل زیر عمل کنید.
نحوه انتخاب تصویر برای جایگذاری با تصویر پیشفرض ووکامرس
در انتخاب تصویر پیشفرض دقت کنید زیرا انتخاب یک تصویر نامناسب میتواند در زیبایی سایت شما اثر سوء بگذارد.
برای انتخاب تصویر مناسب باید:
از تصویری استفاده کنید که اندازه آن درست باشد و با زیبایی سایت شما مطابقت داشته باشد.
اگر اندازه تصویر محصول WooCommerce شما خیلی بزرگ باشد ، به درستی در فروشگاه شما ظاهر نمی شود.
بعد از اینکه تصویر مورد نظرتان را انتخاب کردید، آن را در بخش رسانه های سایتتان آپلود کنید.
بعد از کپی پیوند تصویر مورد نظر کافی است مانند سایر مراحلی که در ادامه گفته می شود عمل کنید.
تکه کد مربوط به تغییر تصویر پیشفرض محصولات ووکامرس
برای اینکه این قابلیت را به ووکامرس خود اضافه کنید نیاز به نصب افزونه یا قالب نیست و این علت استقبال کاربران ووکامرس از محتواهای توسعه فروشگاه اینترنتی می باشد.
برای استفاده از تکه کد باید طبق مراحل زیر عمل کنید:
وارد بخش پیشخوان وردپرس خود شوید
از سمت راست گزینه «نمایش» و سپس پس« ویرایشگر پوسته» را انتخاب نمایید.
حال از منوی سمت چپ دنبال گزینه ی« توابع پوسته» بگردید و روی آن کلیک کنید.
کد مورد نظر را در انتهای این قسمت جایگذاری کنید.
جایگذاری تکه کد در پوسته
توجه! قبل از جایگذاری کد، ابتدا باید آدرس تصویر مورد نظرتان را با آدرس موجود در تکه کد جایگذاری کنید.
add_filter( ‘woocommerce_placeholder_img_src’, ‘woocommerce_ir_custom_woocommerce_placeholder’, 10 );
/**
* Function to return new placeholder image URL.
*/
function woocommerce_ir_custom_woocommerce_placeholder( $image_url ) {
$image_url = ‘https://woocommerce.ir/wp-content/uploads/custom-woocommerce-placeholder-image.jpg’;
return $image_url;
}
بعد از جایگذاری تکه کد، تغییرات بدین شکل خواهد بود:
تغییر تصویر پیشفرض محصولات ووکامرس
تمامی تکه کد های موجود در سایت ، ابتدا روی قالب استور فرانت و قالب وودمارت که یک قالب مشابه دیجی کالاست، تست شده اند و با این قالب سازگارند.
اگر مراحل فوق را به دقت انجام دادید اما تغییرات مطابق توضیحات نبود یا تقاضای سفارشی سازی تکه کد را دارید،
می توانید با ارسال تیکت به بخش پشتیبانیw3design.ir، رفع این مشکل را به متخصصین بسپارید. اگر سوالی پیرامون این محتوا دارید برای ما کامنت بگذارید.
پیشنهادات امروز w3design برای شما:
- افزونه Customer Reviews for WooCommerce
- آموزش کار با افزونه Remove Related Products
- افزونه حذف قیمت و دکمه افزودن به سبد خرید از ووکامرس
- معرفی افزونه WooCommerce Admin
- افزونه YITH WooCommerce Gift Cards
- نمایش کد در مطالب وردپرس
- افزونه های Lazy Load وردپرس
- آموزش رایگان ووکامرس صفر تا صد
- آموزش رایگان طراحی سایت صفر تا صد
- بهترین افزونه های ووکامرس برای افزایش فروش در سال 2021
- آشنایی با افزونه امتیازدهی به محصولات ووکامرس
- افزونه نظرسنجی پیشرفته ووکامرس
- بهترین افزونه های ووکامرس
- آموزش کار با افزونه WooCommerce RTL
- آموزش کار با افرونه WooCommerce Products Per Page
- آموزش کار با افزونه اسکرول بی پایان محصولات ووکامرس
- افزونه ساخت سیستم پرسش و پاسخ در ووکامرس
- آموزش کار با افزونه WooCommerce Variation Swatches
- آموزش کار با افزونه YITH WooCommerce Share For Discounts
- آموزش کار با افزونه Woocommerce Open Close
- سفارشی سازی صفحه آرشیو محصولات در ووکامرس
- آموزش کار با افزونه WooCommerce Stock Manager
- درگاه پرداخت بانک ملت برای ووکامرس
- افزونه مقایسه محصول ووکامرس را بشناسیم
- افزونه YITH افزونه Smart Manager for woocommerce
- آموزش کار با افزونه خرید گروهی محصولات در ووکامروس
- افزونه Delivery Times for WooCommerce
- ساخت کد تخفیف در ووکامرس
- افزونه حسابرس ووکامرس
- افزونه YITH WooCommerce Advanced Reviews
- آموزش تخفیف بر اساس روش پرداخت در ووکامرس
- افزونه YITH WooCommerce Review for Discounts
دیدگاهتان را بنویسید