آیا به دنبال راهی برای باز نگه داشتن برگه توضیحات به طور پیش فرض هستید؟ ممکن است از آکاردئون در صفحه محصول برای نمایش برگه ها استفاده کنید. آکاردئون یک تکنیک طراحی وب منظم است که به شما امکان می دهد محتوا را در زبانه های تاشو نمایش دهید..
این زبانه ها یا آکاردئون ها به شما امکان می دهد اطلاعات سنگین متن را به شیوه ای شیک و فشرده منتقل کنید.
این یک راه خوب برای حفظ وب سایت شما بدون درهم و برهم و تعاملی است.
از آنجا که آنها قابل جمع شدن هستند ، ممکن است بخواهید برگه توضیحات را باز نگه دارید ، زیرا مهمترین برگه است.
برگه توضیحات ووکامرس به طور پیش فرض باز می شود
در این آموزش مختصر ، ما به شما نشان می دهیم که چگونه به راحتی می توانید برگه توضیحات را به طور پیش فرض باز نگه دارید.
ووکامرس راه حلی برای دستیابی به این هدف ندارد. این بدان معناست که ما باید از قطعات کد سفارشی برای باز نگه داشتن برگه توضیحات به طور پیش فرض استفاده کنیم.
توصیه می کنیم از طرح زمینه کودک استفاده کنید تا تغییرات شما در حین بروزرسانی از بین نرود.
اگر نحوه تنظیم تم کودک را نمی دانید ، توصیه می کنیم افزونه تم کودک را بارگیری کنید.
همچنین مهم است که توجه داشته باشید که آکاردئون به طور پیش فرض روی بار بسته می شود. به همین دلیل است که ما می خواهیم یک راه حل سفارشی برای باز نگه داشتن برگه توضیحات به طور پیش فرض پیدا کنیم.
همچنین باید افزونه Qode را دانلود کنید که به شما امکان می دهد قطعات کد سفارشی اضافه کنید.
می توانید از افزونه درج کد دلخواه خود استفاده کنید.
مراحل نگه داشتن برگه توضیحات به صورت پیش فرض
در اینجا مراحل ساده ای است که باید دنبال کنید:
- وارد سایت وردپرس خود شوید و به عنوان کاربر مدیر به داشبورد دسترسی پیدا کنید.
- از منوی داشبورد ، روی ظاهر> سفارشی سازی کلیک کنید.
- روی Additional CSS کلیک کنید
- کد CSS زیر را اضافه کنید:
.description-always-open { display: block !important; }
- همچنین ، کد زیر را در قسمت Custom JS موجود در Qode Options> General> Custom Code اضافه کنید:
// توضیحات آکاردئونی تک محصول همیشه باز است $j('.single-product .q_accordion_holder .title-holder.description_tab').removeClass('ui-state-default ui-corner-bottom').addClass('ui-accordion-header-active ui-state-active'); $j('.single-product .q_accordion_holder .title-holder.description_tab + .accordion_content').addClass('description-always-open');
نتیجه
این تنها کاری است که باید انجام دهید تا برگه توضیحات باز بماند. در حال حاضر ، باید بتوانید هر زبانه ای را باز نگه دارید ، مخصوصاً اگر از آکاردئون در فروشگاه ووکامرس خود استفاده می کنید.
همچنین می توانید از همین روش در هر برگه ای در صفحه محصول استفاده کنید.
اگر در اجرای کد بالا با مشکل روبرو شدید ، توصیه می کنیم با یک توسعه دهنده واجد شرایط وردپرس مشورت کنید. این امر باعث می شود که سایت خود را خراب نکنید.