تغییر نحوه نمایش زیرشاخه ها در صفحه Category قالب دیفالت پرستاشاپ
من از قالب دیفالت پرستاشاپ استفاده می کنم
می خوام که توی صفحه category اون تصویر های کوچیکی رو که بالای صفحه از زیر شاخه ها نشون میده حذف کنم. البته فقط تصویر. دوست دارم عنوان زیر شاخه باقی بمونه
فایل category.tpl که تو مسیر themes\default-bootstrap هست رو باید تغییر بدم. ولی نمی دونم کدوم قسمت از کد اش رو باید کامنت کنم. روی لوکال وقتی با سعی و خطا کامنت می کنم و تست می کنم صفحه تغییر نمی کنه.
دو تا راه برای این کار هست:
راه حل اول – تغییر در ظاهر با استفاده از css (پیشنهاد شده)
۱. با استفاده از یک ادیتور متن (مثل Notepad++) یک فایل css ایجاد کنید. مثلاً my.css
۲. کد زیر رو تو این فایل بنویسید:
#category .subcategory-image {
display:none;
}
این کد یعنی در id = category هر چیزی که کلاس subcategory-image داره رو نمایش نده.
۳. فایل my.css رو تو مسیر زیر قرار بدید:
\themes\default-bootstrap\css\autoload
کار اصلی اینجا به پایان میرسه و تصویر زیرشاخه دیگه نمایش داده نمیشه. اما ظاهر اونجا خوشایند نیست چون یه فضای اونجا خالی شده اما ارتفاعش ثابت مونده.
۴. حالا برای کاهش اون فضای خالی، کد زیر رو به انتهای فایل my.css اضافه میکنید:
#subcategories ul li {
height: 50px!important;
}
این کد یعنی در id = subcategories هر li ای که در هر ul ای وجود داره رو ارتفاعش رو بکن ۵۰ پیکسل (شما با تغییر این ۵۰ میتونید اون ارتفاع رو به دلخواه تنظیم کنید).
اون important! هم یعنی اگر قبلا جایی به این پارامتر مقدار داده شده، مهم نیست و اینی که اینجا گفتیم مهمه و در نظر بگیر.
راه حل دوم – تغییر فایل category.tpl که ترجیح میدم توضیح ندم چون راه حل اول بهتر و سادهتره.
اگر حل شد مشکلتون، با زدن این تیک این کنار جواب رو به عنوان جواب درست انتخاب کنید و یک رای بالا هم به این پاسخ بدید. اگر حل نشد، زیر این پاسخ دیدگاه بذارید و از نوشتن پاسخ جدید خودداری کنید.
خیلی سپاسگزارم جناب رضا زاده من هر دو روش رو امتحان کردم روش اول خیلی ساده تر هست و برگردوندن اش هم به حالت قبل خیلی راحت تره . روش دوم نیاز به تغییر فایل قالب و کامپایل مجدد داره من از روش اول استفاده کردم و در موبایل و لپ تاپ هم تست کردم نمایش اش خوب بود.
من الان این تیکه کد رو در صفحه category.tpl کامنت کردم {if $subcategory.id_image} {else} {/if} و بعد از منوی “کارایی” گزینه “کامپایل اجباری” رو انتخاب کردم و کامپایل کردم ( روی لوکال) ولی الان دیگه صفحه شاخه ها رو نشون نمیده. صفحه سفید میشه به حالت قبل هم برگردوندم . باز درست نشد
فایل category.tpl رو از روی یک نسخه پرستاشاپ سالم کپی کنید جای این. از این به بعد هم همیشه قبل از اعمال هرگونه تغییر روی هر فایل، یک کپی ازش بگیرید یه جایی.