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
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

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

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

    #2
    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

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    Comment


      #3
      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


        #4
        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
        Miva Certified Developer
        Miva Merchant Specialist since 1997
        Previously of Webs Your Way
        (aka Leslie Nord leslienord)

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

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

        Comment


          #5
          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

          Miva Web Developer
          Alchemy Web Development
          https://www.alchemywebdev.com
          Site Development - Maintenance - Consultation

          Miva Certified Developer
          Miva Professional Developer

          https://www.dev4web.net | Twitter

          Comment


            #6
            ..,.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


              #7
              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
              Miva Certified Developer
              Miva Merchant Specialist since 1997
              Previously of Webs Your Way
              (aka Leslie Nord leslienord)

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

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

              Comment


                #8
                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


                  #9
                  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


                    #10
                    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
                    Miva Certified Developer
                    Miva Merchant Specialist since 1997
                    Previously of Webs Your Way
                    (aka Leslie Nord leslienord)

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

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

                    Comment


                      #11
                      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, 09:48 AM.

                      Comment


                        #12
                        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
                        Miva Certified Developer
                        Miva Merchant Specialist since 1997
                        Previously of Webs Your Way
                        (aka Leslie Nord leslienord)

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

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

                        Comment

                        Working...
                        X