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

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; }

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