How can I customize post type single.php or detail page?

Re-order tabs by drag and drop at Places > Settings > Tabs.

To change from tabs to listing the tab content, go to GD > Settings > Pages > GD Detail page > Edit and change the [gd_single_tabs] element to a list.
If you use the shortcodes, use the shortcode builder to change to [gd_single_tabs show_as_list=”1″]

https://wpgeodirectory.com/docs-v2/geodirectory/shortcode-builder/

Thanks

I want to show category and tags display first, then the title and address and image and exactly like in the above image.

OPTION 1
Re-order tabs by drag and drop at Places > Settings > Tabs [see image]
Then go to GD > Settings > Pages > GD Detail page > Edit and change the [gd_single_tabs] element to a list, like this:

[gd_single_tabs show_as_list="1"]

OPTION 2
Go to GD > Settings > Pages > GD Detail page > Edit and add the category and the tags etc of the listing.
If you use the shortcodes, use the shortcode builder to add

[gd_post_meta key="post_category"]
[gd_post_meta key="post_tags"]
[gd_post_meta key="post_title"]
[gd_post_address show="icon-label-value" address_template="%%street%% %%city%% %%region%% %%zip%% %%country%%"]
[gd_post_meta key="phone"]

More info at
https://wpgeodirectory.com/docs-v2/geodirectory/design-elements/
https://wpgeodirectory.com/docs-v2/geodirectory/design-elements/#gd_post_address
https://wpgeodirectory.com/docs-v2/geodirectory/design-elements/#gd_post_meta
https://wpgeodirectory.com/docs-v2/geodirectory/design-elements/#gd_post_images

how can I show the phone number in listing below address?

Go to GD > Settings > Pages > GD Archive Item page > Edit and add the phone number element where you want it, as per above.

Thanks

You’re welcome