Form input incidence tabs

Home Page Forums WooCommerce Custom Tabs Form input incidence tabs

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author

    Posts

  • #1178

    marta

    Participant

    hi

    We have installed the plugin WooCommerce Custom Tabs.

    We have included a form input Product Tabs but leave us size 0px

    This does not happen but your plugin installed.

    How can we solve this problem?

    Thanks

    #1179

    WebshopLogic

    Keymaster

    Hi Marta!

    We would like to solve the problem, but do not understand exactly what the problem is.
    What does it mean: “We have included a form input Product Tabs but leave us size 0px.”?

    Which form do you include? What size is 0 px?

    What does it mean: “This does not happen but your plugin installed.”?

    Can you send us more exact description or an URL or screenshot, where the problem can be seen?

    Thanks in advance! I hope after clarification of the problem we can solve it.

    Peter Rath
    WebshopLogic

    #1180

    marta

    Participant

    if I do not use your plugin this does not happen …

    Attachments:

    You must be logged in to view attached files.

    #1182

    WebshopLogic

    Keymaster

    Hi,

    This seems to be some kind of css conflict.
    Which plugin do you use to include this form into the tab?

    We have to see this page and it’s html source and css to examine this problem.
    Can you send us a URL where we can see this page?

    Thanks,
    Peter

    #1184

    WebshopLogic

    Keymaster

    Hi,

    One more thing.
    You wrote that before installing this plugin, this behavior was not occurred.

    Have you tried it on a standard WooCommerce tab (e. g. Description tab) before installing our plugin?

    If not, please inactivate our plugin, and insert this form to the standard Description tab of WooCommerce, whether the problem occurs without our plugin or not. Please send a screenshot about it.

    Please also send the URL of your site where the original problem can be seen (according to our previous post).

    Thanks in advance.

    Peter Rath
    WebshopLogic

    #1185

    marta

    Participant

    Hi

    We have disabled your plugin and we have added the form in the description and we visualize the form correctly.

    I send you the url and the screenshot:

    http://goandweb.com/proyectos/avante/curso/abap-para-consultores-funcionales/

    Thanks

    Attachments:

    You must be logged in to view attached files.

    #1188

    WebshopLogic

    Keymaster

    Hi,

    I saw that version, when the plugin is inactive.
    Please activate the plugin, to see the “0 px” size form problem.

    Thanks,
    Peter

    #1189

    marta

    Participant

    It is already activated the plugin

    #1191

    WebshopLogic

    Keymaster

    Hi!

    I see that Contact Form 7 (WPCF7) plugin generate your input fields with style=”width: 0px;”, that is why the fields are too narrow.
    You can see it on the attached screenshot (goandweb1.png) and the html code below:
    <input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Nombre / Empresa *" style="width: 0px;">

    We try the plugin and WPCF7 plugin on another site, and they work together perfectly (see the second attached screenshot – goandweb2.png).

    We do not know what is the reason of Contact Form 7 generate 0 px wide fields on your site, but “width: 0px;” tag is definitely in Contact Form 7 line, so we suppose ask Contact Form 7 support about it.

    Some more ideas:

    • Please insert some other context before the form on the tab, because on Descripción tab contains other content, not only the form, and on that tab form display was correct. There is no difference between standard Descripción tab and your custom tab (both generated by WooCommerce, our plugin just defines another tab, WooCommerce displays it but do not apply any CSS or HTML settings).
    • Please see Contact Form 7 settings, if you have parameters about field width, please try to change it (ig. a fix width)
    • Maybe try to activate another style, to see if the problem still exists? So the problem depend on the style or not?

    One more interesting behavior of Contact Form 7 on your site: if I right click on a field and chose “Inspect element” menu in Chrome, the form will be displayed perfectly. You may ask the reason of it from Contact Form 7 support also. (See the 3. attached screenshot – goandweb3.png)

    So this problem seems to be in connection with Contact Form, please ask them, try out the ideas above (especially the first).

    If you have more questions, or if have have the answer of Contact Form support, please let us know and do not hesitate to contact us.

    Best Regards,
    Peter Rath
    WebshopLogic

    Attachments:

    You must be logged in to view attached files.

    #1198

    marta

    Participant

    thanks, we have fixed it with css

    #1200

    WebshopLogic

    Keymaster

    Ok, thanks for the feedback.

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