Tableau Responsive Theme - Support Thread

[yaritai]

Re: Product Reviews:



Haven't seen any replies to this. Is there any update?

Cheers
Terry

Let me say upfront that I do NOT use this template but have downloaded it to see what this issue is about. So if you go into the file for tpl_product_reviews_write.php, you will find reference to this part which is where you pick the rating from 1 to 5 stars. Here is the part that may be causing the issue:

                        <li>
                            <?php echo zen_draw_radio_field('rating', '1', '', 'id="rating-1" class="star"'); ?>
                            <!--?php echo '<label class="" for="rating-1">' . zen_image($template->get_template_dir(OTHER_IMAGE_REVIEWS_RATING_STARS_ONE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . OTHER_IMAGE_REVIEWS_RATING_STARS_ONE, OTHER_REVIEWS_RATING_STARS_ONE_ALT) . '</label> '; ?-->
                        </li>
                        <li>
                            <?php echo zen_draw_radio_field('rating', '2', '', 'id="rating-2" class="star"'); ?>
                            <!-- ?php echo '<label class="" for="rating-2">' . zen_image($template->get_template_dir(OTHER_IMAGE_REVIEWS_RATING_STARS_TWO, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . OTHER_IMAGE_REVIEWS_RATING_STARS_TWO, OTHER_REVIEWS_RATING_STARS_TWO_ALT) . '</label>'; ?-->
                        </li>
                        <li>
                            <?php echo zen_draw_radio_field('rating', '3', '', 'id="rating-3" class="star"'); ?>
                            <!--?php echo '<label class="" for="rating-3">' . zen_image($template->get_template_dir(OTHER_IMAGE_REVIEWS_RATING_STARS_THREE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . OTHER_IMAGE_REVIEWS_RATING_STARS_THREE, OTHER_REVIEWS_RATING_STARS_THREE_ALT) . '</label>'; ?-->
                        </li>
                        <li>
                            <?php echo zen_draw_radio_field('rating', '4', '', 'id="rating-4" class="star"'); ?>
                        </li>

                        <li>
                            <?php echo zen_draw_radio_field('rating', '5', '', 'id="rating-5" class="star"'); ?>
                            <!--?php echo '<label class="" for="rating-5">' . zen_image($template->get_template_dir(OTHER_IMAGE_REVIEWS_RATING_STARS_FIVE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . OTHER_IMAGE_REVIEWS_RATING_STARS_FIVE, OTHER_REVIEWS_RATING_STARS_FIVE_ALT) . '</label>'; ? -->
                        </li>

If you go in and take away each reference to "<!--" and "-->" it should show on your page. Why it is commented out, I don't know as I haven't used this template. But I see no reason for it to be commented out as I see no reference in the template using its own custom rating system. I assume this was an overlook on the authors part.

However, with this said, I had tested this template out in its initial release as a friend wanted to use it. But long story short, I decided to not to use it as I found about 12 other things that needed to be changed to bring back zencart functionality.

[satello]

Hi, I've tried what you suggested for the reviews, but basically the stars appear but are misaligned with the link, so they are not clickable.

Unless I've done something wrong. I basically removed this bit both in front and back of the php

!--

So my code looks like this

<?php echo '<label......

Correct? Am I missing something? Really need to get this bit working, thanks

[satello]

ok, i managed to have all the stars working in the write a review mode with this code

<li>
<?php echo zen_draw_radio_field('rating', '1', '', 'id="rating-1"'); ?>
<?php echo '<label class="" for="rating-1">' . zen_image($template->get_template_dir(OTHER_IMAGE_REVIEWS_RATING_STARS_ONE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . OTHER_IMAGE_REVIEWS_RATING_STARS_ONE, OTHER_REVIEWS_RATING_STARS_ONE_ALT) . '</label> '; ?>
</li>
<li>
<?php echo zen_draw_radio_field('rating', '2', '', 'id="rating-2"'); ?>
<?php echo '<label class="" for="rating-2">' . zen_image($template->get_template_dir(OTHER_IMAGE_REVIEWS_RATING_STARS_TWO, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . OTHER_IMAGE_REVIEWS_RATING_STARS_TWO, OTHER_REVIEWS_RATING_STARS_TWO_ALT) . '</label>'; ?>
</li>
<li>
<?php echo zen_draw_radio_field('rating', '3', '', 'id="rating-3"'); ?>
<?php echo '<label class="" for="rating-3">' . zen_image($template->get_template_dir(OTHER_IMAGE_REVIEWS_RATING_STARS_THREE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . OTHER_IMAGE_REVIEWS_RATING_STARS_THREE, OTHER_REVIEWS_RATING_STARS_THREE_ALT) . '</label>'; ?>
</li>
<li>
<?php echo zen_draw_radio_field('rating', '4', '', 'id="rating-4"'); ?>
<?php echo '<label class="" for="rating-4">' . zen_image($template->get_template_dir(OTHER_IMAGE_REVIEWS_RATING_STARS_FOUR, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . OTHER_IMAGE_REVIEWS_RATING_STARS_FOUR, OTHER_REVIEWS_RATING_STARS_FOUR_ALT) . '</label>'; ?>
</li>
<li>
<?php echo zen_draw_radio_field('rating', '5', '', 'id="rating-5"'); ?>
<?php echo '<label class="" for="rating-5">' . zen_image($template->get_template_dir(OTHER_IMAGE_REVIEWS_RATING_STARS_FIVE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . OTHER_IMAGE_REVIEWS_RATING_STARS_FIVE, OTHER_REVIEWS_RATING_STARS_FIVE_ALT) . '</label>'; ?>
</li>

i can write a review, it gets posted but then i'm taken to a funny page, below is the screenshot. basically it should better put a message

thanks for taking time in reviewing bla bla bla.

the other thing i noticed is that even after the review is approved from the admin, the product still shows

be the first to write a review, or similar. so still unusable. any help here?

[Enzo]

FIXING RATING SYSTEM
-------------------------------------------------------------------------

The Tableau template utilizes the "JQuery Star Rating Plugin" from FyneWorks.

Part One:
-------------------------------------------------------------------------

Unfortunately, the following Star Rating Plugin files were not included in the template: "star.gif" and "delete.gif"
and respectively.

Right click each image and save these files in your
/includes/templates/YOUR_TEMPLATE/images/ folder

Part Two:
-------------------------------------------------------------------------

The Tableau CSS file located in
/includes/templates/YOUR_TEMPLATE/css/auto_loaders/jquery.rating.css

needs updating to correctly display (or not depending on your preference) both "star.gif" and "delete.gif."

Part Two A:
-------------------------------------------------------------------------
To prevent "delete.gif" from displaying:

(IF the following line numbers don't match the line numbers in your jquery.rating.css, then look for the code and match it to your CSS file and modify accordingly.)

Leave lines 3-5 of the default Tableau jquery.rating.css as is.
3. div.rating-cancel {
4. display: none !important;
5. }

To display "delete.gif," comment out lines 3-5 by beginning line 3 with /* and ending line 5 with */
On line six add:

NEW LINE 6. div.rating-cancel,div.rating-cancel a{
NEW LINE 7. background-repeat: no-repeat;
NEW LINE 8. background-position: 0 -16px;
NEW LINE 9. background-image: url(../../images/delete.gif)
NEW LINE 10. }

(The original line 6 code
div.star-rating {
margin-right: 2px;
}
will end up starting on line 11)

Where "url(../../images/delete.gif)" is the path to your "delete.gif"

Part Two B:
-------------------------------------------------------------------------
To correctly display and allow your customer to rate your products:

Replace the original Tableau CSS coding for (NOW) line
15: div.star-rating,div.star-rating a{background:url(../../images/stars_plugins.png) no-repeat 0 0px}
("stars_plugins.png" doesn't exist)

with:

NEW LINE 15: div.star-rating,div.star-rating a{
NEW LINE 16: background-repeat: no-repeat;
NEW LINE 17: background-position: 0 0px;
NEW LINE 18: background-image: url(../../images/star.gif)
NEW LINE 19: }

Where "url(../../images/star.gif)" is the path to your "star.gif"

-------------------------------------------------------------------------

Ultimately, you will end up with a jquery.rating.css that looks like this:

Lines 3 - 19 (Again line numbers are relative to your css file.)
/*div.rating-cancel {
display: none !important;
} */
div.rating-cancel,div.rating-cancel a{
background-repeat: no-repeat;
background-position: 0 -16px;
background-image: url(../../images/delete.gif)
}
div.star-rating {
margin-right: 2px;
}
/*div.rating-cancel,div.rating-cancel a{background:url(delete.gif) no-repeat 0 -16px}*/
div.star-rating,div.star-rating a{
background-repeat: no-repeat;
background-position: 0 0px;
background-image: url(../../images/star.gif)
}

-------------------------------------------------------------------------

This should now display the rating system as (if I'm not mistaken) Numinix intended.

BTW, Thanks, Numinix for your hard work!

[Enzo]

Hi, I've tried what you suggested for the reviews, but basically the stars appear but are misaligned with the link, so they are not clickable.

Unless I've done something wrong. I basically removed this bit both in front and back of the php

!--

So my code looks like this

<?php echo '<label......

Correct? Am I missing something? Really need to get this bit working, thanks

It appears that you have reset the rating system to the default Zen-Cart rating system by un-commenting it.

Without knowing more about the changes you've made to your template, the most effective advice I could offer would be to revert to the original Numinix Tableau Template rating system and apply the changes I've posted.

Here is the code as it originally appeared in the Tableau
/includes/templates/tableau/templates/tpl_product_reviews_write_default.php
in case you deleted the original code and need to compare.
(you can also retrieve the code from the Tableau template files you downloaded.)

 <div class="ratingRow">
                    <ul>
                        <li>
                            <?php echo zen_draw_radio_field('rating', '1', '', 'id="rating-1" class="star"'); ?>
                            <!--?php echo '<label class="" for="rating-1">' . zen_image($template->get_template_dir(OTHER_IMAGE_REVIEWS_RATING_STARS_ONE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . OTHER_IMAGE_REVIEWS_RATING_STARS_ONE, OTHER_REVIEWS_RATING_STARS_ONE_ALT) . '</label> '; ?-->
                        </li>
                        <li>
                            <?php echo zen_draw_radio_field('rating', '2', '', 'id="rating-2" class="star"'); ?>
                            <!-- ?php echo '<label class="" for="rating-2">' . zen_image($template->get_template_dir(OTHER_IMAGE_REVIEWS_RATING_STARS_TWO, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . OTHER_IMAGE_REVIEWS_RATING_STARS_TWO, OTHER_REVIEWS_RATING_STARS_TWO_ALT) . '</label>'; ?-->
                        </li>
                        <li>
                            <?php echo zen_draw_radio_field('rating', '3', '', 'id="rating-3" class="star"'); ?>
                            <!--?php echo '<label class="" for="rating-3">' . zen_image($template->get_template_dir(OTHER_IMAGE_REVIEWS_RATING_STARS_THREE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . OTHER_IMAGE_REVIEWS_RATING_STARS_THREE, OTHER_REVIEWS_RATING_STARS_THREE_ALT) . '</label>'; ?-->
                        </li>
                        <li>
                            <?php echo zen_draw_radio_field('rating', '4', '', 'id="rating-4" class="star"'); ?>
                        </li>

                        <li>
                            <?php echo zen_draw_radio_field('rating', '5', '', 'id="rating-5" class="star"'); ?>
                            <!--?php echo '<label class="" for="rating-5">' . zen_image($template->get_template_dir(OTHER_IMAGE_REVIEWS_RATING_STARS_FIVE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . OTHER_IMAGE_REVIEWS_RATING_STARS_FIVE, OTHER_REVIEWS_RATING_STARS_FIVE_ALT) . '</label>'; ? -->
                        </li>
                    </ul>
                </div>

Much luck to you.

[satello]

thank you, enzo, as soon as i have some time to spare i'll give it a go and refer back.

[ellivir]

Has anybody upgraded ZC into version 1.5.3 using this template? I have 1.5.1 now and hesitating to upgrade ZC. So many files that are having an impact with this template!

[satello]

Hey Enzo, just had chance to mod the script today and it works a threat!!! THANK YOU

PS NUMINIX people, what happens, have you lost interest in this template???

FIXING RATING SYSTEM
-------------------------------------------------------------------------

The Tableau template utilizes the "JQuery Star Rating Plugin" from FyneWorks.

Part One:
-------------------------------------------------------------------------

Unfortunately, the following Star Rating Plugin files were not included in the template: "star.gif" and "delete.gif"
and respectively.

Right click each image and save these files in your
/includes/templates/YOUR_TEMPLATE/images/ folder

Part Two:
-------------------------------------------------------------------------

The Tableau CSS file located in
/includes/templates/YOUR_TEMPLATE/css/auto_loaders/jquery.rating.css

needs updating to correctly display (or not depending on your preference) both "star.gif" and "delete.gif."

Part Two A:
-------------------------------------------------------------------------
To prevent "delete.gif" from displaying:

(IF the following line numbers don't match the line numbers in your jquery.rating.css, then look for the code and match it to your CSS file and modify accordingly.)

Leave lines 3-5 of the default Tableau jquery.rating.css as is.
3. div.rating-cancel {
4. display: none !important;
5. }

To display "delete.gif," comment out lines 3-5 by beginning line 3 with /* and ending line 5 with */
On line six add:

NEW LINE 6. div.rating-cancel,div.rating-cancel a{
NEW LINE 7. background-repeat: no-repeat;
NEW LINE 8. background-position: 0 -16px;
NEW LINE 9. background-image: url(../../images/delete.gif)
NEW LINE 10. }

(The original line 6 code
div.star-rating {
margin-right: 2px;
}
will end up starting on line 11)

Where "url(../../images/delete.gif)" is the path to your "delete.gif"

Part Two B:
-------------------------------------------------------------------------
To correctly display and allow your customer to rate your products:

Replace the original Tableau CSS coding for (NOW) line
15: div.star-rating,div.star-rating a{background:url(../../images/stars_plugins.png) no-repeat 0 0px}
("stars_plugins.png" doesn't exist)

with:

NEW LINE 15: div.star-rating,div.star-rating a{
NEW LINE 16: background-repeat: no-repeat;
NEW LINE 17: background-position: 0 0px;
NEW LINE 18: background-image: url(../../images/star.gif)
NEW LINE 19: }

Where "url(../../images/star.gif)" is the path to your "star.gif"

-------------------------------------------------------------------------

Ultimately, you will end up with a jquery.rating.css that looks like this:

Lines 3 - 19 (Again line numbers are relative to your css file.)
/*div.rating-cancel {
display: none !important;
} */
div.rating-cancel,div.rating-cancel a{
background-repeat: no-repeat;
background-position: 0 -16px;
background-image: url(../../images/delete.gif)
}
div.star-rating {
margin-right: 2px;
}
/*div.rating-cancel,div.rating-cancel a{background:url(delete.gif) no-repeat 0 -16px}*/
div.star-rating,div.star-rating a{
background-repeat: no-repeat;
background-position: 0 0px;
background-image: url(../../images/star.gif)
}

-------------------------------------------------------------------------

This should now display the rating system as (if I'm not mistaken) Numinix intended.

BTW, Thanks, Numinix for your hard work!

[numinix]

Hey Enzo, just had chance to mod the script today and it works a threat!!! THANK YOU

PS NUMINIX people, what happens, have you lost interest in this template???

A new version was released over the weekend. It's a major update that adds a lot of admin customization to the template. We look forward to your feedback and getting some of the bugs mentioned in this thread resolved.

[satello]

Thanks for the update, will do as soon as I have time. A couple of questions, I'm still at Zen 1.5.1, would it be recommended to upgrade cart first and then Template?