GeoDirectory SupportIssues with Tabs of Listing Detail Page – GeoDirectory Support

Issues with Tabs of Listing Detail Page

Abhishek Modi — Tue, 11 Aug 2015 15:39:08 +0000

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

Reply To: Issues with Tabs of Listing Detail Page

Paolo — Tue, 11 Aug 2015 17:25:14 +0000

Hi,

did you see this tutorial?

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

Thanks

Reply To: Issues with Tabs of Listing Detail Page

Abhishek Modi — Tue, 11 Aug 2015 20:48:02 +0000

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.

Reply To: Issues with Tabs of Listing Detail Page

Guust — Tue, 11 Aug 2015 23:03:22 +0000

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/

Reply To: Issues with Tabs of Listing Detail Page

Abhishek Modi — Wed, 12 Aug 2015 07:53:16 +0000

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

Reply To: Issues with Tabs of Listing Detail Page

Guust — Wed, 12 Aug 2015 08:37:15 +0000

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.

Reply To: Issues with Tabs of Listing Detail Page

Abhishek Modi — Wed, 12 Aug 2015 08:58:09 +0000

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

Reply To: Issues with Tabs of Listing Detail Page

Paolo — Wed, 12 Aug 2015 15:16:07 +0000

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 "".$thumb."
";

Than style with css accordingly.

Let us know how you went.

Thanks

Reply To: Issues with Tabs of Listing Detail Page

Abhishek Modi — Wed, 12 Aug 2015 16:56:25 +0000

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

Reply To: Issues with Tabs of Listing Detail Page

Paolo — Wed, 12 Aug 2015 17:04:31 +0000

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