نحوه پنهان کردن تصویر ویژه در صفحه تک محصول

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

تصویر ویژه محصول ووکامرس

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

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

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

ووکامرس تصویر ویژه را در گالری صفحه محصولات واحد پنهان کنید

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

به این ترتیب تصاویر در قسمت جلویی ظاهر می شوند:

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

مراحل پنهان کردن تصویر ویژه در گالری صفحه محصول واحد

در اینجا مراحلی وجود دارد که باید انجام دهید:

  • وارد سایت وردپرس خود شوید و به عنوان کاربر مدیر به داشبورد دسترسی پیدا کنید.
  • از منوی داشبورد ، روی منوی ظاهر> منوی ویرایشگر تم کلیک کنید. وقتی صفحه ویرایشگر تم باز شد ، به دنبال فایل توابع موضوع باشید تا تصویر برجسته را در گالری صفحه محصول واحد پنهان کنید.
  • روی هرجایی از ویرایشگر متن کلیک کنید و به پایین فایل functions.php بروید. کد را در انتها بچسبانید:
/**

 * Exclude the featured image from appearing in the product gallery, if there's a product gallery.

 *

 * @param array $html Array of HTML to output for the product gallery.

 * @param array $attachment_id ID of each image variables.

 */

function sevencloner_woocommerce_remove_featured_image( $html, $attachment_id ) {

            global $post, $product;

            // Get the IDs.

            $attachment_ids = $product->get_gallery_image_ids();

            // اگر هیچ کدام وجود ندارد ، پیش بروید و زود برگردید - با تصویر برجسته در گالری.

            if ( ! $attachment_ids ) {

                        return $html;

            }

            // به دنبال تصویر برجسته باشید.

            $featured_image = get_post_thumbnail_id( $post->ID );

            // اگر یکی وجود دارد ، آن را از گالری حذف کنید.

            if ( is_product() && $attachment_id === $featured_image ) {

                        $html = '';

            }

            return $html;

}

add_filter( 'woocommerce_single_product_image_thumbnail_html', 'njengah_woocommerce_remove_featured_image', 10, 2 );
  • روی دکمه ذخیره تغییرات در پایین صفحه ویرایشگر متن کلیک کنید..
  • اکنون شما با موفقیت قطعه کد مورد نیاز برای پنهان کردن تصویر برجسته محصول را از گالری تصاویر محصول در صفحات تک محصول اضافه کرده اید. این نتیجه در قسمت جلو خواهد بود:

نتیجه

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

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر نیاز است تا ابتدا وارد سایت شوید.

هیچ نظری ارسال نشده است.

در این مقاله قصد داریم تا درباره نحوه پنهان کردن تصویر ویژه در صفحه تک محصول صحبت کنیم.


قیمت آموزش
رایگان
نوع دسترسی
رایگان

این مقاله در حال حاضر تنها به روش رایگان در دسترس می باشد.

ناصر خالدی
مدرس دوره

ناصر خالدی

مهندس شبکه, امنیت, برنامه نویسی تلفن های هوشمند, طراح وب سایت و متخصص هوش مصنوعی

گفتگوی برنامه نویسان

بخشی برای حل مشکلات برنامه‌نویسی و مباحث پیرامون آن

مقالات پیشنهادی

هوش مصنوعی

هوش مصنوعی یا هوش ماشینی, به هوشمندی نشان داده شده توسط ماشین در شرایط مختلف گفته میشود که مقابل هوش طبیعی در انسان ها قرار دارد که ...


۸۶۴
۰
۱۱ آذر ۱۳۹۹

اندروید

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


۱۰۵۵
۰
۲۹ آبان ۱۳۹۹

وردپرس

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


۸۰۹
۰
۱۳ آذر ۱۳۹۹

پی اچ پی - PHP

با استفاده از این زبان می توان وب سایت های پویا طراحی کرد, این زبان می تواند با HTML ادغام شود, در حقیقت یک زبان اسکریپتی متن باز و رایگان است. یعنی زمانی که سرور درخواست ...


۹۴۸
۰
۱۳ آذر ۱۳۹۹