Jump to content

[Risolto] Aggiunta di una immagine al template quando il prodotto è finito


Davide86

Recommended Posts

Buona sera, sono qui a chiedervi aiuto nel capire dove sbaglio. 

Vi spiego cosa ho fatto e cosa vorrei ottenere. 

Io ho l'ultima versione di PrestaShop 1.7.6.0 e sto cercando di modificare il tema classico, premetto che sono un novellino nel mondo dello sviluppo dei temi di PrestaShop. 

Veniamo a noi, sono qui a scrivervi perché il mio scopo è quello di far apparire una immagine quando la quantità del prodotto XX arriva a zero ( <= 0),

Vi dico come mi sono mosso: ho modificato il file themes/classic/templates/catalog/product.tpl  aggiungendo il seguente pezzo di codice

    <div class="row">
      <div class="col-md-6">
        {block name='page_content_container'}
          <section class="page-content" id="content">
            {block name='page_content'}
              <!-- @todo: use include file='catalog/_partials/product-flags.tpl'} -->
              {block name='product_flags'}
                <ul class="product-flags">
                  {foreach from=$product.flags item=flag}
                    <li class="product-flag {$flag.type}">{$flag.label}</li>
                  {/foreach}

                    {if $product.show_quantities <= "0"}
                        <img src="{$urls.img_ps_url}sold-out.png" alt="Sold Out" width="200" height="100">
                    {/if}

                </ul>
              {/block}

              {block name='product_cover_thumbnails'}
                {include file='catalog/_partials/product-cover-thumbnails.tpl'}
              {/block}

Io ho salvato il file nella cartella img/p del template classico ma ottengo un link corrotto . 

Cosa ottengo :

sold-out.thumb.png.3634dde05852a2313d0d139adc399e8f.png

Codice HTML della porzione dell'immagine corrotta.

codie_html_errore.png.e9fa3ff46a77bead94fb4e3d31d80903.png

Cosa vorrei ottenere

cosa_vorrei_ottenere.thumb.png.b9004dde3d1d0563dd1bff8a896793a0.png

Grazie mille anticipatamente.

Saluti DAVIDE. 

Edited by Davide86 (see edit history)
Link to comment
Share on other sites

Leggendo attentamente ho scoperto che il problema non risiedeva su dove avevo salvato l'immagine ma bensi dal modulo Apache "pagespeed" al momento sono stato costretto a disattivarlo ma appena ho più di tempo provo ad attivarlo e capire fino in fondo dove è sbagliata la configurazione. 

Per chi lo vuole sapere è da commentare (#)  "httpd.conf" due righe le seguenti : 

Include conf/pagespeed.conf
Include conf/pagespeed_libraries.conf

È da ricordarsi da riavviare il servizio di Apache per vedere le modifiche.

 

# /etc/init.d/apache2 restart
oppure
$ sudo /etc/init.d/apache2 restart
oppure
$ sudo service apache2 restart

Aggiungo una correzzione al codice :

{if $product.show_quantities <= "0"}
   <img src="{$urls.img_ps_url}sold-out.png" alt="Sold Out" width="200" height="100">
{/if}

La variabile {$urls.img_ps_url} punterà al seguente indirizzo "https://<dominio>/img/" e li potete salvare le vostre immagini.

 

Per chi vuole può modificare anche i seguenti file : 

catalog/_partials/product-variants.tpl  

<div class="product-variants">
               {if $product->quantity <= "0"}
                     <br>
                        <img src="{$urls.img_ps_url}sold-out.png" alt="Sold Out" width="200" height="100">
                     <br>
               {/if}
          {if $product.show_price == false}
            <button class="btn btn-primary " data-button-action="login" type="submit">
            Accedi per vedere il prezzo
          </button>
          {/if}
.....

 catalog/_partials/miniatures/product.tpl 


....
	  <!-- @todo: use include file='catalog/_partials/product-flags.tpl'} -->
      {block name='product_flags'}
        <ul class="product-flags">
          {foreach from=$product.flags item=flag}
            <li class="product-flag {$flag.type}">{$flag.label} </li>
          {/foreach}

            {if $product->quantity <= "0"}
             <img src="{$urls.img_ps_url}sold-out.png" alt="Sold Out" width="200" height="100">
            {/if}

        </ul>
      {/block}
....

 

 

Edited by Davide86 (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...