Ein benutzerdefiniertes Feldbild in Visual Composer anzeigen Benutzerdefinierte Gittervorlage

Question

Ich arbeite an einer WP-Site mit Visual Composer.

In der Homepage habe ich ein "Post Grid" -Element eingefügt, das einen bestimmten benutzerdefinierten Post-Typ lädt.

Dieser benutzerdefinierte Post verfügt über mehrere benutzerdefinierte Felder (mit dem erweiterten benutzerdefinierten Felder-Plugin): eines dieser Felder ist ein Bild.

Diese Post-Grid verwendet ein benutzerdefiniertes Raster, um diese benutzerdefinierten Felder anzuzeigen.

Wenn ich eine Vorschau der Seite anzeige, wird der Postdaumen (das nachgestellte Bild) korrekt angezeigt, einige benutzerdefinierte Textfelder, aber das sekundäre Bild (erstellt mit einem benutzerdefinierten Feld) zeigt nur Text an (speziell das Array Objekt oder ID des Bildes).

Wie kann ich das Bild rendern? Ist es möglich, Code für dieses benutzerdefinierte Feld einzufügen (z. B. das Omg-HTML-Tag), um zu vermeiden, dass der Text gerendert wird?

Vielen Dank im Voraus, Franc

Answer 1

Sind Sie sicher, dass Sie genauen Code zu holen Bild von Advance benutzerdefinierten Feld Option verwenden?

Hier ist der genaue Code, den Sie benötigen:

<?php 

$image = get_field('image'); 

if(!empty($image)): ?> 

    <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" /> 

<?php endif; ?> 

einfach diese ID mit Ihrem eigenen Feld-ID ersetzen und es wird wie unten gezeigt werden:

get_field('your own field id'); 

Hoffnung, macht es Sinn, Wenn Sie noch Hilfe brauchen, lassen Sie es mich wissen. Danke

Answer 2

Ich habe dieses Problem auch.

Öffnen Sie die Datei js_composer \ include \ classes \ Anbieter \ Plugins \ acf \ class-vc-GAnzeige-ACF-shortcode.php

Und diesen Code setzen: vor der Rückkehr, und Sie können den ursprünglichen Rückkehr Kommentar :

$allFields = acf_get_fields($field_group); 
    for ($i=0; $i < count($allFields); $i++) { 
     if ($field_key == $allFields[$i]['key'] && $allFields[$i]['type'] == 'image') { 
      return '<div ' . $field_key . ' class="' . esc_attr($css_class) . '">' 
        . '<img src=" {{ acf' . (! empty($field_key) ? ':' . $field_key : '') . ' }} ">' 
       . '</div>'; 
     } else { 
      return '<div ' . $field_key . ' class="' . esc_attr($css_class) . '">' 
        . '{{ acf' . (! empty($field_key) ? ':' . $field_key : '') . ' }}' 
       . '</div>'; 
     } 
    } 

Diese Arbeit für das Bildfeld, können Sie mehr elses zu anderen Arten von Feldern machen.

Sie können meine Datei und einige Infos hier sehen: https://github.com/ramonMontanhes/visualcomposer-acf

Answer 3

Öffnen Sie die Datei js_composer \ include \ classes \ Anbieter \ Plugins \ acf \ class-vc-GAnzeige-ACF-shortcode.php

Und Setzen Sie diesen Code: vor der Rückkehr, und Sie können die ursprüngliche Rückkehr kommentieren:

 $f = get_field_object($field_key); 


    if ($f['type'] == 'image') { 
     return '<div ' . $field_key . ' class="' . esc_attr($css_class) . '">' 
       . '<img src=" {{ acf' . (! empty($field_key) ? ':' . $field_key : '') . ' }} ">' 
       . '</div>'; 
    } else { 
     return '<div ' . $field_key . ' class="' . esc_attr($css_class) . '">' 
       . '{{ acf' . (! empty($field_key) ? ':' . $field_key : '') . ' }}' 
       . '</div>'; 
    }