David Sirius

Hi Alex,

Thanks, I totally understand that such customisation solutions would be outside of regular support and it’s not my expectation that anyone would provide me with a out-of-the-box customised search page. I’m absolutely willing to do the work myself.

All I want to understand is the ‘where’ and ‘how’. Once I’m at the right place I can do the customisations. However, at the moment I feel stuck and dont know where to start.

but you can customize GeoDirectory templates: https://wpgeodirectory.com/docs/customizing-geodirectory-templates/

I’ve seen the page few times, but from my perspective all it says is not to play around with the original file but to copy it in the child theme, just so that when you update any changes dont get overriden. That’s not the info I’m looking for. I have also looked through the files in the template folder, from which it is not possible to find the actual content of the GD search page.

However this wouldn’t be the right thing to do to change header, navigation, colors etc.
This would require a lenghty theme customization, using conditional tags to modify the header, the navigation and body classes (to change colors). You can mak your changes in a child theme or in your functions.php

If I understand you correctly, you are saying all these changes to the layout/design wouldnt be most efficiently done in the GD template files, but in the child theme and its functions.php?

If that’s the case, which file in the supreme-directory folder is then putting together the layout for the GD search page, e.g. (to pick one example) that in a listings view the picture of a place is on the left and the start rating on the right?

There must be a file that includes the detailed code of how the GD search page will look and what classes are applied to which section?

Thank you both for your help.

Best,
David

Hi Guust,

Thank you very much for answering! I had a look at your links which I had read already, but one thing that came clear is that I confused the GD search page and the GD listings page. While I was referring to the listings page (which shows all listings search independent), I was actually referring to the GD search page. But reading your answers I think you already assumed correctly what I meant.

If I understand correctly 1,3,4, and 5 will require that I first get the advanced search add-on, right?

The remaining biggest problem to me (as it is still completely unclear to me) is:

how I can redesign the GD search page (beyond the options in the GD plugin -> design). If I look in WP -> Pages there is no GD Search Page to amend. When I open up the PHP file geodir-search php in the templates folder I see only reference made to “do_action(‘geodir_search_content’);” (ignoring the header,sidebars, footers in the file for the moment). In essence the geodir-search php file is just the frame for the page by pulling the content pages in. What I think I would need is the page that holds the actual design for the search page, i.e. states inter alia: output list on the left, tables for the output list, map on the right, and assigns all the CSS classes across the page etc etc. I apologise for my amateurish developer language, but does this make sense? If not I’ll try to elaborate.

I would much appreciate if someone could help me to get started!

Many thanks

Best regards
David

OMFG!!! I GOT IT!!!

The problem was that Firefox didnt collapse the code completely and I noticed this when I installed chrome now and saw the full code right away (“wait something is weird here, why am I seeing suddenly the full code that I was after”). If you look at my screenshot you see that the code isnt fully collapsed now surprise I was in mystery land and the CSS didnt show on the right side. Well there you go I’m total beginner. I identified all items and was able to reformat.

RE bars:
These are indeed from GD not from my theme. They are called .geodir-loc-bar

.geodir-loc-bar {
padding: 10px 0 10px 0;
border-top: 1px #e1e1e1 solid;
border-bottom: 1px #e1e1e1 solid;
margin: 20px 0;

taking out the top and bottom border solves the problem.

Thank you guys!

Hi Guust

a) get rid of the top and bottom white bars
These are most likely added by your theme.

I dont have a theme that could influence this actually. What I have done is: I’ve taken the parent GD parent theme and then created an “empty” child theme that doesnt have any formats. So the format of the search field (e.g. the bars and the red colour of the search button, should be from the parent GD theme).

b) customise the format of the input fields
Can you explain what you mean? Like change the font? That would be most likely in your theme styling.

Yes for example change the font in the search input fields, or make rounded corners of the fields, or change the colour of the font in the search input fields.

c) customise the search button (eg colours, corners etc).
Again, this may be your theme.

I understand, but how?

Thank you!

Best regards,
David

Unfortunately, I have read all these pages already. The closest to my problem was the first link of customising templates, yet, it lacks further details of how to make changes eventually. However, revisiting your link to the widget page just gave me the idea of a new attempt, i.e. to create Non-GD pages and try to include widgets as I saw that almost all widgets can be used on non-GD pages. Hence, I should be able to rebuild the GD home page with the search function. Lets see!

Many thanks again Alex!

GD pages are generated from templates. You can use any theme you want. You will find that there are many PHP and CSS snippets for Supreme Directory throughout the forum.You can use widgets and shortcodes, some of which can be inlcluded on non-GD generated pages. You can review the widgets page for details.

I’m not looking to layover another theme, but to make detailed changes myself to customise the sites. However, there are so many files, which makes it hard to understand how the page is built up and the files are linked. I couldnt find any helpful sources on this, i.e. an explanation of how the files are related and in which files which changes can be made to tailor the webpages.

Review the basic installation and getting started pages for more information. Breifly, you can go withthe gd_home page created by GD, or make a new page, and then visit GD > Permalinks to set the new page as your homepage. GD’s home page can be different than your sites home page.

That’s undestood. However, my question is how one can edit the existing GD homepage? If I create a new page as my start page, I would not know how to include and link the search forms and button, so I rather want to customise the existing one (pictures 2 and 3). Even changing the css for the search form and button and removing the popular categories is quite a cumbersome search task that I havent been able to resolve yet.

OK, how can we help with that?

If you could tell me where I can find the code, I could make the amendments.

We can take a look at those settings, if you want, and you can check the links below for information about navigation.

I have resolved this, the problem was that within GD -> Design -> navigation, there are 2 tick boxes to include some navigation items, which I unticked. I have now only the navigations items as per my defined menu.

Show us an example, please. Supreme is a theme and in some cases overrides the GD Design settings.

The example is picture 6.1 and 6.2. So even if I make changes in the settings (6.2) then the outcome in 6.1 doesnt change.

Thank you very much for your help Alex!

Cheers
David

Thank you Alex.

I wish this was true, but as I mentioned before, I basically can’t make edits with Thrive Architect once the GD plugin is installed/activated.

It’s not about a few flaws for which workarounds are needed, thrive architect is not compatible at all with GD. Practically speaking, if I try to click on any elements on my website to edit these (via Thrive Architect) as one would normally do, the items cant be selected and thus not edited.

I will now look into manually editing the sites via coding.