Place Listing Layout

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

Open Support Ticket

Tagged: GD, loop layout, place

Author

Posts
January 31, 2019 at 3:43 pm #466437

Raoel Karjonadi
Free User

Post count: 39

Please how can i set my list view for my listing to appear like this. i have attached an images of the display thanks.

January 31, 2019 at 3:44 pm #466438

Raoel Karjonadi
Free User

Post count: 39

The image

January 31, 2019 at 3:59 pm #466443

Kor
Moderator

Post count: 16516

Hi Raoel,

Thanks for your post. Could you show us what you’ve done on your end? Also, share WP admin access in private reply.

Thanks!

January 31, 2019 at 11:15 pm #466532

Raoel Karjonadi
Free User

Post count: 39

This reply has been marked as private.

January 31, 2019 at 11:35 pm #466535

Alex Rollin
Moderator

Post count: 27815

The image you share above is of GDV1. All the elements are available, but they appear slightly different in GDV2.

One thing you can do is to change the layout of the gd_loop shortcode in the GD Archive template.

https://wpgeodirectory.com/docs-v2/geodirectory/page-design/#template-pages

layout=”list”, updated for you

For the archive item, you will want to add the gd_map_pinpoint

https://wpgeodirectory.com/docs-v2/geodirectory/design-elements/#gd_map_pinpoint

For elements you want to appear on the right, use right alignment, and for items on the left use left alignment.

January 31, 2019 at 11:53 pm #466538
Alex Rollin
Moderator

Post count: 27815
Here are all the elements together in one place. You will need to create custom CSS to move them into the layout in the image.
```
[gd_archive_item_section type='open' position='left']
[gd_post_images type="image" ajax_load="1" slideshow="1" show_title="1" animation="slide" controlnav="1" link_to="post" show_logo="1"]
[gd_archive_item_section type='close' position='left']
[gd_archive_item_section type='open' position='right']
[gd_post_title tag='h2'][gd_post_rating alignment='right' ]
[gd_post_fav alignment="right"]
[gd_map_pinpoint alignment='right' ]
[gd_author_actions author_page_only='1']
[gd_post_distance]
[gd_post_meta key='business_hours' location='listing']
[gd_output_location location='listing']
[gd_post_meta key='post_content' show='value-strip']
[gd_archive_item_section type='close' position='right']
```
You can find examples for styling GDV2 layouts with your own custom CSS here: https://wpgeodirectory.com/docs-v2/faq/common-examples/#layout
February 1, 2019 at 3:48 am #466549

Raoel Karjonadi
Free User

Post count: 39

Hi Alex, Thanks for explain, i see a chance of possibility.. i have tried and some way, i’m not getting the proper layout, Please can you help me out in sorting this?

February 1, 2019 at 4:08 am #466550

Raoel Karjonadi
Free User

Post count: 39

Image of result from code

February 1, 2019 at 4:10 am #466552

Raoel Karjonadi
Free User

Post count: 39

Please How can i set the post_content to appear in the middle?

February 1, 2019 at 4:16 am #466553

Alex Rollin
Moderator

Post count: 27815

You will need to use custom CSS. We have some examples:
https://wpgeodirectory.com/docs-v2/faq/common-examples/

If you don’t want to write custom CSS you c an try a builder to arrange it:
https://wpgeodirectory.com/docs-v2/integrations/builders/

February 1, 2019 at 6:14 am #466556

Raoel Karjonadi
Free User

Post count: 39

Thank you Alex, i tried the using builders, it was nice but there are some issues that comes up.. it affects all other grid views, the Latest post page was altered, i practically tried everything but i wasnt able to get the result… (-_-)

February 1, 2019 at 6:16 am #466557

Raoel Karjonadi
Free User

Post count: 39

image

February 1, 2019 at 6:35 am #466559

Alex Rollin
Moderator

Post count: 27815

Yes, you will need to use custom css to adjust the layout, then.

You can try adapting the columns example here: https://wpgeodirectory.com/docs-v2/faq/common-examples/#columns

February 1, 2019 at 6:39 am #466560

Raoel Karjonadi
Free User

Post count: 39

yes, what i meant to say is that it affects the layout of the Home page Grid view, The Latest post widget on the sidebar, it affects it all..

February 1, 2019 at 6:47 am #466561

Raoel Karjonadi
Free User

Post count: 39

i Fill this is a stylying on the Plugin CSS Listing display, which give all the list different stylying..
please check the url below, it doesn’t reflect on the grid view
https://seventhqueen.com/themes/kleo/business-directory/places/attractions/
Author

Posts