Announcement

Collapse
No announcement yet.

SmartTabs and Product Reviews

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • SmartTabs and Product Reviews

    I have the SmartTabs set up on the PROD Page to display the Product Description and to render the EP Toolkit Product Reviews in another tab. There seems to be an interesting dilemma, when someone clicks on the review link, the page reloads to display the fields to write the review but the page resets back to the displaying the first tab. If you click the Reviews tab again, the fields are there.

    You can see the behavior here: https://www.crohns.net/page/C/PROD/DNA1006

    This looks like it's going to need some javascript/jquery that's way above my pay grade.
    Leslie Kirk (aka Leslie Nord leslienord)
    Miva Merchant Certified Developer
    Miva Merchant Specialist since 1998
    Previously of Webs Your Way

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter Twitter Twitter Twitter | Facebook | FourSquare | Pinterest | Flickr

  • Hi Leslie,

    Have you tried adding the full URL with the hash for the tab you want open for the URL of the review link? If that does not work, then I may not have a function in the plugin to accommodate for hashes. I can try to revisit the plugin to add that functionality in.
    Matt Zimmermann
    Director of UI/UX Standards and Theme Development
    / Miva, Inc.

    Comment


    • Instead of trying to display 2nd tab when you click review, I'd rather try to show review form on click (without page reloading)

      I don't see the back-end code, but most likely you have some kind of conditional check for the query string and decides: to show the input form or not. You can output it by default and keep style="display: none;" on it until you click the link.

      Comment


      • Originally posted by AHerb View Post
        Instead of trying to display 2nd tab when you click review, I'd rather try to show review form on click (without page reloading)

        I don't see the back-end code, but most likely you have some kind of conditional check for the query string and decides: to show the input form or not. You can output it by default and keep style="display: none;" on it until you click the link.
        I'd like to do that too, but it seem that this is how Bill's code works.

        Matt, it would be awesome as a stopgap method. Off-subject question for you Matt, are Reviews going to become part of the core software or is it still going to rely on third-party modules. Either way is great, just wondering.
        Leslie Kirk (aka Leslie Nord leslienord)
        Miva Merchant Certified Developer
        Miva Merchant Specialist since 1998
        Previously of Webs Your Way

        Email me: [email protected]
        www.lesliekirk.com

        Follow me: Twitter Twitter Twitter Twitter | Facebook | FourSquare | Pinterest | Flickr

        Comment


        • Hi Leslie,

          There are no current plans for a native reviews module, however my current recommendation would be to use the Ratings & Reviews module [ http://apps.miva.com/ratings-reviews.html ].
          Matt Zimmermann
          Director of UI/UX Standards and Theme Development
          / Miva, Inc.

          Comment


          • ..,.and of course there is Easy Review, which, by using a model display for review authoring doesn't require fidgeting with the template code for responsive.
            Bruce Golub
            Phosphor Media - "Your Success is our Business"

            Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
            phosphormedia.com

            Comment


            • Originally posted by Bruce - PhosphorMedia View Post
              ..,.and of course there is Easy Review, which, by using a model display for review authoring doesn't require fidgeting with the template code for responsive.
              Remind me please which 3-party reviews the Easy Review can import?
              Leslie Kirk (aka Leslie Nord leslienord)
              Miva Merchant Certified Developer
              Miva Merchant Specialist since 1998
              Previously of Webs Your Way

              Email me: [email protected]
              www.lesliekirk.com

              Follow me: Twitter Twitter Twitter Twitter | Facebook | FourSquare | Pinterest | Flickr

              Comment


              • By default, it will AUTOMATICALLY import sebenza, but we've been able to relatively easily import PowerReviews, RateVoice, and the tool kit version. (Uses a simple Import/Export file for all non-sebenza review -- does not require doing a SQL import like some others :)
                Bruce Golub
                Phosphor Media - "Your Success is our Business"

                Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
                phosphormedia.com

                Comment


                • Originally posted by lesliekirk View Post

                  I'd like to do that too, but it seem that this is how Bill's code works.
                  Leslie, can you show me the code between
                  <!-- IMPORTANT begin remove these 5 lines if you do not want non-logged in, anonymous customers to review //-->
                  and
                  <!-- IMPORTANT end remove these lines if you do not want non-logged in customers to review //-->

                  and also area around (with IF that is checking why should we display the form)
                  <!-- begin review inputs //-->
                  and
                  <!-- end review inputs //-->

                  Comment


                  • Originally posted by AHerb View Post

                    Leslie, can you show me the code between
                    <!-- IMPORTANT begin remove these 5 lines if you do not want non-logged in, anonymous customers to review //-->
                    and
                    <!-- IMPORTANT end remove these lines if you do not want non-logged in customers to review //-->

                    and also area around (with IF that is checking why should we display the form)
                    <!-- begin review inputs //-->
                    and
                    <!-- end review inputs //-->
                    I'll do you one better, here is the link to the entire configuration http://www.emporiumplus.com/v5/tk_rr.txt

                    Leslie Kirk (aka Leslie Nord leslienord)
                    Miva Merchant Certified Developer
                    Miva Merchant Specialist since 1998
                    Previously of Webs Your Way

                    Email me: [email protected]
                    www.lesliekirk.com

                    Follow me: Twitter Twitter Twitter Twitter | Facebook | FourSquare | Pinterest | Flickr

                    Comment


                    • Try this

                      Code:
                      replace:
                      
                      
                      <!-- IMPORTANT begin remove these 5 lines if you do not want non-logged in, anonymous customers to review //-->
                       or
                      <a href="&mvt:global:sessionurl;Store_Code=&mvta:global:store:code;&amp;Screen=PROD&amp;Product_Code=&mvta:global:Product_Code;&amp;review=1" title="Anonymously review this product but no personalized coupon can be mailed to you without your login info. Anonymous reviews require store approval before public display to discourage spam and obscenities.">
                      Write an anonymous review</a>
                      <!-- IMPORTANT end remove these lines if you do not want non-logged in customers to review //-->
                      
                      
                      with:
                      
                      
                      
                      <!-- IMPORTANT begin remove these 5 lines if you do not want non-logged in, anonymous customers to review //-->
                       or
                      <span id="click-me-to-write-a-review" style="color: blue; text-decoration: underline; cursor: pointer;">Write a review</span>
                      <!-- IMPORTANT end remove these lines if you do not want non-logged in customers to review //-->
                      
                      
                      
                      
                      ---------------------------------------------------------------------------------------------------------------------------------
                      
                      
                      replace:
                      
                      <!-- begin review inputs //-->
                      <mvt:if expr="g.review">
                      
                      
                      
                      with:
                      
                      <!-- begin review inputs //-->
                      <div id="my-super-nice-review-form" style="display: none;">
                      
                      
                      
                      
                      ---------------------------------------------------------------------------------------------------------------------------------
                      
                      replace:
                      
                      </mvt:if>
                      <!-- end math challenge input //-->
                      
                      <!-- end review inputs //-->
                      
                      
                      with:
                      
                      </div>
                      <!-- end math challenge input //-->
                      <!-- end review inputs //-->
                      // =================================================================================
                      // ==========>>>> REMOVE 2 lines below if jQuery is already imported <<<<<<< ====================
                      // =================================================================================
                      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
                      
                      <script>
                          $('#click-me-to-write-a-review').click(function() {
                              $('#my-super-nice-review-form').show();
                              $('#click-me-to-write-a-review').hide();
                          });
                      </script>
                      Last edited by AHerb; 07-18-17, 10:48 AM.

                      Comment


                      • It looks like the site has a much older jQuery file but I suspect this may still work. Here's to trying. Thanks!
                        Leslie Kirk (aka Leslie Nord leslienord)
                        Miva Merchant Certified Developer
                        Miva Merchant Specialist since 1998
                        Previously of Webs Your Way

                        Email me: [email protected]
                        www.lesliekirk.com

                        Follow me: Twitter Twitter Twitter Twitter | Facebook | FourSquare | Pinterest | Flickr

                        Comment

                        Working...
                        X