Directorist | Anchor Text For Website Field On Single Page | Custom Code

You can use and anchor text instead of the regular long URL in the website link on the single listing page by using some custom code.

Please follow the procedure to achieve this functionality on your website with the Directorist.

1. Enabling the key field:

Please copy and paste the following code at the end of the "functions.php" file of the currently activated theme folder. 

1. 
   
2. add_filter('directorist_custom_field_meta_key_field_args', function ($args) {
3.     $args['type'] = 'text';
4.     return $args;
5. });
6. 
   

2. Create a custom text field below the website field:

Please create a new custom text field below the website field on the add listing form layout at Directory Builder section like below. Please make sure you name the key "website-anchor" like the following image -

3. Template Override:

Please read the template override documentation before you start this process. This will help you to understand how to override the templates properly.

Template Override Documentation

Please create a file "directorist/single/fields/website.php" in your currently activated theme folder with the following code -

1. 
   
2. <?php
3. /**
4.  * @author  wpWax
5.  * @since   6.7
6.  * @version 7.0.5.2
7.  */
8.  
9. if ( ! defined( 'ABSPATH' ) ) exit;
10. $website_anchor = get_post_meta( $data['listing_id'], '_website-anchor', true );
11. $website_anchor = $website_anchor && !empty( $website_anchor ) ? $website_anchor : 'Visit Website';
12. ?>
13.  
14. <div class="directorist-single-info directorist-single-info-web">
15.  
16.     <div class="directorist-single-info__label">
17.         <span class="directorist-single-info__label-icon"><?php directorist_icon( $icon );?></span>
18.         <span class="directorist-single-info__label--text"><?php echo esc_html( $data['label'] ); ?></span>
19.     </div>
20.    
21.     <div class="directorist-single-info__value">
22.         <a target="_blank" href="<?php echo esc_url( $value ); ?>"<?php echo !empty( $data['use_nofollow'] ) ? 'rel="nofollow"' : ''; ?>><?php echo esc_html( $website_anchor ); ?></a>
23.     </div>
24.  
25. </div>
26. 
    

4. Input: 

5. Output: