•  » Plugins
  •  » Prepaid-credit modification picture.tpl

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

diaph
Membre
Provence
2017-03-19
79

Prepaid-credit modification picture.tpl

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.


Piwigo 13.6.0
PHP: 7.4 - Hébergement : LWS - Mutualisé Linux
MySQL: 5.5.5-10.3.36-MariaDB-0+deb10u2
Bibliothèque graphique: ImageMagick 6.9.11-60

Hors ligne

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

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16915

Re: Prepaid-credit modification picture.tpl

Bonjour,

Attention à ce que les interactions continuent à fonctionner ..

tu as cherché liste déroulante html ?


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

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

diaph
Membre
Provence
2017-03-19
79

Re: Prepaid-credit modification picture.tpl

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!


Piwigo 13.6.0
PHP: 7.4 - Hébergement : LWS - Mutualisé Linux
MySQL: 5.5.5-10.3.36-MariaDB-0+deb10u2
Bibliothèque graphique: ImageMagick 6.9.11-60

Hors ligne

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

k5
Équipe Piwigo
La reppe
2014-01-26
1351

Re: Prepaid-credit modification picture.tpl

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 14.4 VM alpneLinux php 8.4
Piwigo 14.4 php 8.4 -- 8.4 mysql -- ImageMagick 7.1.1.34

Hors ligne

  •  » Plugins
  •  » Prepaid-credit modification picture.tpl

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact