چطور فقط استایل محصولات بدون قیمت ووکامرس رو تغییر بدیم؟

[vek 0]

ما از وردپرس و ووکامرس برای فروشگاهمون استفاده میکنیم، به همراه پوسته ی وودمارت

میخوایم استایل محصولات بدون قیمت در ووکامرس رو تغییر بدیم. الان خیلی ساده و به صورت متن هست. کد زیر رو نوشتم اما مشکلی وجود داره که باید اصلاح بشه ممنون میشم کمک کنید

.hide-larger-price .price :not(.price) {
    padding: 5px;
    background-color: #1975ff;
    color: white;
    border-radius: 6px;
    font-size: 17px;
}

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

ولی ما میخوایم در جاهای زیر این استایل اعمال نشه

• صفحه آرشیو، فروشگاه، دسته بندی و صفحات اینچنینی که محصولات به صورت لیست یا شبکه نشان داده میشه
• محصولاتی که دارای قیمت هستند
• و محصولات مشابه که در پایین محصولات در صفحه هر محصول به نمایش در میاد

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

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

.hide-larger-price.single-product .entry-summary .price :not(.price) {
padding: 5px;
background-color: #1975ff;
color: white;
border-radius: 6px;
font-size: 17px;
}

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

شاید نیاز به FUNCTION و PHP هم باشه و فقط با css کار راه نیوفته. شاید هم بشه فقط با css این کارو انجام داد.

لینک یکی از محصولات بدون قیمت ما رو در زیر میتونید ببینید:

https://vekshop.ir/?p=4163

ممنون میشم برای رفع این مشکل کمک کنید.

ویرایش شده تیر 01 توسط vek

[vek 0]

در 2 ساعت قبل، vek گفته است :

ما از وردپرس و ووکامرس برای فروشگاهمون استفاده میکنیم، به همراه پوسته ی وودمارت

میخوایم استایل محصولات بدون قیمت در ووکامرس رو تغییر بدیم. الان خیلی ساده و به صورت متن هست. کد زیر رو نوشتم اما مشکلی وجود داره که باید اصلاح بشه ممنون میشم کمک کنید

.hide-larger-price .price :not(.price) {
    padding: 5px;
    background-color: #1975ff;
    color: white;
    border-radius: 6px;
    font-size: 17px;
}

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

ولی ما میخوایم در جاهای زیر این استایل اعمال نشه

• صفحه آرشیو، فروشگاه، دسته بندی و صفحات اینچنینی که محصولات به صورت لیست یا شبکه نشان داده میشه
• محصولاتی که دارای قیمت هستند
• و محصولات مشابه که در پایین محصولات در صفحه هر محصول به نمایش در میاد

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

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

.hide-larger-price.single-product .entry-summary .price :not(.price) {
padding: 5px;
background-color: #1975ff;
color: white;
border-radius: 6px;
font-size: 17px;
}

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

شاید نیاز به FUNCTION و PHP هم باشه و فقط با css کار راه نیوفته. شاید هم بشه فقط با css این کارو انجام داد.

لینک یکی از محصولات بدون قیمت ما رو در زیر میتونید ببینید:

https://vekshop.ir/?p=4163

ممنون میشم برای رفع این مشکل کمک کنید.

مشکل رفع شد!