Custom Field Before add to cart button

  • Resolved kravzz1

    (@kravzz1)


    3 years, 2 months ago

    Hello Booster team. thanks for this amazing plugin. i have problem with ( Custom input field in product) the custom textarea is not showed good because it’s puted inside a (d-flex) class that force it looking vertical.

    the problem is i can’t delete the d-flex from my theme because it’s will effect the other fields style.

    all i need to do is to put the (custom fields) before the div that include form-group d-flex align-items-center classes not the button.

    and when i doing it in front end manually using my browser it’s worked:

    My request is can you offer a option to add the fields data before the cart class ? to prevent it from effected in other classes styles ?

    for my theme “cartzilla” all the problem is came from the div that include the “D-flex” class

    So if you have custom help for my usecase please help me.

    how can i move the fields to a one div before current one.

    Thanks in advance.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support David G

    (@gravid7)

    Hi @kravzz1

    Thanks for reaching out to us.

    We can help you to add custom Js code from the module. If possible you can provide us website URL. So, we can check and help you.

    Thread Starter kravzz1

    (@kravzz1)

    Sure, you can check it here sir.

    https://source.iraki.net/DPvo

    • This reply was modified 3 years, 2 months ago by kravzz1.
    Plugin Support David G

    (@gravid7)

    Hi @kravzz1

    Thanks for sharing the URL. Please try to enable the “Custom JS” module and add the below JS code. This should work and it will dynamically remove this class.

    jQuery(document).ready(function(){
	if(jQuery(".form-group.d-flex.align-items-center")){
		jQuery(".woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled .form-group.d-flex.align-items-center").removeClass("d-flex");
	}
});
    Thread Starter kravzz1

    (@kravzz1)

    Thanks for your reply David.

    sadly the problem still exist. i tried to clear cache and tried another browser still same style.

    even if it’s worked it will effect other products style (for example product without variations)

    For example in single order:

    i think the only way is to move the booster fields to before the cart class.

    • This reply was modified 3 years, 2 months ago by kravzz1.
    Plugin Support David G

    (@gravid7)

    Hi @kravzz1

    You can try to add the script to the footer section instead of the header. Also, please try to add the below code so, it will apply after the loading window. Also, if it’s conflicting with other elements please try to add a unique class to each field so, I can try to provide modified code that will only apply to these custom fields.

    jQuery(window).load(function(){
	if(jQuery(".form-group.d-flex.align-items-center")){
		jQuery(".woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled .form-group.d-flex.align-items-center").removeClass("d-flex");
	}
});
    Plugin Support David G

    (@gravid7)

    Hi @kravzz1

    I haven’t heard back from you, so I believe the issue has been resolved.
    I’m marking this topic complete, please feel free to open a new thread for any further queries.

    Thread Starter kravzz1

    (@kravzz1)

    Thank you. very much David. yes its solved.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Custom Field Before add to cart button’ is closed to new replies.