Customizing the profile tab of the details page

This topic contains 5 replies, has 3 voices, and was last updated by  Giri 7 years, 4 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #388646

    Kevin DeMara
    Expired Member
    Post count: 20

    Hey everyone,

    I’m wondering if anyone could help me figure out how to customize individual tabs. I added 5 custom text sections that are currently showing up as their own tabs. My goal is to have them show up as smaller blocks within the profile tab, which is the first tab the user will see. I have excellent CSS skills and basic PHP skills. Is there a pre-built feature that or will I need to hire someone from the jobs section?

    I was thinking I could enable the ‘more info’ tab and set it as the first tab that shows and just change the tab title to ‘Profile’ and then style each individual section with CSS, but I’m not sure that’s the best solution. Please let me know if you have an ideas or require clarification on my requirements. Thanks very much,

    Kev

    #388651

    Kor
    Moderator
    Post count: 16516

    Hi Kev,

    Please refer to this article as it explains how you can order the tab https://wpgeodirectory.com/re-order-tabs-in-a-listing-detail-page/ .

    Thanks!

    #388654

    Kevin DeMara
    Expired Member
    Post count: 20

    Hey Kor,

    Thanks, but this isn’t what I was looking for – I am familiar with reordering tabs and I’ve already done this. I’m trying take the first tab and have 5 sections within that particular tab, each with it’s own content that is provided by the user at the ‘add listing’ step. I think it will likely require a php function and some pre-defined CSS containers. Not too sure.

    Attached is an image of what I’m trying to explain. Section a,b,c,d,e would be the parts I’m trying to implement.

    #388699

    Giri
    Expired Member
    Post count: 3155

    Hi Kevin,

    I have not tested this code. Change the keys and test it.

    
    
    add_action('geodir_before_description_on_listing_detail', 'gd_profile_custom_content');
    function gd_profile_custom_content() {
    	global $post;
    	?>
    	<div class="gd_profile_custom_content_wrapper">
    		<div class="column1">
    			<div>
    				<?php echo geodir_get_post_meta( $post->ID, 'custom_field_key_goes_here', true ); ?>
    			</div>
    			<div>
    				<?php echo geodir_get_post_meta( $post->ID, 'custom_field_key_goes_here', true ); ?>
    			</div>
    		</div>
    		<div class="column2">
    			<<div>
    				<?php echo geodir_get_post_meta( $post->ID, 'custom_field_key_goes_here', true ); ?>
    			</div>
    			<div>
    				<?php echo geodir_get_post_meta( $post->ID, 'custom_field_key_goes_here', true ); ?>
    			</div>
    			<div>
    				<?php echo geodir_get_post_meta( $post->ID, 'custom_field_key_goes_here', true ); ?>
    			</div>
    		</div>
    	</div>
    	<?php
    }
    
    #388765

    Kevin DeMara
    Expired Member
    Post count: 20

    Thanks so much Giri! With a bit of CSS magic, it worked like a charm! Much appreciated 🙂

    #388815

    Giri
    Expired Member
    Post count: 3155

    You are welcome 🙂

Viewing 6 posts - 1 through 6 (of 6 total)

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

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount