How to remove and minimize Add Product section by Vendor?

  • Resolved ananddevops

    (@ananddevops)


    5 years, 5 months ago

    Hello,

    When a vendor has logged in and Adding a product, there is much data that needs to be filled in. In my case some of them are irrelevant at this stage eg. Shipping. This will be introduced at a later stage. Hence I don’t want the Vendor to have to update that detail while adding a product. Similarly there are other fields.

    I understand that some of the fields are a must and there must be relevant validation for the same.

    1. What are those sections and their respective fields?
    2. How can I remove the ones which are not necessary?

    Thanks

Viewing 10 replies - 1 through 10 (of 10 total)
  • Dualcube

    (@dualcube)

    5 years, 5 months ago

    Hi @ananddevops, thanks for the queries.

    Our replies are inline :
    1. What are those sections and their respective fields?
    >> Our plugin follows the same flow of Add Product, just like WooCommerce. So, the mandatory field is only the Name of the product.
    Rest of the fields are optional.

    2. How can I remove the ones which are not necessary?
    >> You can remove the fields either by applying custom CSS via WCMp >> Settings >> Vendor >> Vendor Frontend >> Custom CSS. Alternatively, you can also override the “add-product.php” template file by copying it to yourtheme/dc-product-vendor/vendor-dashboard/product-manager/add-product.php and remove the fields.

    Let us know if you have any further query.

    Thread Starter ananddevops

    (@ananddevops)

    5 years, 4 months ago

    Is there an example for the CSS in the WCMP documentation?

    Thread Starter ananddevops

    (@ananddevops)

    5 years, 4 months ago

    I have figured out the fields for Add Product Page from add-product.php, now jst need to understand

    1. What should be the Custom Css to hide single input field and their label
    For example – sale_date_from
    2. What should be the Custom Css to hide a section of input fields and their labels
    For example – wcmp_fpm_fields_inventory

    in Custom Css under Vendor Frontend.

    Thanks

    Dualcube

    (@dualcube)

    5 years, 4 months ago

    @ananddevops, can you please share screenshots mentioning which fields you want to fields, so we can share the css accordingly.

    Thread Starter ananddevops

    (@ananddevops)

    5 years, 4 months ago

    Surely. Please see screenshots

    1. For Fields
    2. For Sections

    Hope that helps.

    Thanks

    Thread Starter ananddevops

    (@ananddevops)

    5 years, 4 months ago

    Sorry also the virtual checkbox

    screenshot

    Dualcube

    (@dualcube)

    5 years, 4 months ago

    @ananddevops, In order to remove the fields, add this following CSS via WCMp >> Settings >> Vendor >> Vendor Frontend >> Custom CSS : 

    .form-group.pro_ele.simple.external.non-grouped.non-booking.non-accommodation-booking.non-variable.non-variable-subscription.non-redq_rental.non-auction.sale_date_from_wrapper,.form-group.pro_ele.simple.external.non-grouped.non-booking.non-accommodation-booking.non-variable.non-variable-subscription.non-redq_rental.non-auction.sale_date_upto_wrapper, .form-group.visibility_wrapper, h3#ui-id-11, h3#ui-id-15, h3#ui-id-17, h3#ui-id-19,.form-group.is_virtual_wrapper {
    display: none;
}
    Thread Starter ananddevops

    (@ananddevops)

    5 years, 4 months ago

    @dualcube

    Much much appreciate the help.

    The two sections which still show are as in the screenshot . Tried some in between uids, drawing from your code snippet, but since I am doing the same with no knowledge I couldn’t seem to get it to work.

    Also since virtual has been removed from this page, would also want to have the same removed from the the filter dropdown – screenshot

    Also forgot to mention that I would like the Sale Price field to be removed under General.

    Thanks

    Thread Starter ananddevops

    (@ananddevops)

    5 years, 4 months ago

    Thanks for the code snippet, with the help of the same I was able to customize the rest

    .form-group.pro_ele.simple.external.non-grouped.non-booking.non-accommodation-booking.non-variable.non-variable-subscription.non-redq_rental.non-auction.sale_date_from_wrapper,.form-group.pro_ele.simple.external.non-grouped.non-booking.non-accommodation-booking.non-variable.non-variable-subscription.non-redq_rental.non-auction.sale_date_upto_wrapper,.form-group.pro_ele.simple.external.non-grouped.non-booking.non-accommodation-booking.non-variable.non-variable-subscription.non-redq_rental.non-auction.sale_price_wrapper, .form-group.visibility_wrapper, h3#ui-id-9, h3#ui-id-11, h3#ui-id-13, h3#ui-id-15, h3#ui-id-17, h3#ui-id-19,.form-group.is_virtual_wrapper {
    display: none;
}

    That leaves me with the Virtual value from the dropdown in All Products page as provided in screenshot

    Thanks

    Thread Starter ananddevops

    (@ananddevops)

    5 years, 4 months ago

    Sorry hadn’t notice, but Type Options are available in Admin section

    WCMP –>> Settings –> Capabilities –> Type Options.

    Unchecked it there and the last query is also resolved.

    Thanks.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How to remove and minimize Add Product section by Vendor?’ is closed to new replies.