Cosmetic question: Vendor Store page header

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 – Ultimate › Cosmetic question: Vendor Store page header

Viewing 4 reply threads
  • Author
    Posts
    • May 1, 2020 at 7:27 pm #125451
      Henriette
      Participant

      Hi great team,

      I really like the layout of the Vendor Store page.
      But when a vendor chooses not to display the address, email, telephone etc. on the store then the store header looks very big and massive.
      I would like to see the store header to auto adjust depending on what vendor decides to display in store.
      At least till right under the stars.

      I have tried to change this css code:

      #wcfmmp-store #wcfm_store_header {
      background: #2f2f2f;
      display: block;
      min-height: 130px;
      }

      I tried 100% and auto both with !important; but unfortunately that does not work.

      I have hidden right side store header with the social part so that should not be a problem to auto adjust the header right?

      Please see attachment.

      Thank you.

      Attachments:
      You must be logged in to view attached files.
    • May 1, 2020 at 8:13 pm #125461
      SebastianFloKa
      Participant

      +

    • May 3, 2020 at 1:51 pm #125968
      Sarmistha Chakraborty
      Member

      Hello,

      For this firstly you need to override “wcfmmp-view-store-header.php” file in your theme folder. From “s\wp-content\plugins\wc-multivendor-marketplace\views\store” to “\wp-content\themes\your theme-folder\wcfm\store” .
      Add the below code in the overridden file. (PFA)

      $store_address_info_custom_class = '';
if($store_info['store_hide_email'] == 'yes' && $store_info['store_hide_address'] == 'yes' && $store_info['store_hide_phone'] == 'yes') {
	$store_address_info_custom_class = 'hide-vendor-header-infos';
}

      Then add the css in your theme’s style.css

      #wcfmmp-store div.hide-vendor-header-infos {
    min-height: 100px !important;
}
#wcfmmp-store .wcfm_vendor_badges{
	display: none;
}

      Thanks.

      Attachments:
      You must be logged in to view attached files.
    • May 3, 2020 at 2:41 pm #125988
      SebastianFloKa
      Participant

      Excellent – Chapeau!!
      Thank you very much.

    • May 4, 2020 at 11:04 am #126330
      Henriette
      Participant

      Edit: it works!
      Thank you very much! 😀

      Attachments:
      You must be logged in to view attached files.
  • Author
    Posts
Viewing 4 reply threads
  • You must be logged in to reply to this topic.