Geodirectory listings item edit format
This topic contains 14 replies, has 3 voices, and was last updated by Patrik 5 years ago.
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket-
AuthorPosts
-
November 5, 2019 at 5:10 pm #5641
Hello,
I am having trouble figuring out how to format the list items on the Profile page. For example in “Favorites”, the Places listed show the title and description. I would like to show address, phone, etc, instead. Is there a template for that?I would also like to display the user avatar but not the cover image. The widget settings of UWP > Profile Header imply this is possible but I cannot get it to work. (attached img)
November 6, 2019 at 2:07 am #5649If hiding the cover isn’t working, we can take a look at the issue. Just share WP Admin credentials in a private reply along with login URL.
About the listing excerpt, that format is a standard template for UsersWP listings and requires customization to change.
You can, however, visit the new Tabs UI and create your own tabs with shortcodes like GD Listings which will use the archive item template from GD.
November 6, 2019 at 4:03 pm #5683This reply has been marked as private.November 7, 2019 at 8:48 am #5697Hi,
This is an issue with the bootstrap layout template. We have fixed it and will be available in next update. If you want to apply the changes then let us know the FTP details in private reply and we will do it for you.
Regards,
PatrikNovember 7, 2019 at 9:15 am #5700Regarding, adding an address, phone, etc, for listing you can use a hook “uwp_before_profile_summary” or “uwp_after_profile_summary” to display the extra content. You may need the help of the developer for this as this is part of customization.
Regards,
PatrikNovember 11, 2019 at 9:00 pm #5758Thanks guys,
I used the new Tabs UI to add a shortcode that gives OK results. My new “Listings” and “Favorites” tabs are not as slick as the default ones but will work. It would be preferable if UsersWP could use an editable page-template system for archive items like GeoDirectory.
In setting up the tabs, I have noticed now that the tab links are using anchors, it is causing the whole page to jump when loading. Is there a way to prevent this? Is there some advantage to using anchors that I’m missing? I thought the old way worked pretty well.
November 12, 2019 at 6:39 am #5761We have used the anchor tag to scroll to the content of the tab. You can use some JS like following which will add smooth scrolling on click of the link:
var $root = $('html, body'); $('a[href^="#"]').click(function() { var href = $.attr(this, 'href'); $root.animate({ scrollTop: $(href).offset().top }, 500, function () { window.location.hash = href; }); return false; });
This is customization and we don’t provide support for that but I have given the hint so that you can get the idea or you can hire a developer to do this.
Regards,
PatrikNovember 12, 2019 at 2:55 pm #5766If you could give me the exact code to add as a Code Snippet, I could try that.
But I don’t think “smooth scrolling” is the solution I’m looking for. The page appears to reload every time I click a tab. Maybe the header image can be hidden to make it less jarring?
November 21, 2019 at 11:46 am #5923Hi,
The tabs are actually links. It will reload the page all the time you click on the tab. This was there in our older UWP version as well. Let us know what exactly you want to do.
Regards,
PatrikNovember 22, 2019 at 8:10 pm #5954Hi Thanks, Patrik.
I’m not sure yet what I’d like to do but I saw this in the changelog the other day and assumed it had something to do with the issue I’m having.1.2.0.9
Profile tabs now used #anchor so to take user to the content – ADDEDNovember 23, 2019 at 12:28 pm #5964Hi,
This change is for scrolling to the content after clicking on the link so the user don’t need to scroll to see the content. The page will always reload when you click on any tab and then scrolled to the content of the tab.
Regards,
PatrikNovember 25, 2019 at 3:48 pm #5999This reply has been marked as private.November 26, 2019 at 6:32 am #6003Hi,
The page scrolls to the top offset of the div but there is a header on your site so the div hides behind the header. You have to add the offset to the scroll so that it scrolls till the end of the header edge. Try the following code and let me know if it works for you:
var $root = $('html, body'); $('a[href^="#"]').click(function() { var href = $.attr(this, 'href'); $root.animate({ scrollTop: $(href).offset().top + 118 }, 500, function () { window.location.hash = href; }); return false; });
You can change ‘118’ to the exact height of the header. The login details provided are not working so I am not able to check.
Regards,
PatrikDecember 11, 2019 at 3:48 pm #6186Hi,
I don’t know where to put that code. Or how to format it for a snippet for Code Snippets plugin. Can you help?December 24, 2019 at 1:45 pm #6328Hi,
You can put the code from Snippets->Add new and then give it a title and put the following code in the Code area:
add_action('wp_footer', 'wp_footer_cb'); function wp_footer_cb(){ ?> <script type="text/javascript"> jQuery( document ).ready(function() { var $root = jQuery('html, body'); if ( window.location.hash ) { var hash = window.location.hash, $hash = jQuery(hash); $root.animate({ scrollTop: $hash.offset().top - 120 }, 500, function () { }); } }); </script> <?php }
Let me know if this helps.
Regards,
Patrik -
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket