Product comments stars not aligned and working bad

[DavideZ]

Hi everybody,

 

I have a problem with the module productcomments in only one site, if you try to leave a review to a product i.e.:
http://www.ilregallo.com/prodotti-a-base-di-riso/339-cuor-di-riso-ai-fichi-5x200g-8018699011254.html

(the button is named "Scrivi una recensione") yuo will see that the stars are not aligned and working bad.

If you inspect the page you will see that the html is:
 

<li>

    <label>Quality:</label>

    <div class="star_content">

        <div class="radio"><span><input type="hidden" name="criterion[1]" value="4"><div class="cancel"><a title="Cancel Rating"></a></div><div class="star"><a title="1">1</a></div></span>

        </div>

        <div class="radio"><span><div class="star star_hover"><a title="2">2</a></div></span>

        </div>

        <div class="radio"><span><div class="star"><a title="3">3</a></div></span>

        </div>

        <div class="radio"><span class="checked"><div class="star star_on"><a title="4">4</a></div></span>

        </div>

        <div class="radio"><span><div class="star"><a title="5">5</a></div></span>

        </div>

    </div>

    <div class="clearfix"></div>

</li>

As you can see is a little bit messed up, look where the cancel is located, in the same div of the first star.
It seems that is the jquery rating plugin that messed up the code...
On another site the html of the same code (but this time is right) is:
 

<li>
    <label>Valutazione:</label>
    <div class="star_content">
        <input type="hidden" name="criterion[1]" value="3">
        <div class="cancel">
            <a title="Cancel Rating"></a>
        </div>
        <div class="star star_on"><a title="1">1</a>
        </div>
        <div class="star star_on"><a title="2">2</a>
        </div>
        <div class="star star_on"><a title="3">3</a>
        </div>
        <div class="star"><a title="4">4</a>
        </div>
        <div class="star"><a title="5">5</a>
        </div>
    </div>
    <div class="clearfix"></div>
</li>

Where there is no class="radio"...

[NemoPS]

Is the other site using a custom template?
Anyway, there might be some css interfering with it, can you disable CCC for css, so we can see the uncompressed version?

[wmunich]

Hi,

 

this solve the problem ... have a look to the answer from janmejaypati ... https://www.prestashop.com/forums/topic/465151-solved-product-review-not-working-properly-in-prestashop-1611/?hl=%2Bstar&do=findComment&comment=2151660

 

regards, Tom

[DavideZ]

Hi,

thank you both!

Yes the other sites use a custom template (copy of the default) and yes the answer from janmejaypati solved my problem!

Anyway I think I'll never learn how to search a topic that already exists...