if get_field using multiple fields

Question

Im using advanced custom fields and I want to display a line if both fields are active.

I currently have one checking for a spotify link and one checking for an iTunes link. What I would like to do is display a | (to separate the text) if both fields are being used otherwise the | remains hidden.

Here is my code:

<?php if( get_field('spotify') ): ?>
    <a target="_blank" href="<?php the_field('spotify');?>">Spotify</a>
<?php endif; ?>

<?php if( get_field('spotify','itunes') ): ?>
    |
<?php endif; ?>

<?php if( get_field('itunes') ): ?>
    <a target="_blank" href="<?php the_field('itunes');?>">iTunes</a>
<?php endif; ?>

Brewal · Accepted Answer · 2014-12-05 15:19:36Z

2

Why don't you try :

<?php if(get_field('spotify') && get_field('itunes')): ?>

You could also avoid the reuse of the get_field function :

<?php 
$spotify = false;
if( get_field('spotify') ) : 
    $spotify = true; 
?>
    <a target="_blank" href="<?php the_field('spotify');?>">Spotify</a>
<?php endif; ?>

<?php if( get_field('itunes') ): ?>
    <?php if ($spotify) : ?>|<?php endif; ?>
    <a target="_blank" href="<?php the_field('itunes');?>">iTunes</a>
<?php endif; ?>

Edit : you may have a close result using just this CSS :

#mylinksdiv a + a {
    border-left: 1px solid black;
    padding-left: 0.3em;
}

demo

edited Dec 5, 2014 at 15:19

answered Dec 5, 2014 at 15:06

Brewal

8,1942 gold badges28 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Brewal · Accepted Answer · 2014-12-08 13:52:53Z

2

You also could make good use of get_fields( $postID ) function. Like so:

$fields = get_fields( $post->ID );

if( isset( $fields['spotify'], $fields['itunes'] ) ){
  // do something
} else {
  // do something else
}

edited Dec 8, 2014 at 13:52

Brewal

8,1942 gold badges28 silver badges38 bronze badges

answered Dec 5, 2014 at 19:14

Ionuț Staicu

22.3k11 gold badges54 silver badges58 bronze badges

Comments

Jomar Sevillejo · Accepted Answer · 2016-11-26 08:34:04Z

1

Achievable using CSS ONLY

You can actually achieve this using just CSS. What you can do is make use of the + selector in CSS. If there are two of them, like - let's say <span>'s, then you could select the second one using the + selector and add a pseudo :before to it with content: " | ";

The best thing about this is it's all on the client side and does not require your server to do multiple get_field()'s

There's only two that you need to pull and that's too much for ACF a get_fields().

Another good thing is if you need to add more in the future, you don't have to do another check like you are doing right now with the current solution.

See my example bellow:

span + span:before {
  content: ' | ';
}

<span>Spotify</span><span>iTunes</span>

edited Nov 26, 2016 at 8:34

answered Nov 26, 2016 at 8:27

Jomar Sevillejo

1,7082 gold badges21 silver badges33 bronze badges

Comments

RichardBernards · Accepted Answer · 2014-12-05 15:12:51Z

0

I have created the following snippet in which you can just add your links in the array $fields, and it displays everything in the same manner as you had, but without all the weird conditionals:

<?php
    $links = '';
    $fields = array(
        'spotify' => 'Spotify',
        'itunes'  => 'iTunes',
    );
    foreach($fields as $field => $displayName) {
        if(get_field($field)) {
            $links .= (strlen($links) ? ' | ' : '') . '<a target="_blank" href="' . the_field($field) . '">' . $displayName . '</a>';
        }
    }
    echo $links;
?>

The advantage of this code is that it still works with more than 2 fields...

answered Dec 5, 2014 at 15:12

RichardBernards

3,0971 gold badge24 silver badges30 bronze badges

1 Comment

probablybest Over a year ago

thank you for this,this is what im looking for.Apart from its posting both the links out rather than being located in the href=""

Collectives™ on Stack Overflow

if get_field using multiple fields

4 Answers 4

Comments

Comments

Achievable using CSS ONLY

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Achievable using CSS ONLY

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related