رفتن به مطلب

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


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

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

ویرایش شده توسط vek
لینک به ارسال
در 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

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

مشکل رفع شد!

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...