Change layout of Vendor Profile Page

[Playbee]

Hi,

On the vendor profile page (vendor-view-page) the layout is two columns by default: sidebar on the left and main content on the right.

I would like to switch it to a single column layout:

1. First the vendor sidebar (profile details, contact button, etc.)
2. Then below it the main content (listings, description, etc.)

What is the recommended way to achieve this with HivePress/MeetingHive? Should I override the template, or is there a simpler CSS/Hook solution?

I`ve noticed that for example on the mobilephone there is a single column layout.

+Extra question - is it possible to show the position on the map on vendor profile page?

Thanks a lot for your help!

[kseniia]

Hi,

To customize templates, you can do so in HivePress templates or using snippets to implement custom code using hivepress/v1/templates/vendor_view_page hook. If you have coding experience, you can try customizing it yourself using the collection of code snippets found here: Search · user:hivepress · GitHub as well as other developer resources: Getting started | Developer Docs, also you can search different topics on forum to see if there is a code snippet for your case.

Regarding your request about the map, this option is currently unavailable. However, as a temporary workaround, please refer to this topic:

Add map block to the vendor page

Please try this code snippet as a temporary fix: add_filter( 'hivepress/v1/templates/vendor_view_page', function ( $template ) { $map = ( new \HivePress\Blocks\Listing_Map( [ 'model' => 'vendor', 'attributes' => [ 'class' => [ 'hp-vendor__map', 'hp-listing__map', 'widget' ], ], ] ) )->render(); return hivepress()->template->merge_blocks( $template, [ 'page_sidebar' => [ 'blocks' => [ 'vendor_map' => [ 'type' => 'content', …

Hope this helps