Uploaded image for project: 'OFBiz'
  1. OFBiz
  2. OFBIZ-6961

popup fades in and out non-stop when hovers on a product image in list view

    Details

      Description

      Problem
      ========
      Go to https://localhost:8443/ecommerce/gift-cards-GC-100-c
      When the mouse hovers on a product image in a list view, the popup fades in and out non-stop.

      Cause
      =====
      The list view has a narrower height than the grid (matrix) view. This causes the popup to overlay on the target and results in the cycling.

      Quick Fix
      ==============
      To illustrate the problem, we change the display to grid view, instead of list view, by append the following to the CatalogDetail.groovy file

      context.put("numCol", 3);
      context.viewSize = 12;

      Better Solution
      ===============
      Use tooltip from jQuery UI. Works correctly when the products are displayed in list view / grid view. A patch will be provided.

        Activity

        Hide
        jamesyong james yong added a comment -

        Patch to use jquery tooltip

        Show
        jamesyong james yong added a comment - Patch to use jquery tooltip
        Hide
        jamesyong james yong added a comment -
        Show
        jamesyong james yong added a comment - While testing with firefox, the following error occurred NetworkError: 404 Not Found - https://localhost:8443/images/jquery/ui/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png I get the missing file from https://jquery-ui.googlecode.com/svn/tags/1.8.2/themes/smoothness/images/ui-bg_flat_75_ffffff_40x100.png
        Hide
        jacques.le.roux Jacques Le Roux added a comment -

        Thanks James,

        Your patch is committed in
        trunk r1736851
        R15.12 r1736855
        R14.12 r1736856
        R13.07 r1736857
        R12.04 r1736858
        I checked, there should not be other cases like this.

        About the jquery/ui/css/smoothness/images. There were 13 occurrences, all in ecommain.css. This from the start when I merged the jQuery branch in trunk in 2010. The solution I found was to replace the jquery/ui/css/smoothness/images path by jquery/plugins/elrte-1.3/css/smoothness/images. Fortunately we have them all there.
        Fixed in
        trunk r1736854
        R15.12 r1736859
        R14.12 r1736860
        R13.07 r1736861
        R12.04 r1736862
        Thanks for the report!

        Show
        jacques.le.roux Jacques Le Roux added a comment - Thanks James, Your patch is committed in trunk r1736851 R15.12 r1736855 R14.12 r1736856 R13.07 r1736857 R12.04 r1736858 I checked, there should not be other cases like this. About the jquery/ui/css/smoothness/images. There were 13 occurrences, all in ecommain.css. This from the start when I merged the jQuery branch in trunk in 2010. The solution I found was to replace the jquery/ui/css/smoothness/images path by jquery/plugins/elrte-1.3/css/smoothness/images. Fortunately we have them all there. Fixed in trunk r1736854 R15.12 r1736859 R14.12 r1736860 R13.07 r1736861 R12.04 r1736862 Thanks for the report!

          People

          • Assignee:
            jacques.le.roux Jacques Le Roux
            Reporter:
            jamesyong james yong
          • Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved:

              Development