Markup/Layout Documentation issues

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

Open Support Ticket

Tagged: design, layout

Author

Posts
February 24, 2017 at 3:09 pm #363647

Falk Meyer-Plate
Free User

Post count: 14

Hello Friends,

I would like to apply changes to the basic layout. I was searching for hours, but I can’t find the related spot in the layout files. For example I was trying to get a break after the adress icon so it’s not an inline element anymore.

I really like Geodirectory but it’s hard to get started and understand how things work together.
From pure code to changes through the backend.

As I am using this plugin for one of my customers, I really need to know how things work before I invest 150$ a year to run it’s full functionallity.
Is there any option to get a guided tour to help me understanding the design process and a direct contact for further questions?

Best regards,
Falk Meyer-Plate

February 24, 2017 at 3:20 pm #363650

Stiofan O’Connor
Site Admin

Post count: 22956

Hi Falk,

Most things can be done with either hooks/filter or even just basic CSS, in your case it sounds like a CSS snippet would do. Do you mean a break after the icon or after the “Address: ” part?

We have the docs site: https://wpgeodirectory.com/docs/
And video walk throughs: https://wpgeodirectory.com/videos/

For anything else just ask 🙂

Stiofan

February 24, 2017 at 4:56 pm #363671

Falk Meyer-Plate
Free User

Post count: 14

Hello,

first of all thanks for the fast answer.

I want both to be gone the icon plus the “adress:”. Sure I can pick out the desired part and tell it to be hidden via css, but I was hoping I can change the whole markup and add some bootstrap classes and stuff…

I’ve added a image of how I want it to look like (look at TOTAL-Station)

I mean if I can see it on my page there must be some markup somewhere that tells it to behave like this 🙂

I haven’t worked that much with filters and hooks until now, but it seems like it’s a necessary step to master Geodirectory.

Do you have any good information about that topic besides wp-codex and your documentation?`

Best regards,
Falk

February 24, 2017 at 5:04 pm #363677

Stiofan O’Connor
Site Admin

Post count: 22956

Hi Falk,

I recommend installing a plugin called “Code Snippets” then you can organise any changes there.

In this case i would just hide it with CSS but we built GD for customisations and there is not much that can’t be customised, in this case you can even replace the whole function that outputs the address so you can replicate the formatting all over the site (you can do it per location too if you wanted)

Refer to this post for an example: https://wpgeodirectory.com/support/topic/change-order-address/#post-279068

if you don’t understand then please provide wp-admin details in a private reply and i will apply it for you 🙂

Thanks,

Stiofan

February 24, 2017 at 5:37 pm #363688

Falk Meyer-Plate
Free User

Post count: 14

Hey,

thanks a lot i will study the post you linked there and let you know if i need some more help.
I guess we will have some more conversations over the next weeks 🙂

Falk

February 24, 2017 at 5:38 pm #363689

Stiofan O’Connor
Site Admin

Post count: 22956

Good luck, and just ask if you need and example for anything else 🙂

Stiofan

March 5, 2017 at 3:15 pm #365481

Falk Meyer-Plate
Free User

Post count: 14

Hello Stiofan,

I would like to add masonry to my grid-view. First because I want to change the gutter of the grid and second it will look way better on mobile devices. So where do I have to put the code from masonry to get them on each listing?

BTW I am still a little bit lost with all the hooks and names and what triggers what 🙂

best regards,
Falk

March 6, 2017 at 7:45 pm #365712

Paolo
Site Admin

Post count: 31211

Hi,

you’ll have to customize a template for that:

listings-listview.php

Please also see: https://wpgeodirectory.com/docs/customizing-geodirectory-templates/

Thanks
Author

Posts