Rearranging details page

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

Open Support Ticket

Author

Posts
January 15, 2018 at 9:55 pm #412861

David Sirius
Expired Member

Post count: 163

Hi All,

I would like to rearrange content on the details page similarly to what have I seen on a live page (not mine!):

Exmaple
For simplicity, I have made a screenshot of that page which is attached and shows the changes I want to make (source of the live page is fyi: https://www.arbolife.com/en/stores/switzerland/valais/martigny/atelier-nm/)

Items to be rearranged
1. remove the large top picture (not visible in screenshot)
2. show the result of the rating (overall + subratings) and move “write review” below it
3. remove the contact info and show custom fields (created in Place Settings)
4. remove the standard tabs and show only profile description and the reviews below. From here https://wpgeodirectory.com/remove-tabs/ I understand how to remove the tabs, but then everything is gone or alternatively with the additional code shown there its everything pasted there (dicing and slicing the code didnt work) while I just want the description and reviews as per the other live page
5. show picture thumnails on right top in sidebar
6. remove the social media icons
7. show the map on the right side below the pic thumnails
8. remove category icons
9. replace standard footer with my footer. I actually already have my footer on the search page but for some reason on the details page I still have the standard GD footer.

Solution attempt:
I have searched in the forum and read all 20 pages on “remove_action”. I understand the changes will all work in principle simply by removing actions and adding them within my theme functions.php

However, when you look into the listing-detail.php there are just actions on a high level. Let’s for example take an easy example of removing the big banner picture (first one above in the list): this should be “geodir_wrapper_open” but when I digg for the function that can be found in the geodirectory_template_actions.php, there is a code that doesnt seem to call a picture. I would expect some html code of a div that calls an image variable in the php function.

Maybe I’m digging in the wrong section but I’m really lost even though it should be in principle just simply identifying functions, removing them, and adding some of them in another place back.

Could anyone please help me to get running back in the right direction or even help me on my changes above which actions I have to remove and add back where?

I would truly appreciate any help!

Thank you very much!

Best,
David

January 16, 2018 at 1:15 am #412880

Guust
Moderator

Post count: 29970

Some of it depends on the theme you are using, so we would need to see the URL of the page you are trying to change.

1. remove the large top picture (not visible in screenshot)
Depends on your theme situation.

2. show the result of the rating (overall + subratings) and move “write review” below it
Depends on your theme situation.

3. remove the contact info and show custom fields (created in Place Settings)
If you do not want the contact form on the detail page, set the Email custom field do inactive, or to not display anywhere in the custom field settings.
To show custom fields, use the “Show in what locations” options for the custom field.
https://wpgeodirectory.com/docs/core-place-settings/#show

4. remove the standard tabs and show only profile description and the reviews below. From here https://wpgeodirectory.com/remove-tabs/ I understand how to remove the tabs, but then everything is gone or alternatively with the additional code shown there its everything pasted there (dicing and slicing the code didnt work) while I just want the description and reviews as per the other live page
That link is a bit obsolete. You can just go to GD > Design > Detail page > Show as list > Yes
And remove any tabs there too: GD > Design > Detail page > Exclude selected tabs from detail page

5. show picture thumnails on right top in sidebar
Like this example?
https://wpgeo.directory/supreme-directory/places/united-states/california/san-francisco/restaurants/tasty-food-inc/
I’ll get Stiofan to give you that code.

6. remove the social media icons
GD > Design > Detail page > Disable Tweet, Fb Like, Google+ buttons section

7. show the map on the right side below the pic thumnails
Add a GD Listings Map widget to the detail page sidebar.

8. remove category icons
Depends on your theme situation.

9. replace standard footer with my footer. I actually already have my footer on the search page but for some reason on the details page I still have the standard GD footer.
Depends on your theme situation. Maybe this is the answer: https://wpgeodirectory.com/docs/faqs/how-do-i-change-the-footer-text-in-supreme/

Thanks

January 16, 2018 at 12:13 pm #412922

David Sirius
Expired Member

Post count: 163

Hi Guust,

Thanks for your help, really appreciate it!

For the points that relate to theme dependency: I have the supreme directory theme – does that help to elaborate on some of the points?

With regards to the URL dependecy: I have bought Webspace and secured my Domains but am still working on my localhost as uploading/trasnferring from localhost to online seems not as straightforward (would be actually great to have a tutorial on this, just as a well-intended idea). I’ll try to sort it out as I cant progress without resolving the points (1-9). I will send you my URL as soon as my site is online.

Have a great day!

Best,
David

January 16, 2018 at 9:53 pm #413037

David Sirius
Expired Member

Post count: 163

This reply has been marked as private.

January 16, 2018 at 10:53 pm #413054

David Sirius
Expired Member

Post count: 163

Hi Guust

I had now the chance to look at your advice.

Apart from #1, #2, #8 for which my confirmation on the theme was outstanding (which is supreme directory) , please see below regarding the other items:

3. remove the contact info and show custom fields (created in Place Settings)
If you do not want the contact form on the detail page, set the Email custom field do inactive, or to not display anywhere in the custom field settings.
To show custom fields, use the “Show in what locations” options for the custom field.
https://wpgeodirectory.com/docs/core-place-settings/#show

3.1 I think we missunderstood. I was not referring to the contact info on the right side, but all the items below the headline name (see #2 on previous screenshot marked in red)

3.2 With regards to the custom fields, I can show them on the details page, but they will appear in the sidebar, while they need to be under the place name where the contact info (3.1) is removed. How would one best move the info from right to top?

4. remove the standard tabs and show only profile description and the reviews below. From here https://wpgeodirectory.com/remove-tabs/ I understand how to remove the tabs, but then everything is gone or alternatively with the additional code shown there its everything pasted there (dicing and slicing the code didnt work) while I just want the description and reviews as per the other live page
That link is a bit obsolete. You can just go to GD > Design > Detail page > Show as list > Yes
And remove any tabs there too: GD > Design > Detail page > Exclude selected tabs from detail page

That worked, nice! The problem is now just that I have all the content (images, video, map) in the main content area, while it needs to be in right sidebar. What would be the best solution to move that content over?

5. show picture thumnails on right top in sidebar
Like this example?
https://wpgeo.directory/supreme-directory/places/united-states/california/san-francisco/restaurants/tasty-food-inc/
I’ll get Stiofan to give you that code.

Yes exactly! Thank you!

6. remove the social media icons
GD > Design > Detail page > Disable Tweet, Fb Like, Google+ buttons section

I ticket that and saved, but it didnt change anything?

7. show the map on the right side below the pic thumnails
Add a GD Listings Map widget to the detail page sidebar.

The map is there now, but its actually a different map, while it needs to be the one shown in the screenshot (with directions), which is actually the one that I have now in the middle of the page (after removing the tabs), so it just would need to be moved to the side bar.

9. replace standard footer with my footer. I actually already have my footer on the search page but for some reason on the details page I still have the standard GD footer.
Depends on your theme situation. Maybe this is the answer: https://wpgeodirectory.com/docs/faqs/how-do-i-change-the-footer-text-in-supreme/

I will have a look at that!

Thanks a ton again! I hope we can figure this out!

January 17, 2018 at 10:33 am #413100
Guust
Moderator

Post count: 29970
3. Use this CSS:
```
.sd .sd-detail-info .sd-address,
.sd .sd-detail-info .sd-ratings,
.sd .sd-detail-info .sd-contacts
{display:none;}
```
6. Use this CSS:
```
.sd .sd-detail-cta .geodir-addtofav,
 .sd-cta-favsandshare {display:none;}
```
I’ll get Stiofan to look at the rest.
January 17, 2018 at 1:53 pm #413136

Stiofan O’Connor
Site Admin

Post count: 22956

What points am i looking at?

Stiofan

January 17, 2018 at 5:23 pm #413163

David Sirius
Expired Member

Post count: 163

Hi Stiofan

Thank you for helping. It would be greatly appreciated if you could help on 3.2 and 4, 5, 7.

Thank you very much!

Best
David

January 17, 2018 at 6:21 pm #413175

Stiofan O’Connor
Site Admin

Post count: 22956

Hi David,

3.1: This is not possible by default, but could be done in several ways with code snippets. (this will likely be possible in GDv2 by default)

4. same as above.

5. Excluding the photos tab should do that automatically.

7. Same as #7

Thanks,

Stiofan

January 17, 2018 at 8:27 pm #413184

David Sirius
Expired Member

Post count: 163

@ Guust, thank you for the CSS hints, should have thought of it myself! Will let you know if it worked!

@ Stiofan:

3.1: This is not possible by default, but could be done in several ways with code snippets. (this will likely be possible in GDv2 by default)

4. same as above.

That’s great to hear! Do you have a code snippet that would move the content accordingly?

5. Excluding the photos tab should do that automatically.

7. Same as #7

Unfortunately, it didn’t! I did as suggested by Guust tick “Show as list instead of tabs” under GD Design -> detail. I have made a screenshot that is attached.

January 17, 2018 at 10:11 pm #413204

David Sirius
Expired Member

Post count: 163

@ Guust

.sd .sd-detail-info .sd-contacts
.sd .sd-detail-cta .geodir-addtofav, .sd-cta-favsandshare

worked, thanks

These didnt do anything to the cats at the bottom sidebare I wanted to get rid off but could be tageted with .gd_placecategory

For the benefit for anyone else trying to make changes:
– the large picture can be hidden with targeting .featured-area
– the probably easiest way to remove the GD footer is by targeting .site-footer

January 17, 2018 at 10:42 pm #413214

Alex Rollin
Moderator

Post count: 27815

Hello,

Could you please add additional details to clarify your request, including the name of the fields you want to adjust, and the position you would like them in?

Thanks

January 17, 2018 at 11:09 pm #413224

Guust
Moderator

Post count: 29970

5. At 4. I wrote: And remove any tabs there too: GD > Design > Detail page > Exclude selected tabs from detail page
Did you remove the photo tab?

To remove the category icons from the sidebar: They should not be there by default. How did you get them there?

It may be useful if you post WP admin details. Thanks

January 18, 2018 at 11:28 am #413270

Stiofan O’Connor
Site Admin

Post count: 22956

Yeah, please provide wp-admin details.
For 3.1 is it just one field u want to show or multiple?

Stiofan

January 18, 2018 at 1:05 pm #413277

David Sirius
Expired Member

Post count: 163

@guust apologies, I had missunderstood your advice on #4. I changed it and it’s looking good now!! Thank you so much for your guidance!!

The only outstanding points are now 2/2.1 and 3.2 (see screenshot to be posted seperately):

2 show the result of the rating (overall + subratings), currently only ‘overall’ rating is shown in the wrong place
2.1 move ‘“write review”/send enquiry/send to friend’ below it
3.2 show custom fields (created in Place Settings)

For which I understand Stiofan has code snippets that could solve this?

@stiofan
I have 30-40 custom fields (type: text/checkbox) and checkboxes are converted to icons via CSS on the search page. These custom fields are for example: does the listing have x y z and if the checkbox is ticked (in listing settings) it is active and shows an icon while the Standard checkbox text (‘yes’) is hidden. It works well for the search page. So in short there are multiple custom fields looking like this:

custom field 1 (text): custom field 1 (checkbox) custom field 2 (checkbox) custom field 3 (checkbox) ..
custom field 2 (text): custom field 1 (checkbox) custom field 2 (checkbox) custom field 3 (checkbox) ..
custom field 3 (text): custom field 1 (checkbox) custom field 2 (checkbox) custom field 3 (checkbox) ..

It is currently not final on the search page so that’s not a good example currently, so if the above is unclear, please let me know then I’ll finalise this evening on the search page so you can see before thinking about a code.

Please let me know if you still wish WP logins and I’ll provide!

Thank you both very much!
Author

Posts