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

hamid12

تازه وارد
با سلام

1-چرا پس از امتیاز دهی کاربر به یک محصول به جای نماش ستاره های پر شده علامت S بر روی ستاره ها قرار داد می شود؟ این مشکل در قالبهای مختلف اتفاق می افتد. به عنوان مثال (



)


attachment.php


2- چرا ارسال دیدگاه حتما منوط به امتیاز دهی می باشد و چگونه می توان این ارتباط را حذف کرد؟

3- نحوه غیرفعال سازی سیستم امتیاز دهی چگونه است؟

با تشکر

You must be registered for see images attach


 

saeedpersian

کاربر عضو
1- دقيق نميدونم. ولي به احتمال قوي از خاصيت پوسته ميباشد

2 و 3- تنظيمات ووكامرس/محصولات

 

hamid12

تازه وارد
حل شد.

در فایل woocomerce.css باید بخش زیر اضافه شود :

font-size:1em;

font-style: bold;

font-family: "star";

color: ;به

.woocommerce .star-rating span:before,

.woocommerce-page .star-rating span:before

 

sir1

کاربر عضو
با سلام

برای بنده هم ستاره های ووکامرس به صورت زیر می باشد:

You must be registered for see images attach


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

کد:
/*product_list_widget*/
div ul.product_list_widget li{padding:8px 0; margin:0; overflow:hidden; zoom:1; font-size: 11px; border-top-style: dotted; border-top-width:1px; position: relative; }
#top div ul.product_list_widget li a{display:block; font-weight:bold; font-size: 12px; line-height: 1.5em !important; height:auto  !important;}
div ul.product_list_widget li img{float:right; margin-left:4px;  width:32px; padding:2px;  height:auto;}
div ul.product_list_widget .star-rating{float:none;  position: relative; margin:10px 0 0 0;}
 

caduspro

کاربر عضو
با سلام

برای بنده هم ستاره های ووکامرس به صورت زیر می باشد:



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

/*product_list_widget*/
div ul.product_list_widget li{padding:8px 0; margin:0; overflow:hidden; zoom:1; font-size: 11px; border-top-style: dotted; border-top-width:1px; position: relative; }
#top div ul.product_list_widget li a{display:block; font-weight:bold; font-size: 12px; line-height: 1.5em !important; height:auto !important;}
div ul.product_list_widget li img{float:right; margin-left:4px; width:32px; padding:2px; height:auto;}
div ul.product_list_widget .star-rating{float:none; position: relative; margin:10px 0 0 0;}

مشکل شما به این علت است که از دو دستور برای کلاس دهی به یک عنصر استفاده می کنید.

1. کلاس دهی پیش فرض ووکامرس

2. کلاس دهی از طریق پوسته

البته برطرف کردن مشکل را پیشنهاد می کنم، با توجه به پیش فرض پوسته کار کنید. اما برای خنثی کردن کلاس پیش فرض ووکامرس کد زیر را انتهای فایل rtl.css قرار دهید:

کد:
.woocommerce .product_list_widget .star-rating:before {content: "";}
.woocommerce .product_list_widget .star-rating span:before { content: "";}
.woocommerce .product_list_widget .star-rating {height: 15px;}
 
آخرین ویرایش توسط مدیر:

sir1

کاربر عضو
مشکل شما به این علت است که از دو دستور برای کلاس دهی به یک عنصر استفاده می کنید.

1. کلاس دهی پیش فرض ووکامرس

2. کلاس دهی از طریق پوسته

البته برطرف کردن مشکل را پیشنهاد می کنم، با توجه به پیش فرض پوسته کار کنید. اما برای خنثی کردن کلاس پیش فرض ووکامرس کد زیر را انتهای فایل rtl.css قرار دهید:

.woocommerce .product_list_widget .star-rating:before {content: "";}
.woocommerce .product_list_widget .star-rating span:before { content: "";}
.woocommerce .product_list_widget .star-rating {height: 15px;}

ممنون درست شد.

اگه بخوام کل کلاس دهی پیشفرض ووکامرس را غیر فعال کنم و از خود قالب استفاده کنم باید چه کدی را به rtl اضاف کنم؟

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

 

مهسا بختیار

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

پیوست‌ها

  • امتیاز دهی به محصولات.jpg
    امتیاز دهی به محصولات.jpg
    65.6 کیلوبایت · بازدیدها: 5

mr63

تازه وارد
سلام خسته نباشید
این امتیاز ستاره بهم ریخته ممنون میشم اگه راهنمایی بفرمایید
You must be registered for see images attach
 
بالا