Looking at this post https://forum.tastyigniter.com/d/1595-review-error/8 seems that the issue was fixed on the component level, but if you are using Orange theme or a child of Orange, you will have a CSS issue with the stars not appearing properly on some pages. For example, when an order is completed and the customer is allowed to leave a review, the stars for Quality, Delivery, and Service do not appear to be selected, causing that the user can’t leave a review because the system says, that these fields are required (but user can’t select none of them). No ratings If you switch to Red theme, then the stars will appear, and you can leave the review (that’s why I say that it’s a theme issue). with Red Theme Leaving the review Then after the review is left, and you go back to your default theme, the stars will show just fine on the locations page, but when you go to the local page, the last star is not showing properly. Locations page Local page The local page stars look wrong also with Red Theme. Where is the problem? Is it on the CSS or somewhere else?

ideasgirl I also have this issue and am hoping someone has the answer. It looks like the stars are supplied by font awesome. Don’t you need to provide an api key for this? Perhaps it’s not required now but I don’t see anyplace to put this anyway. Looking at the span class here there’s a missing fa (or far if the star is unchecked) but I wouldn’t know if this is something I should be looking to change without some information. If it’s static code then it should be easy. I haven’t looked at why there’s an issue on this theme for leaving reviews (star related again) but I will try to discover this for myself.

@howard91447448 Like other old posts… No answer, no comment, no direction, no clues. 😞

Please don’t be rude. This is now the second time I’ve had to ask that of you. Support on the forums and discord is community led and it’s very possible no one has come across your issue. If you take a quick look across the forums and discord you will see that myself and others reply to a large number of messages. If you want urgent support or your question is unanswered please use the methods in the support section of the site.

There was a icon fix on Discord. That fist helpt for the stars aswell

https://fontawesome.com/start Enter email and click Send kit code. It will take you to registration page and thereafter to dashboard where you can get code snippet that looks like this <script src="https://kit.fontawesome.com/XXXXX.js" crossorigin="anonymous"></script> if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } And put it in to Partials > Head

diverd Thanks for taking the time to reply. Great to have a proper fix now. I won’t be able to test it out until tomorrow now. I’ll let you know then.

diverd Managed to try it earlier than I thought and it works perfecty. Thanks again.

ryanmitchell , Please don’t be rude. This is now the second time I’ve had to ask that of you. Sorry Ryan, but it’s the second time that I’m accused of being rude just for expressing the truth. There could be 4 days and there’s no answer to a question, but as soon as I state the fact that I’m being ignored, then I’m called rude. We are trying to work with the software you guys are putting out there. If you don’t have testers, developers, and users, the software will be useless. Not because I’m not a monthly $$$ contributor, means I’m not a contributor or never will be. There might be many issues of other users that are being attended but it seems you have an issue with my questions. A simple “we are looking into it”, “we don’t know”, “look here to see if you can do this or that”, could be sufficient ; but instead, there are crickets. You seem to throw around the word “rude” just because you don’t like negative comments that are just truthful comments. I wasn’t offensive, nor disrespectful. Support on the forums and discord is community led and it’s very possible no one has come across your issue. If that community are ONLY users there won’t be any “support” (besides supporting each other’s frustrations) because the users/testers/business consultants/restaurant owners don’t have the answers. We can only share that we are having the same issue and has not been addressed. In some cases there’s lack of documentation and somewhat incomplete in others, so we can’t even go there; we depend on the developers that know the code to guide us in the right direction and I’m not seeing this right now. I always search the forums for answers and usually my questions are the same that others had posted and they were not answered. If you take a quick look across the forums and discord you will see that myself and others reply to a large number of messages. I’ve never said TI developers never answer anything in the forums, I said that… again, this is another question being ignored by days. This question should had be answered because is from the CORE code of TI and it’s very important that REVIEWS displays correctly, and it seems very easy to fix (if you know the code). It has been asked before and has gone unanswered like mine just did. If you want urgent support or your question is unanswered please use the methods in the support section of the site. I never said that I wanted URGENT or FAST support. I should not have to pay for support to fix a bug in the app that should work well out of the box. It’s not because it’s not compatible with something unique about my site or I want it to work differently, it’s because it just DOES NOT work correctly. I also mentioned before that we are testing commercial extensions and time is running out, and we can’t afford to sit for days and guess if our question is going to be answered or not. (Also buying commercial extensions support TI, please take that in consideration). — Thanks @diverd and @howard91447448 for the assistance. In my case I have there a very long code of fontawesome and I’m not sure where I should add the code, if I have to change anything of the code or make it part of the line of fontawesome that’s there. I tried few different ways and it shows the same or it takes all the stars away and only shows the number of reviews.

@ideasgirl i couldn’t disagree with you more. This is open source software and you are treating it like paid for software. You are coming across as rude, impatient and demanding whether you see that or not. We all volunteer on this project, nobody is paid to work on it as this job and the money made from extensions is minimal. You act like there is a team working on the project full time and I can assure you that Is not the case. We do our best to answer questions and fix bugs but we all have day jobs that place other demands on us. Please reset you expectations. If you are unhappy, please stop using the software and find an alternative.

Problem with reviews icons (stars)

howard91447448

ideasgirl I understand your frustration but the solution added by diverd really is very simple to implement and does work. So does my own solution in a very different way.

ideasgirl

howard91447448 I don’t doubt it. I have this on my <head> file:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer"/>

