Customise the add product form

[ashley.younguk]

Hi

I would like to change the options at the bottom of the add product form, the bit that contains the tabs for inventory, shipping, attributes etc..

Rather than tabs I would like them all displayed on the one page. Is that possible?

Can you point me in the right direction?

Thank you

[Ramamurthy Krishnan]

Hi,

Please add the below code to your child theme’s functions.php file or if you are not using any child theme then please use Code Snippets plugin (https://wordpress.org/plugins/code-snippets/) to add this code to your site.

add_action( 'after_wcfm_products_manage', function() {
	?>
  <style>
  .wcfm-tabWrap .page_collapsible, .wcfm-tabWrap .page_collapsible + .wcfm-container {
  	width: 98% !important;
  	position: relative !important;
  }
  .wcfm-tabWrap {
  	height: auto !important;
  }
  </style>
  <script>
  jQuery( document ).ready( function( $ ) {
  	setTimeout(function() {
  		$('.wcfm-tabWrap .page_collapsible').off('click');
  		$('.wcfm-tabWrap').find('.wcfm-container').removeClass('collapse-close').addClass('collapse-open').show();
  	}, 2000 );
  });
  </script>
	<?php
});

Thanks,

[Mathew Wright]

I also need everything to be on the main page without tabs. Tried adding this snippet to my functions.php but no luck. Would you guys be able to take a look for me please?

[ashley.younguk]

Great – thank you that worked, however now I have a problem with variations.

If the product is a variable product and I scroll down to attributes and add some they do not show in the variation section unless I untick ‘Use as variation’ and then tick it again. Is there a way to make the ‘use as variation’ checkbox uncheck by default so the vendor has to check the box in order to generate the variation?

Thank you,

[ashley.younguk]

Any ideas on this?

[Ramamurthy Krishnan]

Hi,

“Use as variation” option checked by default and it should not behave like you said. Still can you please share us your website login details as private reply here. We need to check the issue.

Thanks,

[ashley.younguk]

This reply has been marked as private.

[ashley.younguk]

Any luck looking at this…

[ashley.younguk]

Can someone please help with this?

[Ramamurthy Krishnan]

Yes we’re looking into it, will let you know asap.

[ashley.younguk]

Thank you 🙂

[Ramamurthy Krishnan]

Hi,

Please go by the following steps:

1) First create a js file named “custom-script.js” and put it inside the “js” folder (if you don’t have a “js” folder then create it) of your child theme.
2) Add the below code to your newly created “custom-script.js” file.

jQuery( document ).ready( function( $ ) {
	$( ".wcfm_add_attribute" ).click(function() {
		$(".wcfm_input_attributes .variable-subscription").last().prop("checked", false);
	});
});

3) Add the below code to your child theme’s functions.php file.

add_action( 'wp_enqueue_scripts', 'custo_scripts_enqueue_styles', 99999 );
function custo_scripts_enqueue_styles() {
	wp_enqueue_script( 'custom-script', get_stylesheet_directory_uri() . '/js/custom-script.js', array( 'jquery' ), '1.0', true );
}

Thanks,

[ashley.younguk]

This reply has been marked as private.

[ashley.younguk]

This reply has been marked as private.

[ashley.younguk]

Hello – did you get chance to look at this again?

[ashley.younguk]

Sorry to nag but I really need this looking at so I can move forward!

Thank you!

[Ramamurthy Krishnan]

Hi,

We’re looking into it, will update you today.

Thanks,

[ashley.younguk]

WOW that was a quick response – thank you!

[Ramamurthy Krishnan]

Hi,

Implemented it to your website, its working now.
You didn’t enqueue the js script correctly.

Thanks,

[ashley.younguk]

This reply has been marked as private.

[Ramamurthy Krishnan]

Hi,

I’ve tested it. it’s working fine.
Please clear your browser cache and then hard refresh, it will work. You can also check it in incognito mode.

Thanks,

[Ramamurthy Krishnan]

Please check this video: https://drive.google.com/file/d/18IAUZDFCjRrjyflTKKOpV1GbBs5p_mkC/view

[ashley.younguk]

This reply has been marked as private.

[Ramamurthy Krishnan]

Please check the video link I sent, you can see it’s working fine here. It must be a cache issue from your end.

[ashley.younguk]

Ah ok – I see it works if you create a new attribute, but what about the ones that have already been created (by me). If someone clicks on colour it does work…

[ashley.younguk]

*doesn’t work

[ashley.younguk]

Could I also add this

jQuery( document ).ready( function( $ ) {
	$( ".collapsed_checkbox[data-name="is_active"]" ).click(function() {
		$(".wcfm_input_attributes .variable-subscription").last().prop("checked", false);
	});
});

[ashley.younguk]

Hello?

[Ramamurthy Krishnan]

Hi,

Replace the previous code with the below given code in custom-script.js file.

jQuery( document ).ready( function( $ ) {
	$( ".wcfm_add_attribute" ).click(function() {
		$(".wcfm_input_attributes .variable-subscription").last().prop("checked", false);
	});

	$( ".wcfm_defined_attributes input.attribute_ele" ).click( function(event) {
		setTimeout( function() {
	  	$(event.target).closest('.wcfm_defined_attributes').find('.variable-subscription').prop( "checked", false );
	  }, 900 );
	});
});

Thanks,

[ashley.younguk]

Perfect – that worked amazingly – thank you for all your help 🙂

[Ramamurthy Krishnan]

Hi,

You’re most welcome. 🙂

Can we ask for a favor? Would you mind taking a few minutes to review our plugin at https://wordpress.org/support/plugin/wc-multivendor-marketplace/reviews/ and let others know about your 5 Star experience with WCFM Marketplace. Also, follow us on Twitter https://twitter.com/wcfmmp for more exciting news, important updates, and irresistible offers.

Thanks,

[Author]

Posts