Issues with Tabs of Listing Detail Page

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: design, Geodirectory

Author

Posts
August 11, 2015 at 3:39 pm #49004

Abhishek Modi
Buyer

Post count: 205

Hi its just a suggestion to make Geodirectory make better. When browsing in mobile devices it looks annoying specially post pages( listing detail page) because of tabs, On clicking it slides you down.
you feel confused and complicated.

Well i have suggestion, what about this UI for Listing Detail page: Its great for Mobile Devices. Can we guys implement something similar ?
Have a look : https://www.zomato.com/bangalore/toit-indiranagar

Advantage of such interface is open design with user friendliness, Good for SEO and mobile viewing. As user don’t have to open tabs multiple times for multiple details.

Thanks

August 11, 2015 at 5:25 pm #49022

Paolo
Site Admin

Post count: 31206

Hi,

did you see this tutorial?

https://wpgeodirectory.com/remove-tabs/

Thanks

August 11, 2015 at 8:48 pm #49037

Abhishek Modi
Buyer

Post count: 205

Thanks Paolo, finally tabs are removed. How to add different Banner image for each listing post similar like zomato along with address or reviews on banners ? As i have basic knowledge of php and css.

Also in listing category, How can we display Listings along with address and time ? At Current it is displaying only Image, Title, rating and pinpoint.

August 11, 2015 at 11:03 pm #49040

Guust
Moderator

Post count: 29970

The “banners” on Zomato are just like Popular Post widgets, but with the address field etc added using custom fields settings and then doing some CSS styling. Have a look at the the links below.

To add other custom fields to the listings (category) page, have a look here [read “show on listing page”]: https://wpgeodirectory.com/docs/core-place-settings/#common

https://wpgeodirectory.com/docs/custom-field-examples/

August 12, 2015 at 7:53 am #49062

Abhishek Modi
Buyer

Post count: 205

Great Guust, Now i seen a way to implement address and time in Category Listing but I have only concern with Listing Detail Page. Sorry for wrong usage “banner Image” Basically its a Listing Featured top image(below header) in the Listing url: https://www.zomato.com/bangalore/toit-indiranagar. So can we add the same in Geodirectory along with Listing Title on Full width image.

As it look great if for every listing, i have specific featured top image(below header) with Full width along with Listing Title, Favourite Symbol and Review Buuton on it. Below Header Featured Rest is Photos, Phone Number, Address, Time, Map and Review Bar(when click on review button).

This will make the website fully transform and very attractive.

Thanks

August 12, 2015 at 8:37 am #49068

Guust
Moderator

Post count: 29970

Ah, you mean the stretched background image between the header and the listing.
Not sure how you could do that really, maybe Paolo can give some pointers, or you might have to list in the GD jobs section.

August 12, 2015 at 8:58 am #49073

Abhishek Modi
Buyer

Post count: 205

Yes Guust, Here is one more Screenshot, It will make the things clear.

Have a Look: http://snag.gy/le7RK.jpg

In this the specific “Full width featured Image” with Title, Address and Write Review Button on it after Menu Bar. After that everything what we have discuss in the above post.
What your Thoughts on this ?
If we make the same layout, It will look great on Mobile Devices. I have seen its demo

Thanks

August 12, 2015 at 3:16 pm #49109
Paolo
Site Admin

Post count: 31206
That would require a customization.

Here you can see ho to show the featured image at the top of listing sidebar using the geodir_social_sharing_buttons_html filter. https://wpgeodirectory.com/support/topic/display-featured-image-on-detail-sidebar/#post-28088

However from your image it looks like that banner area would belong to the theme header and if your theme doesn’t provide a filter to add that image, it will be impossible.

Another option would be to create a geodirectory folder inside your child theme and paste a copy of geodirectory-templates/listing-detail.php and add :
```
global $post; 
	$thumb = the_post_thumbnail( 'full' );

   echo "<div class='my-theme-class'>".$thumb."</div>";
```
Than style with css accordingly.

Let us know how you went.

Thanks
August 12, 2015 at 4:56 pm #49122

Abhishek Modi
Buyer

Post count: 205

Well that worked but my main objective is how to get full width image below header. At the moment i’m using avada theme, as the only option to get header image below header is via layerslider as single slide but i want title, address, time and Reviews stars on it. Is there any other way to go for customization ?

Thanks

August 12, 2015 at 5:04 pm #49123

Paolo
Site Admin

Post count: 31206

Everything can be done, but it requires extra work and custom code. That is not part of support.

If you want I can move this in the jobs forum. There could be someone interested in getting this job done for you.

Let us know,

Thanks

August 12, 2015 at 5:38 pm #49131

Abhishek Modi
Buyer

Post count: 205

Sure, You can move this to Jobs Forum.

Thanks for Quick Response.
Author

Posts