Announcement

Collapse
No announcement yet.

Make quickview a little quicker! (solution to #top)

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

  • Make quickview a little quicker! (solution to #top)

    I did not want to be limited to using the quickview the way they wanted us to use it... quickview button appearing over image... i feel its confusing, and the customer does not know the difference between clicking the button "quickview" and clicking the image... I asked support if I could just make my own quickview button (they were no help at all in this regard, though their refusal to give me the code helped in a round about way)

    Anyway, the code for making your own quickview button is EXTREMELY simple.

    Just make a button or a div and use the following for its action:
    Code:
    onclick="open_product('product.asp?itemid=[catalogid]&gclid=1&qv=1&'); return false;"
    example:
    Code:
    <button type="submit" class="positive" onclick="open_product('product.asp?itemid=[catalogid]&gclid=1&qv=1&'); return false;"><img src="assets/images/designelements/icons/cart_go.png" alt=""/> 
    Quick View</button>
    Now I can have a button that says "quick view" or anything else i want it to say. This also has the added benefit of getting rid of the "top link" making your page go back up to the top whenever the quickview is pressed.

    To get the quickview to not show up on your thumbnails anymore, simply replace:
    Code:
    <img src="thumbnail.asp?file=[THUMBNAIL]&maxx=150&maxy=0" align="middle" border="0" alt="[name]" >
    With:
    Code:
    <img src="thumbnail.asp?file=[image1]&maxx=150&maxy=0" align="middle" border="0" alt="[name]" >

  • #2
    This is great!! solution I've been looking for to get rid of the #top
    I am sure many others will appreciate your research and dev on this
    Elegant Weddings +
    www.elegantweddingsplus.ca
    www.elegantweddingsplus.com

    Comment


    • #3
      Thanks David for sharing

      Should Quick_view ever work as intended we may have to give this a try!
      .
      Clayton
      Go Live Industries

      Comment


      • #4
        David.
        I just sent you a message via your web site - your Quick View code caused major problems for me as a shopper. I provided details in the message - if it doesn't make sense let me know.

        Basically it wouldn't remove the pop-up screen and gave me no way to exit it - I had to completely close the tab and exit your store.

        I'm using IE 9 - hope it helps.
        C Ekman
        Owner/Designer: Cobweb Corner
        http://www.cobwebcorner.com

        Comment


        • #5
          Originally posted by cekman View Post
          David.
          I just sent you a message via your web site - your Quick View code caused major problems for me as a shopper. I provided details in the message - if it doesn't make sense let me know.

          Basically it wouldn't remove the pop-up screen and gave me no way to exit it - I had to completely close the tab and exit your store.

          I'm using IE 9 - hope it helps.
          I fixed the problem... thank you for letting me know! it had the added benefit of now allowing the quick-cart to stay on the category page... I think they have made updates to the common/templates in the last week or so.

          Comment


          • #6
            Looks GREAT now.... good job!
            C Ekman
            Owner/Designer: Cobweb Corner
            http://www.cobwebcorner.com

            Comment


            • #7
              Hide Quick View Btns alternative

              Originally posted by NMTEACO View Post
              I did not want to be limited to using the quickview the way they wanted us to use it... quickview button appearing over image... i feel its confusing, and the customer does not know the difference between clicking the button "quickview" and clicking the image... I asked support if I could just make my own quickview button (they were no help at all in this regard, though their refusal to give me the code helped in a round about way)

              Anyway, the code for making your own quickview button is EXTREMELY simple.

              Just make a button or a div and use the following for its action:
              Code:
              onclick="open_product('product.asp?itemid=[catalogid]&gclid=1&qv=1&'); return false;"
              example:
              Code:
              <button type="submit" class="positive" onclick="open_product('product.asp?itemid=[catalogid]&gclid=1&qv=1&'); return false;"><img src="assets/images/designelements/icons/cart_go.png" alt=""/> 
              Quick View</button>
              Now I can have a button that says "quick view" or anything else i want it to say. This also has the added benefit of getting rid of the "top link" making your page go back up to the top whenever the quickview is pressed.

              To get the quickview to not show up on your thumbnails anymore, simply replace:
              Code:
              <img src="thumbnail.asp?file=[THUMBNAIL]&maxx=150&maxy=0" align="middle" border="0" alt="[name]" >
              With:
              Code:
              <img src="thumbnail.asp?file=[image1]&maxx=150&maxy=0" align="middle" border="0" alt="[name]" >

              Another way of hiding the "Quick View" buttons is to add the following CSS to your default.css file.

              #qv_buttons {
              display: none;
              }

              This is less intrusive and hides the buttons. Although it does not remove the JS code that make the buttons.

              I made my own Quick View feature and needed to remove the built in one as it was way to slow and not what I was looking for (no one like tables). Unfortunately if you want to use Quick Cart you MUST also use Quick View, this method solved my problem.

              Hope this helps someone.
              - Peace
              www.ifilters.net

              Comment


              • #8
                Make Quick View Add to Cart go back to Category Page

                This is an old post but the similar subject, so I thought I would add to it.

                I am using the standard Quick View feature. The Add to Cart button on the popup redirects to the product page.
                How do I make it stay on the category page where it came from? After clicking Add to Cart on the Popup, I just want the Popup to go away and nothing else changes.
                Code:
                <td class="price-info" style="padding-left: 0px;"><input type="button" style="width: 100px;height: 25px;line-height: 21px;padding:0px;margin:0px;" onClick="check_and_add(document.add);" name="Add" value="[product_addtocart]" class="btn" onMouseOver="this.className='btn_over'" onMouseOut="this.className='btn'"></td>
                Thanks.

                Comment


                • #9
                  elightbox - I tested that out on my site and it works the way you want it, though I don't recall making any changes to it. Feel free to check out Welcome to Allparts Music - Guitar, Bass, and Amp Parts Supplier to see what adjustments you need to make.
                  - Dean P. e-commerce and small business consulting

                  Comment


                  • #10
                    Thanks Dean.

                    In researching this, I found out that if you have Quick Cart enabled along with Quick View, then the page stays on the Category Page after clicking Add to Cart.
                    However if you only use Quick View without Quick Cart, then Add to Cart redirects to the product page.

                    from our surveys, we found out that customers did not like Quick Cart, and it interfered with the shopping flow. Most of our customers add multiple items when shopping and the Quick Cart just adds extra clicks to the process.

                    Comment


                    • #11
                      That's interesting and good to know. Thanks for clearing up how that works.
                      - Dean P. e-commerce and small business consulting

                      Comment


                      • #12
                        While testing this today, I determined the original code needs to be changed.

                        The code to use now is:

                        Code:
                        <a class="qv" href="javascript:void();" onclick="open_product('product.asp?lt_c=1&itemid=[catalogid]&qv=1');">Quick View</a>
                        You will notice the variable gclid has been changed to lt_c. Make that minor change and it works great.

                        jeff
                        Jeff

                        The Wedding Printer

                        Comment

                        Working...
                        X