Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #594011

    Hi
    I have a draft wholesale product I created. For this product I used the WooCommerce Gravity Product Addon plugin and created my form with Gravity Form.

    Not all fields display correctly. The dropdown boxes appear doubled up and the dropodown content does not get displayed.

    I took a screenshot here:
    https://www.dropbox.com/s/130znbm76rgm9rm/GF%20product%20addon%20form%20issue.jpg?dl=0

    Although this product is visible only to wholesale customers, (because the restriction is not yet working) you can view the test product here:
    http://www.herbalhealinginc.com/product/cleansing-tea-copy

    I did report this issue with WooThemes support and they responded to say it was a theme issue. Here’s a summary of their response:
    I tested with the live preview of a different theme and the issue is gone.
    Enfold replace each dropdown with a custom version of it, which creates that issue.

    I have provided login credentials in the private content area, should you need to go to the admin area.

    Thank you
    Lyse

    #595433

    Hi tremblayly!

    Thank you for using Enfold.

    Could you please provide a link to the actual product page with the issue? is this a variable product? The link above redirects us to the shop overview page.

    UPDATE: Note that the theme doesn’t modify or configure the variant selection drop down in anyway.

    Best regards,
    Ismael

    #595596

    Hi Ismael,

    Because these products are only accessible to wholesale customers you cannot access them.
    Use this one here that I’ve made public temporarily: http://herbalhealing.staging.wpengine.com/product/stress-release-tea-copy (hosted on WPengine)

    Yes these are variable products

    Thanks
    Lyse

    #597604

    Hi!

    Add this in the Quick CSS Field:

    .gform_body, #top .variations_form {
        overflow: visible;
        z-index: 10000;
        position: relative;
    }

    Cheers!
    Ismael

    #597800

    Hi Ismael,

    The CSS your provided does not fix the problem.

    Sorry….

    Lyse

    #599357

    Hi!

    I tested it again and it is working as expected. Please add this:

    .single_variation_wrap {
        overflow: visible;
    }

    Screenshot: http://imgur.com/X2lliSn

    Best regards,
    Ismael

    #600722

    Hi Ismael,
    I’m so sorry to say that it’s not working for me. I tried several other options, no change. I even tried using !important for all of the css elements without success. I shutdown my computer to make sure all cache was cleared. I even tried a different computer and the problem is still them.

    I now have the product on my live site here where the problem still exists: http://www.herbalhealinginc.com/product/stress-release-tea-case

    Thank you for your patience
    Lyse

    #600723

    Hi Ismael,

    I just decided to review my form. When I disabled the “enable user interface” for all of my field, the problem went away. The dropdown list is not as nicely styled but it works!

    Thanks for all of your help
    Lyse

    #601076

    Hi Lyse,

    Great, glad you got it working. Please let us know if you should need any more help on the topic.

    Best regards,
    Rikard

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.