wcfm products page – single page layout

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 wcfm products page – single page layout

Viewing 2 reply threads
  • Author
    Posts
    • #103325
      ian-guy
      Participant

      Hi, sorry to bother so soon after asking for help yesterday. Is it possible to have the products page layout change to a single long page while keeping all the form inputs. I would like to have the input fields from the tabs just continue after the description input. My project is very minimal so tabs are overkill for the time being. see attachment

      ideally id like to have the input fields from the custom tabs above the description input if possible as well.

      Attachments:
      You must be logged in to view attached files.
    • #103430

      Hi ian-guy,

      Its not at all bothering for us. You’re most welcome.
      As it’s a custom work so please contact us here for the purpose: https://wclovers.com/woocommerce-multivendor-customization/

      We’ll get back to you.

      Thanks,

    • #105758
      WCFM Forum
      Member

      Hi,

      Please add this code to your site for the purpose-

      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
      });

      Add this code to your child theme’s functions.php
      In case you do not have child theme then add code using this plugin – https://wordpress.org/plugins/code-snippets/

      Thank You

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