Beginner questions on designing
This topic contains 9 replies, has 3 voices, and was last updated by 
Alex Rollin 6 years, 4 months ago.
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket-
AuthorPosts
-
December 2, 2017 at 8:56 pm #407964
Hi,
I’m currently trying to get familiar with the geodirectory plugin, but am pretty lost how to edit the pages.
I have a few problems that I dont know how to solve:
1: how can I generally edit the theme? Via widgets and the geodirectory “Design” menu, I can make limited changes to the pages and design. Is there perhaps a way to build my own pages from scratch and just use codes to refer to certain elements of the geodirectory plugin? Let’s say I build a page from scratch and then include with a certain code only the search box for the post code?
2: how can I edit the start page? I cant find it under pages and neither under the wordpress plugin. I would like to redo the whole page.
3: on the same start page: the page is scrollable which I dont want. I understand the content below is the “home” page content. Via the widgets I have already removed all items, but naturally the “start” page still loads the empty “home” page
4: how can the menu be designed and edited? When I hover over “Listing” it shows “Places” which is then clickable, while I just want a menu without submenus
5: my set menu under “Appearances -> Menu” isnt reflected on the page. I choose the items “Home” “Add Listing” “Login”, while the website shows: “Home” “Add Listing” “Login” “Listing” “Add Listing”?
6: Via “Design -> Listing -> width of listing right / content section” I have made changes to the numerical values, which however are not reflected on the listings page when refreshed.
December 2, 2017 at 8:57 pm #407968Remaining pics..
December 2, 2017 at 10:38 pm #407976Hello!
1: how can I generally edit the theme? Via widgets and the geodirectory “Design” menu, I can make limited changes to the pages and design. Is there perhaps a way to build my own pages from scratch and just use codes to refer to certain elements of the geodirectory plugin? Let’s say I build a page from scratch and then include with a certain code only the search box for the post code?
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.
2: how can I edit the start page? I cant find it under pages and neither under the wordpress plugin. I would like to redo the whole page.
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.
3: on the same start page: the page is scrollable which I dont want. I understand the content below is the “home” page content. Via the widgets I have already removed all items, but naturally the “start” page still loads the empty “home” page
OK, how can we help with that?
4: how can the menu be designed and edited? When I hover over “Listing” it shows “Places” which is then clickable, while I just want a menu without submenus
You can visit the GD > Design > Navigation to choose which items are present in the menu. Remove all the GD items and then you can edit your menu with WP as normal, generally speaking.
5: my set menu under “Appearances -> Menu” isnt reflected on the page. I choose the items “Home” “Add Listing” “Login”, while the website shows: “Home” “Add Listing” “Login” “Listing” “Add Listing”?
We can take a look at those settings, if you want, and you can check the links below for information about navigation.
6: Via “Design -> Listing -> width of listing right / content section” I have made changes to the numerical values, which however are not reflected on the listings page when refreshed.
Show us an example, please. Supreme is a theme and in some cases overrides the GD Design settings.
Note: The forum is your friend. I recommend searching through for answers to your questions using the following URL: https://www.google.co.uk/search?&q=site%3Awpgeodirectory.com+supreme+design+width
Related Links
https://wpgeodirectory.com/docs/guide-to-setting-up-your-geodirectory-website/
https://wpgeodirectory.com/docs/basic-installation/
https://wpgeodirectory.com/docs/category/getting-started/
https://wpgeodirectory.com/docs/supreme-directory-overview/
https://wpgeodirectory.com/docs/themes-creating-a-menu/
https://wpgeodirectory.com/docs/faqs/how-do-i-remove-the-popular-categories-section-from-the-home-page/
https://wpgeodirectory.com/docs/supreme-theme-faqs/December 3, 2017 at 3:53 pm #408036GD 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
DavidDecember 3, 2017 at 3:55 pm #408037.. and thanks for relinking the resources links (documentation and FAQ). Unfortunately, I have already watched all videos and read through the documentation, however, it doesnt go into detail of how the pages/files are connected so one could make specific changes and understand the set-up of the plugin and GD theme.
December 3, 2017 at 4:29 pm #408039Hello!
Of course you can override templates:
https://wpgeodirectory.com/docs/customizing-geodirectory-templates/
For making a ‘custom’ home page you would want to use shortcodes and widgets, from GD and your builder.
Learn the layout: https://wpgeodirectory.com/docs/layout/#directory
Add widgets to your home, listing, and detail pages: https://wpgeodirectory.com/docs/widgets/
Reorder the detail page: https://wpgeodirectory.com/re-order-tabs-in-a-listing-detail-page/
Add snippets to customize it: https://wpgeodirectory.com/docs/supreme-theme-faqs/
Integrate other plugins so they work for each of your customers: https://wpgeodirectory.com/formidable-forms-in-geodirectory-tabs/
Sort your listings by price: https://wpgeodirectory.com/how-to-sort-listings-by-price/December 3, 2017 at 5:22 pm #408046Unfortunately, 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!
December 4, 2017 at 9:04 am #408093Hello David:
As a fellow member I ran across your post. If you wish to make your own templates then follow the procedure on customizing templates and use short codes / css / etc to change the look and feel of the site : https://wpgeodirectory.com/docs/core-shortcodes/
THEN use the GeoDirectory Codex for reference for actions, hooks, filters, functions etc…. https://wpgeodirectory.com/codex/codex_project/geodirectory_templates/ to adjust any functional concerns you will have.
If I have misinterpreted, please accept my apologies. I interpreted as you are trying to adjust Geodirectory templates or make pages from scratch using widgets ( and I presume shortcodes and css etc). Either way I hope these two links help you as much as they have and will continue to help me.
Warmest Regards,
Jonathan
December 5, 2017 at 10:07 pm #408433Thank you Jonathan, much appreciated.
I understand now the principles of the core-shortcodes, which will be helpful as I can now create my own sites and just load certain GD functionalities where I need them.
What isn’t clear to me yet is:
– is my presumption correct that the GD plugin and template files dont come with any format and just deliver the functionality, i.e. if I was to use a shortcode it would deliver me in a clean way without any CSS format the functionality and I could then add my CSS?– what is the best way to format the functionalities, i.e. lets say I create a page (without any theme) and loaded the search box with [gd_advanced_search] on a site. How can I then change the layout of the search box, e.g. colours, rename the submit button etc? My best guess would be to call for a CSS class (in the page code) before the insertion of the shortcode and define the design for the search box in the style.css?
– if one would want to create its own theme and thus customised website, would be the best approach indeed to load the shortcodes where needed and format the whole page including the functionalities via one style.css or would there be a better way?
– what are the actions, hooks, and filters for? Could you make an example? Where can I learn more about these or see which ones are available (I saw on your second link the actions of course!)?
– on the second link the template section is split by php pages, presumably all the template pages that the GD plugin uses. However, I dont see the direct benefit as when I click on the template pages, I always see the same list of actions just in different lines. Clicking on the action it tells me the source code. So my overall take away from that link is that it offers the source code that can be copy pasted into any customised website or to amend the template php pages?
My apologies for my basic questions and many thanks again!
Best regards,
DavidDecember 5, 2017 at 11:33 pm #408454Hello!
– is my presumption correct that the GD plugin and template files dont come with any format and just deliver the functionality, i.e. if I was to use a shortcode it would deliver me in a clean way without any CSS format the functionality and I could then add my CSS?
There is markup, that is why a site appears and it is not just black and white Times Roman on the screen. You can add your CSS at GD > Design > CSS
– what is the best way to format the functionalities, i.e. lets say I create a page (without any theme) and loaded the search box with [gd_advanced_search] on a site. How can I then change the layout of the search box, e.g. colours, rename the submit button etc? My best guess would be to call for a CSS class (in the page code) before the insertion of the shortcode and define the design for the search box in the style.css?
CSS for design, translate the plugin to change text: https://wpgeodirectory.com/docs/translate-core/– if one would want to create its own theme and thus customised website, would be the best approach indeed to load the shortcodes where needed and format the whole page including the functionalities via one style.css or would there be a better way?
You can use any theme you like. You can make your own pages and use widgets and shortcodes. Add CSS where needed in GD > Design > CSS
– what are the actions, hooks, and filters for? Could you make an example? Where can I learn more about these or see which ones are available (I saw on your second link the actions of course!)?
There is a collection here https://wpgeodirectory.com/docs/common-code-snippets/
– on the second link the template section is split by php pages, presumably all the template pages that the GD plugin uses. However, I dont see the direct benefit as when I click on the template pages, I always see the same list of actions just in different lines. Clicking on the action it tells me the source code. So my overall take away from that link is that it offers the source code that can be copy pasted into any customised website or to amend the template php pages?
If you really want to make a new GeoDirectory plugin then you could make a copy of those php files.
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket