Piwigo.org

diaph · 2023-10-24 14:44:08

Bonjour,

Je voudrais modifier l'affichage des téléchargements dans la page picture.tpl dans le plugin "prepaid-credit".
Voilà ce que j'ai :

Code:

<div id="ppcreditsBuyPhoto" data-credits_left="{$CREDITS_LEFT}" data-image_id="{$current.id}">
{'Download this file'|@translate}
<ul>
{foreach from=$ppcredits_sizes item=size}
  <li>
  {if isset($size.download_url)}
    <a class="download" href="{$size.download_url}">{$size.type|translate}</a>
  {else}
    <a class="buy" href="#" data-cost="{$size.nb_credits}" data-size="{$size.type}">{$size.label}</a> <img class="loading" src="themes/default/images/ajax-loader-small.gif" style="display:none">
  {/if}
  </li>
{/foreach}
</ul>
</div>

Je préférerais avoir affichage avec liste déroulante plutôt qu'une simple liste, qui prend beaucoup de place, ce serait plus compact et esthétique ; surtout sur de longue liste.

Donc : ma question, comment dois-je coder pour faire cette modification ? Je sais qu'il faut changer <ul> et <li> mais par quoi ?

Si quelqu'un veux bien m'aider, merci d'avance.

ddtddt · 2023-10-24 14:47:39

Bonjour,

Attention à ce que les interactions continuent à fonctionner ..

tu as cherché liste déroulante html ?

diaph · 2023-10-24 15:41:58

Merci pour ta réponse ddtddt,
Oui j'ai jeter un œil, mais c'est pas simple du tout et trop compliqué à résoudre pour moi, je vais étudier encore un peu... pour pas abandonner trop vite!

k5 · 2023-11-06 01:04:09

Bonjour

un exemple de code html pour faire une une déroulante

Code:

<ul class="hList">
  <li>
    <a href="#click" class="menu">
      <h2 class="menu-title">animals</h2>
      <ul class="menu-dropdown">
        <li>cat</li>
        <li>dog</li>
        <li>horse</li>
        <li>cow</li>
        <li>pig</li>
      </ul>
    </a>
  </li>
  <li>
    <a href="#click" class="menu">
      <h2 class="menu-title menu-title_2nd">names</h2>
      <ul class="menu-dropdown">
        <li>Kevin</li>
        <li>Jim</li>
        <li>Andy</li>
      </ul>
    </a>
  </li>
  <li>
    <a href="#click" class="menu">
      <h2 class="menu-title menu-title_3rd">things</h2>
      <ul class="menu-dropdown">
        <li>bench</li>
        <li>pizza</li>
        <li>Honda CB125</li>
        <li>space</li>
        <li>black matter</li>
        <li>apple</li>
        <li>philodendron</li>
        <li>liver</li>
        <li>brass</li>
      </ul>
    </a>
  </li>
  <li>
    <a href="#click" class="menu">
      <h2 class="menu-title menu-title_4th">Movies</h2>
      <ul class="menu-dropdown">
        <li>Godzilla</li>
        <li>Man on Wire</li>
        <li>Spirited Away</li>
        <li>Interstellar</li>
      </ul>
    </a>
  </li>
</ul>

A très vite

Piwigo.org

Annonce

#1 2023-10-24 14:44:08

Prepaid-credit modification picture.tpl

Code:

#2 2023-10-24 14:47:39

Re: Prepaid-credit modification picture.tpl

#3 2023-10-24 15:41:58

Re: Prepaid-credit modification picture.tpl

#4 2023-11-06 01:04:09

Re: Prepaid-credit modification picture.tpl

Code:

Pied de page des forums