Am I supposed to substitute that for the new code? or am I supposed to just add the kit line (just like is given including the <script> </script>) after that line? Or am I supposed to add it at the end of the file? Is there an extra step I have to do?

If I substitute for the kit line, all the stars disappear.

I’ve tried all those and doesn’t work.

howard91447448

My partials head end like like this. I’ve added the new script src at the end. Mine’s obfuscated as you’ll have your own .js

You don’t delete anything. Just add.

@styles
@if (!empty($this->theme->custom_css))
<style type=“text/css” id=“custom-css”>{!! $this->theme->custom_css !!}</style>
@endif
<script src=“https://kit.fontawesome.com/xxxxxxxx.js” crossorigin=“anonymous”></script>`

ideasgirl

howard91447448

Yes, I did try that and just retried again, and didn’t work. I’m starting to think that it has to do that I have Multi Vendor installed and there’s something else I have to do.

Thanks for your assistance.

diverd

ideasgirl already cleared TI cache and browser cache?

ideasgirl

diverd Yes, sir.

diverd

ideasgirl

This is my full head [head]

{!! get_metas() !!}
<meta name=“csrf-token” content=“{{ csrf_token() }}”>
@if (trim($favicon = $this->theme->favicon, ‘/’))
<link href=“{{ uploads_url($favicon) }}” rel=“shortcut icon” type=“image/ico”>
@else
{!! get_favicon() !!}
@endif
<title>{{ sprintf(lang(‘main::lang.site_title’), lang(get_title()), setting(‘site_name’)) }}</title>
@if ($this->page->description)<meta name=“description” content=“{{ $this->page->description }}”>@endif
@if ($this->page->keywords)<meta name=“keywords” content=“{{ $this->page->keywords }}”>@endif
<link href=“//fonts.googleapis.com/css?family=Amaranth|Titillium+Web:200,200i,400,400i,600,600i,700,700i|Droid+Sans+Mono&display=swap” rel=“stylesheet”>
<script src=“https://kit.fontawesome.com/xxxxxxxxxx.js” crossorigin=“anonymous”></script>
@styles
@if (!empty($this->theme->custom_css))
<style type=“text/css” id=“custom-css”>{!! $this->theme->custom_css !!}</style>
@endif

Change xxxx with your own key

ideasgirl

diverd Yes, this one is where I substitute the cloudflare for the new kit line. I just retried it. Still no last star on the menu page.

diverd

hmmm… on my site i see 5 open stars because there are no reviews at the moment.
i can’t help you on this one.

ideasgirl

diverd Right, the ones that don’t have reviews don’t have an issue. Are only those with reviews that don’t show up correctly. Even though on the locations page, they show just fine.

I believe it has to do with the jQuery Raty.

howard91447448

I have this file extensions/igniter/local/formwidgets/starrating/assets/js/starrating.js which contains the font used for the stars. I don’t know how multi-vendor extension would affect that but take a quick look to see what fonts are used. My first attempt at fixing this was changing the font but diverd then showed me a better way.

I believe you should have a line like starOff: 'fa fa-star-o', and starOn: 'fa fa-star,

Double check that yours says the same. As I mentioned before, I managed to get mine working with a change to starOff: 'fa fa-star-o', to starOff: 'fa-regular fa-star',

I’m not saying this is what you must do but at least take a look to see if you are using these font classes.

ideasgirl

howard91447448

Yes, I did change that. Do you have reviews on the one you are looking at?

I believe now is the jQuery script that calculates the amount of stars but my knowledge on coding is not as good for figuring it out.

howard91447448

ideasgirl I think I’ve missed something. You’re issue is the dodgy last star at the moment I realise. That appears to be because of a malformed class if I recall. I know when I was looking at one of the templates where was a value missing fa or far (for unchecked).

ideasgirl

howard91447448 That’s correct BUT that last star comes from the “calculation” of all the reviews, in this particular case should be a “full star” since both reviews (look at the number beside it) are 5 stars reviews. On the list it shows up just fine, but on the menu page of the local it doesn’t (so I guess it’s a template issue).

Now, looks like @diverd was seeing a local without reviews, and when they don’t have reviews, I see all 5 empty stars. There’s no problem when there aren’t reviews posted. It’s only when there are reviews. You can check the images I posted for reference.

The script I’m talking about is present in the “vendor” folder but I don’t think is related anymore because the 5 stars show up fine on the list of locations. That’s just a guess, not 100% sure since neither you nor diverd confirmed if you have reviews posted, what happen with that last star.

ryanmitchell

@ideasgirl are you able to provide a link to, or a GitHub repository of what you are seeing so I can try to work ith you to fix it?

ideasgirl

ryanmitchell Sure. boripan.com

ryanmitchell

ideasgirl any particular page so I don’t have to hunt for it?

ideasgirl

Yes. Go to /locations (there’s also a “Directory” link on the footer). Check any of the locations that have reviews. Click on it and you will see on the menu page how the stars show up.

ryanmitchell

So this line:
https://github.com/tastyigniter/ti-ext-local/blob/1989fc2501c4b79cb455769feacec86ddecf7adc/components/localbox/box_one.blade.php#L13

Needs changed to be:
<span @class(['fa-star', 'fa' => $value <= $reviewScore, 'far' => $value > $reviewScore])></span>

ryanmitchell

I’ve opened a PR here: tastyigniter/ti-ext-local79

« Previous Page Next Page »