advanced custom fields - gallery

nature225

Hey zusammen,

folgendes Problem.

Ich benutze das Plugin advanced custom fields.

Dort habe ich Ein Wiederholungsfeld eingebunden um Icons + Beschreibung hinzuzufügen.

Allerdings habe ich nun das Problem, das die Icons die zum Beispiel beim Slide 1 sind auch beim Slide 2 angezeigt werden und darunter die anderen Icons (siehe Anhang)

Anhang 1 = Slide 1
Anhang 2 = Slide 2

hat jemand eine Idee woran das liegt?

Bei einem anderen Wiederholungsfeld klappt es ohne Probleme.

Mit folgenden Code hole ich die einzelnen URLS der Images:

Zitat

PHP

$cards = get_field('slides');
$icon_url = "";
$cards_html = "";


if ($cards) {
        foreach ($cards as $card) {


            if( $card['slide-popup-icons'] ):
                           
                foreach( $card['slide-popup-icons'] as $image ):  
                                                       
                    $icon_beschreibung =  $image['icon_beschreibung'];
                    $icon_url .= "<figure><img src=".$image['leistung_icon']." />
                                    <figcaption>".$icon_beschreibung."</figcaption>
                                   </figure>";                                                
                endforeach;                  
            endif;  




$cards_html .=
<div class="card-slider-popup-leistungen-icons"><hr>
                                     ' . $icon_url .'                                      
                                     </div>


}

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

b3317133

Für Wiederholungsfelder bei ACF verwendet man [FONT=Courier New]have_rows(), the_row(),[/FONT] und [FONT=Courier New]the_sub_field(),[/FONT] Beispiele siehe hier oder hier in der Anleitung von ACF.

nature225

Aus irgendwelchen zeigt er mir wenn ich nach der Anleitung gehe nichts an

Feldname: slides (Oberste Feld)

---

Name: Popup Icons
Feldname: slide-popup-icons
Typ: Wiederholung

--> Wiederholungsfenster
-----> Name: Icon
-----> Feldname: leistung_icon

Irgendwie komme ich da nur nicht ran ;/

nature225

::

Habe es mit the_row etc ausprobiert. Allerdings zeigt er mir trotzdem beim 2.Slide auch die Icons vom 1.Slide weiterhin an.

Hat jemand evtl. noch eine Idee woran es liegt?

b3317133

Ohne Code schwer zu sagen...

nature225

Code hatte ich oben doch schon gepostet?

nature225

Hier aber nochmal der Ganze Code der ganzen Function:

PHP

function card_slider()
{
    $featured_img_url = get_the_post_thumbnail_url(get_the_ID(), 'full');
    $featured_img_html = ($featured_img_url) ? ' style="background-image: url(' . $featured_img_url . ')"' : '';


    $cards = get_field('slides');
    $cards_html = '';
    $icon_url = "";
    $icon_beschreibung = "";
 
    if ($cards) {
        foreach ($cards as $card) {


            if ($card['slide-popup-icons']):


                foreach ($card['slide-popup-icons'] as $image):


                    $icon_beschreibung = $image['icon_beschreibung'];
                    $icon_url .= "<figure><img src=" . $image['leistung_icon'] . " />
                                                                                    <figcaption>" . $icon_beschreibung . "</figcaption>
                                                                                   </figure>";


                endforeach;
            endif;


            $cards_html .= '
                <div class="section ' . $card['acf_fc_layout'] . '">
                    <div class="container">
                        <div class="card-slider-content">
                            <div class="card-slider-card">
                            
            ';


            switch ($card['acf_fc_layout']) {
                case '_slide_type_1':
                    $cards_html .= '<div class="card-slider-title">' . $card['-slide-svg'] . '</div>';
                    break;


                case '_slide_type_2':
                    $cards_html .= '
                        <div class="card-slider-title">' . $card['-slide-svg'] . '</div>
                        <div class="card-slider-text">' . $card['-slide-text'] . '
                            <a class="card-slider-button-plus" href="#"></a>                           
                                <div class="card-slider-popup-text">
                                <button id="card-slider-overlay-btn-close" class="btn card-slider-overlay-btn-close" type="button" name="button">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 212.982 212.982"><path fill="currentColor" fill-rule="evenodd" d="M131.804 106.491l75.936-75.936c6.99-6.99 6.99-18.323 0-25.312-6.99-6.99-18.322-6.99-25.312 0L106.491 81.18 30.554 5.242c-6.99-6.99-18.322-6.99-25.312 0-6.989 6.99-6.989 18.323 0 25.312l75.937 75.936-75.937 75.937c-6.989 6.99-6.989 18.323 0 25.312 6.99 6.99 18.322 6.99 25.312 0l75.937-75.937 75.937 75.937c6.989 6.99 18.322 6.99 25.312 0 6.99-6.99 6.99-18.322 0-25.312l-75.936-75.936z" clip-rule="evenodd"/></svg>
                                </button>                         
                                    <div class="card-slider-popup-beschreibung">
                                        <hr>' . $card['-slide-popup-text'] . '
                                    </div>
                                     <div class="card-slider-popup-leistungen-icons"><hr>
                                     ' . $icon_url . '
                                     </div>
                                </div>
                        </div>
                    ';
                    break;
            }


            $cards_html .= '</div></div></div>
            <span class="scroll-btn">
                <a href="#">
                    <span class="mouse">
                        <span>
                        </span>
                    </span>
                </a>
            </span>


            </div>
            ';
        }


        add_action('wp_footer', function () {
            echo '
                <div id="card-slider-overlay" class="card-slider-overlay">
                    <div id="card-slider-overlay-content" class="card-slider-overlay-content"></div>
                </div>
            ';
        });
    }


    return '<div id="fullpage" class="card-slider">' . $cards_html . '</div>';
}

Alles anzeigen

b3317133

In dem Code ist kein [FONT=Courier New]have_rows(), the_row()[/FONT] usw. - benutze die oben verlinkten ACF Beispiele als Basis.

nature225

Ja das hatte ich wieder heraus genommen gehabt, weil es kein Erfolg brachte.

Hättest du den evtl. eine Anregung wo genau have_rows ; the_rows da mit eingebunden werden solle?

Vielleicht hatte ich es auch an der flacshen stelle drin

Willkommen! Melden Sie sich an oder registrieren Sie sich.

advanced custom fields - gallery

Jetzt mitmachen!