We have a Problem with JSON here:
Either we got no JSON from the API. Or the basenode-parameter is not ok.
Switch on the Debugmode of the Plugin!
Welcome!
Click on this block and you see on the right side the Gutenberg-Block settings of the « JSON Content Importer Gutenberg Block ». Yet there is an example to show how it works. The Example-URL is
https://www.formation-handisport.org/wp-content/plugins/json-content-importer/json/gutenbergblockexample1.json
Some settings show you how the JSON-parser and display works. The example-template is (try to change it on the right):
The result of combining JSON and this template gives us the output. Use this example to experiment: Type « level1 » in the right basenode-field, please. This will change the output as now the JSON and the template fit together (without not…)
You may also open the lower right « JCI Advanced« -section. Insert at « One of these words must be displayed: » the word « bb ». And at « JSON-depth of the above displayed Words: » the number 3. Do you see the difference at once?
Either we got no JSON from the API. Or the basenode-parameter is not ok.
Switch on the Debugmode of the Plugin!
Header text
Click on this block and you see on the right side the Gutenberg-Block settings of the « JSON Content Importer Gutenberg Block ». Yet there is an example to show how it works. The Example-URL is
https://www.formation-handisport.org/wp-content/plugins/json-content-importer/json/gutenbergblockexample1.json
Some settings show you how the JSON-parser and display works. The example-template is (try to change it on the right):
{subloop-array:data:-1}
<div class="wp-block-advgb-accordion-item advgb-accordion-item" style="margin-bottom:15px"><div class="advgb-accordion-header ui-accordion-header ui-state-default ui-corner-all ui-accordion-icons" style="background-color:#e4e4e4;color:#000000;border-style:solid;border-radius:2px" role="tab" id="ui-id-3" aria-controls="ui-id-4" aria-selected="false" aria-expanded="false" tabindex="-1">
<span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span><span class="advgb-accordion-header-icon"><svg fill="#fff" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0,0h24v24H0V0z"></path><path d="M12,5.83L15.17,9l1.41-1.41L12,3L7.41,7.59L8.83,9L12,5.83z M12,18.17L8.83,15l-1.41,1.41L12,21l4.59-4.59L15.17,15 L12,18.17z"></path></svg>
</span><h4 class="advgb-accordion-header-title" style="color:inherit">{data.id} - {data.diploma_name} - {data.dates} - </h4></div>
<div class="advgb-accordion-body ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" style="border-style: none solid solid !important; border-top-width: initial !important; border-top-color: initial !important; border-radius: 2px !important; display: none;" id="ui-id-4" aria-labelledby="ui-id-3" role="tabpanel" aria-hidden="true">
<div class="wp-block-advgb-columns advgb-columns-wrapper"><div class="advgb-columns-container"><div class="advgb-columns advgb-columns-row advgb-is-mobile advgb-columns-2 layout-12-12 mbl-layout-stacked gutter-40 vgutter-20">
<div class="wp-block-advgb-column advgb-column advgb-is-half-tablet advgb-is-full-mobile">
<h4>Date(s) & Lieu(x) : </h4>
<p>
{data.dates} <br/>
{subloop-array:data.dates_locations:-1}
{data.dates_locations.adress_complement:html,ifNotEmptyAddRight:<br/>}
{data.dates_locations.adress:html,ifNotEmptyAddRight:<br/>}
{data.dates_locations.postal_code}, {city}
{/subloop-array:data.dates_locations}
</p>
<h4>Organiteur(s) : </h4>
<p>
{subloop-array:data.organizers:-1}
{data.organizers.structure_name}<br/>
{/subloop-array:data.organizers}
</p>
<h4>Contact :</h4>
<p>
Nom : {data.contact_name}<br/>
Tèl : {data.contact_tel}<br/>
Mail :<a href="mailto:{contact_email}"> {data.contact_email}</a>
</p>
<h4>Unités de compétence (U.C) :</h4>
<p>
{subloop-array:data.diplomas_ucs:-1}
<strong>UC • </strong>{data.diplomas_ucs.name:html,ifNotEmptyAddRight:<br/>}
{/subloop-array:data.diplomas_ucs}
</p>
</div>
<div class="wp-block-advgb-column advgb-column advgb-is-half-tablet advgb-is-full-mobile">
<h4>Tarifs :</h4>
<p>
Prise en charge : {data.full_price}€<br/>
Autofinancement : {data.reduced_price}
</p>
<h4>Pré-requis :</h4>
<p class="diplome">
{subloop-array:data.diplomas_prerequisites:-1}
{data.diplomas_prerequisites.name}<br/>
{/subloop-array:data.diplomas_prerequisites}
</p>
<h4>Volume horaire :</h4>
<p>
{data.hourly_volume} heures<br/>
</p>
<h4>Nombre de stagiaires :</h4>
<p>
Max : {data.max_number_student}
</p>
<h4>Document(s) à télécharger :</h4>
<p>
{subloop-array:data.documents:-1}
{data.documents.name} : <a href="{data.documents.url}" target="_blank"> Télécharger, le lien déconne!</a><br/>
{/subloop-array:data.documents}
</p>
<div class="wp-block-advgb-button alignnone small-button">
<a href="{data.connect_url}" target="_blank" class="wp-block-advgb-button_link advgbbtn-1ab7398b-8614-4586-856a-09e3311992ca">
S'inscrire
</a>
</div>
</div>
</div></div></div></div>
</div>
{/subloop-array}The result of combining JSON and this template gives us the output. Use this example to experiment: Type « level1 » in the right basenode-field, please. This will change the output as now the JSON and the template fit together (without not…)
You may also open the lower right « JCI Advanced« -section. Insert at « One of these words must be displayed: » the word « bb ». And at « JSON-depth of the above displayed Words: » the number 3. Do you see the difference at once?