zworthkey12vaibhav

@jillyspence I checked and rectified the code
Paste this code

function zwk_load_js() {
    if(is_page(18)){
    wp_register_script( 'gdgt-base', get_template_directory_uri() . '/js/main.js', array( 'jquery' ), NULL, false );
    wp_enqueue_script( 'gdgt-base' );
}
}

add_action( 'wp_enqueue_scripts', 'zwk_load_js' );

It works for me
Check if that works for you, just change the file name.

Hope that work

Thank You

• This reply was modified 3 years, 2 months ago by zworthkey12vaibhav.
• This reply was modified 3 years, 2 months ago by zworthkey12vaibhav.

@jillyspence That should be working.
You can check if the script is enqueued using this function on that page using of any of the hook wp_script_iswp_script_is()`.

Determine if that script is enqueued.

I will check your function in my environment and give the whole function.

Don’t worry

@asaad202 Above function will add the product after checkout. This means the user will not be able to see the product adding to the cart. If you wish that you can proceed with the above function.

If you want to show adding product to the user you can use ajax.

Thanks and Regards

Hi, @nateosborne there’s been an error in your fonts. Those are the symbol respectively.

You can view errors from any browser console just go to developer mode in your browser.

If you resolve that, the issue will be resolved automatically.

Thank You

@3sonsdevelopment Thank you for your reply. Now I understand.

Hi @matarelovejoy,

Well, You can use this css code.

.woocommerce.single-product .product .yith-ywraq-add-to-quote {
    margin-top: -75px;
    margin-left: 340px;
    width: 40%;
}
.elementor-92699 .elementor-element.elementor-element-f3f32b9 .cart button {
    width: 40%;
}
a.add-request-quote-button.button.disabled{
   width :100%
}

Past above code to Admin Dashboard > Appereance > Customize > Additional CSS

Hope that work
Thank you

@izzahfar

Yes, it will affect every other page. But that’s not a solution contact your theme support.

Hi @qtfish,

You can raise thread to the plugin forum they will help out.

Here is the link to the plugin support froum.
https://www.ads-software.com/support/plugin/woocommerce-delivery-notes/

Thank You

@izzahfar,

For now, I will recommend contacting your designer or theme support this is not a simple issue which you can easily.

But for between this process you can past this code it will remove the menu which is showing on scroll.

div.nav-menu{
display:none;
}

Past this code to Admin Dashboard > Appearance > customize > Addtional CSS

Thank You

Hi @izzahfar,

Did you use a custom theme?

Hi @asaad202,

You getting it all wrong. When a page is loaded it becomes static. Some of the hooks check the input and perform ajax accordingly. But the hooks you used will not.

Concerning AJAX, it is a jQuery function that helps you to listen to the input or anything perform some action Or run a PHP function.

What I meant in my previous reply was, If you want to add a free product in the cart when a checkbox is checked then you have to add jQuery Script to that particular id of Checkbox and perform the function through ajax. It will work without refreshing the page.

If you are not familiar with ajax then you can use this link
https://www.sitepoint.com/how-to-use-ajax-in-wordpress-a-real-world-example/

Thank You

@ramaraob,

I cannot, it is not possible to debug the script externally.

You can do it by yourself by deactivating the plugins one by one and see the effect.

I hope you understand.

Hi @jillyspence,

Everything is fine just use the name of the js file you registered above.

for reference

add_action( 'wp_enqueue_scripts', 'pr_scripts_styles' );
}

function pr_scripts_styles() {
if( is_page(18) ) {
wp_enqueue_script( 'main-js');      

}

It will work

Thank You

@ramaraob,

Not only that if you check your site in developer mode there are lots of issues in the console.

That is causing the issue.

Thank You

Hi @ramaraob,

I looked to your checkout page and try to resolve it through css but their is a problem. A custom css is adding constantly when you scroll the mouse to both the section through jquery or javaScript

Which makes it nearly impossible to solve externally. You have to check which code is causing the issue through your panel.

If you do that your problem will be solved.

I hope I make things very clear. If still have questions can ask freely.

Thank You