Customise the add product form

We're shifting our Forum based support to a more dedicated support system!

We'll be closing our Forum support from 10th June, 2020 and move to Email Support assistance.

  • If you are a WCFM premium add-ons user, contact us- here
  • Want to know more before buying our add-ons? Send Pre sale queries- here
  • If you are a WCFM free user, please open a support ticket at WordPress.org
  • For WCFM App related queries, reach us- here
From now the forum will be read-only!

Multi Vendor Marketplace Plugin | WCFM Marketplace Forums WCFM Customise the add product form

Viewing 29 reply threads
  • Author
    Posts
    • #115959
      Avatarashley.younguk
      Participant

      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

    • #116278
      AvatarMolay Das
      Keymaster

      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,

      • #141001
        AvatarMathew Wright
        Participant

        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?

    • #118421
      Avatarashley.younguk
      Participant

      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,

    • #119077
      Avatarashley.younguk
      Participant

      Any ideas on this?

    • #119095
      AvatarMolay Das
      Keymaster

      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,

    • #119096
      Avatarashley.younguk
      Participant
      This reply has been marked as private.
    • #119364
      Avatarashley.younguk
      Participant

      Any luck looking at this…

    • #119781
      Avatarashley.younguk
      Participant

      Can someone please help with this?

    • #119782
      AvatarMolay Das
      Keymaster

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

    • #119783
      Avatarashley.younguk
      Participant

      Thank you 🙂

    • #119826
      AvatarMolay Das
      Keymaster

      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,

    • #119834
      Avatarashley.younguk
      Participant
      This reply has been marked as private.
    • #119835
      Avatarashley.younguk
      Participant
      This reply has been marked as private.
    • #119888
      Avatarashley.younguk
      Participant

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

    • #120020
      Avatarashley.younguk
      Participant

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

      Thank you!

    • #120021
      AvatarMolay Das
      Keymaster

      Hi,

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

      Thanks,

    • #120024
      Avatarashley.younguk
      Participant

      WOW that was a quick response – thank you!

    • #120056
      AvatarMolay Das
      Keymaster

      Hi,

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

      Thanks,

    • #120063
      Avatarashley.younguk
      Participant
      This reply has been marked as private.
    • #120072
      AvatarMolay Das
      Keymaster

      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,

    • #120074
      AvatarMolay Das
      Keymaster
    • #120075
      Avatarashley.younguk
      Participant
      This reply has been marked as private.
    • #120077
      AvatarMolay Das
      Keymaster

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

    • #120079
      Avatarashley.younguk
      Participant

      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…

    • #120086
      Avatarashley.younguk
      Participant

      *doesn’t work

    • #120087
      Avatarashley.younguk
      Participant

      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);
      	});
      });
    • #120109
      Avatarashley.younguk
      Participant

      Hello?

    • #120255
      AvatarMolay Das
      Keymaster

      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,

    • #120259
      Avatarashley.younguk
      Participant

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

    • #120260
      AvatarMolay Das
      Keymaster

      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,

Viewing 29 reply threads
  • You must be logged in to reply to this topic.