Store Page Layout

[contact16]

Having a few issues with the vendor store page layout:

1. We are seeing an ’empty tab’ on the right hand side of the tabs on the store page (please see screenshot). How can we get rid of this tab?
2. We have made a couple of test badges and they are displaying below the Inquiry and Follow links/buttons. How can we get them to render under the vendor’s photo?
3. If we put a store search bar in the vendor’s sidebar, on mobile it will show under the Products. How can we get the search bar to render above the products (NOT the entire vendor sidebar to show above the products)?

Thank you

Attachments:

You must be logged in to view attached files.

[WCFM Forum]

Hi,

1. We are seeing an ’empty tab’ on the right hand side of the tabs on the store page (please see screenshot). How can we get rid of this tab?

*** those are not empty tab, empty space. Well, you may tweak that tab bar CSS as per your requirement from child theme’s style.scss

2. We have made a couple of test badges and they are displaying below the Inquiry and Follow links/buttons. How can we get them to render under the vendor’s photo?

*** That’s also CSS tweak.

3. If we put a store search bar in the vendor’s sidebar, on mobile it will show under the Products. How can we get the search bar to render above the products (NOT the entire vendor sidebar to show above the products)?

*** Please at this code to your child theme’s functions.php –

add_filter( 'wcfmmp_is_allow_mobile_sidebar_at_bottom', '__return_false' );

Thank You

[contact16]

This reply has been marked as private.

[WCFM Forum]

Hi,

I am really sorry, there was a misunderstanding.

I thought, you are asking for easiest way to make those tweaks, so I suggested you to use CSS.

Don’t worry, I will give you proper CSS/code for the purpose.

3. The PHP you provide does EXACTLY what we asked NOT to do (in capitals in the original post!). We would like, as we said in the original post, ONLY the search bar to appear above the products on mobile not the entire sidebar.

**** Well, this is not possible to place only one widget at top and rest at bottom!

Thank You

[contact16]

Thank you for this. We’re still waiting for the CSS though.

[WCFM Forum]

Hi,

I will give you, please give me a bit time.

Thank You

[WCFM Forum]

HI,

1. We are seeing an ’empty tab’ on the right hand side of the tabs on the store page (please see screenshot). How can we get rid of this tab?
– Please use this CSS for the purpose –

#wcfmmp-store .tab_area .tab_links{ width: auto; }

2. We have made a couple of test badges and they are displaying below the Inquiry and Follow links/buttons. How can we get them to render under the vendor’s photo?

– Is this only for mobile version?

Thank You

[WCFM Forum]

HI,

We will change store header mobile in next update to – https://ibb.co/mvLBprw

Hope this will fulfill your requirement.

Thank You

[Author]

Posts