Jump to content

Quantità visibili nei prodotti


daninapoli

Recommended Posts

ho provato a modificare il file product.tpl presente /themes/classic/templates/catalog/_partials/miniatures

inserendo questo codice:

        <div class="product-quantities">      
      {block name='product_quantities'}
        {if $product.show_quantities}
          <div class="product-quantities">
        <label class="label">{l s='In stock' d='Shop.Theme.Catalog'}</label>
        <span data-stock="{$product.quantity}" data-allow-oosp="{$product.allow_oosp}">{$product.quantity} {$product.quantity_label}</span>
          </div>
        {/if}
             {/block}
        </div>
 

sicuramente sto sbagliando qualcosa... perchè non mi visualizza la quantità del prodotto nell'elenco dei prodotti. 
potete aiutarmi ?

 

Link to comment
Share on other sites

una versione semplificata del codice potrebbe essere questa

 

<p class="quantita-prod-categorie"><b>{l s='Quantità' d='Shop.Theme.Catalog'}:</b> {$product.quantity}</p>

 

ovviamente sentiti libero di modificare a piacimento il nome della classe

Link to comment
Share on other sites

27 minuti fa, mma87 dice:

una versione semplificata del codice potrebbe essere questa

 

<p class="quantita-prod-categorie"><b>{l s='Quantità' d='Shop.Theme.Catalog'}:</b> {$product.quantity}</p>

 

ovviamente sentiti libero di modificare a piacimento il nome della classe

grazie mille... faccio delle prove

Link to comment
Share on other sites

3 ore fa, mma87 dice:

una versione semplificata del codice potrebbe essere questa

 

<p class="quantita-prod-categorie"><b>{l s='Quantità' d='Shop.Theme.Catalog'}:</b> {$product.quantity}</p>

 

ovviamente sentiti libero di modificare a piacimento il nome della classe

scusa me metto questo pezzo di codice ho errore 500..

sto sbagliando quanlcosa ?

questo è il codice che ho ho allargato un po il css ma non vedo tutte le info:

 

      <div class="product-description">
        {block name='product_name'}
          {if $page.page_name == 'index'}
            <h3 class="h3 product-title" itemprop="name"><a href="{$product.url}" itemprop="url" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h3>
          {else}
            <h2 class="h3 product-title" itemprop="name"><a href="{$product.url}" itemprop="url" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h2>
          {/if}
        {/block}

    {block name='product_price_and_shipping'}
          {if $product.show_price}
            <div class="product-price-and-shipping">
              {if $product.has_discount}
                {hook h='displayProductPriceBlock' product=$product type="old_price"}

                <span class="regular-price" aria-label="{l s='Regular price' d='Shop.Theme.Catalog'}">{$product.regular_price}</span>
                {if $product.discount_type === 'percentage'}
                  <span class="discount-percentage discount-product">{$product.discount_percentage}</span>
                {elseif $product.discount_type === 'amount'}
                  <span class="discount-amount discount-product">{$product.discount_amount_to_display}</span>
                {/if}
              {/if}

              {hook h='displayProductPriceBlock' product=$product type="before_price"}

              <span class="price" aria-label="{l s='Price' d='Shop.Theme.Catalog'}">{$product.price}</span>
              <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="invisible">
                <meta itemprop="priceCurrency" content="{$currency.iso_code}" />
                <meta itemprop="price" content="{$product.price_amount}" />
              </div>

              {hook h='displayProductPriceBlock' product=$product type='unit_price'}

              {hook h='displayProductPriceBlock' product=$product type='weight'}
            </div>
          {/if}
        {/block}

         <div class="p-reference">
    {block name='product_reference'}
              <div class="product-reference">
                <span itemprop="sku">{$product.reference_to_display}</span>
              </div>
            {/block}
    </div> 
    
    <div class="product-quantities">      
      {block name='product_quantities'}
        {if $product.show_quantities}
        <div class="product-quantities">
         <label class="label">{l s='Pz' d='Shop.Theme.Catalog'}</label>
         <span data-stock="{$product.quantity}" data-allow-oosp="{$product.allow_oosp}">{$product.quantity} {$product.quantity_label}</span>
        </div>
       {/if}
      {/block}
    </div>
 

Link to comment
Share on other sites

ho fatto cosi sembra che vada ma vorrei mettere la scritta "rif:" e il riferimento e po "Pz" allineato a destra

    <div class="p-reference">
    {block name='product_reference'}
              <div class="product-reference">
                <span itemprop="sku">{$product.reference_to_display}</span>
                                 <p class="product-quantities"><b>{l s='Pz' d='Shop.Theme.Catalog'}:</b> {$product.quantity}</p>    
              </div>
            {/block}
    </div> 
 

 

Immagine222.png

si può semplificare anche il codice per la referenza ?

<p class="product_reference"><b>{l s='Rif' d='Shop.Theme.Catalog'}:</b> {$product.reference}</p>

<p class="product-quantities"><b>{l s='Pz' d='Shop.Theme.Catalog'}:</b> {$product.quantity}</p>

su unica riga è fattibile ?

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

potresti provare così:

(fai sempre un backup prima)

sostituisci questo blocco:

{block name='product_name'}
          {if $page.page_name == 'index'}
            <h3 class="h3 product-title" itemprop="name"><a href="{$product.url}" itemprop="url" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h3>
          {else}
            <h2 class="h3 product-title" itemprop="name"><a href="{$product.url}" itemprop="url" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h2>
          {/if}
        {/block}

con questo:

{block name='product_name'}
          {if $page.page_name == 'index'}
            <h3 class="h3 product-title" itemprop="name"><a href="{$product.url}" itemprop="url" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h3>

            <p class="quantita-prod-categorie"><b>{l s='Pz' d='Shop.Theme.Catalog'}:</b> {$product.quantity} <span style="text-align: right"><b>{l s='RIf' d='Shop.Theme.Catalog'}:</b> {$product.reference}</span></p>
          {else}
            <h2 class="h3 product-title" itemprop="name"><a href="{$product.url}" itemprop="url" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h2>

            <p class="quantita-prod-categorie"><b>{l s='Pz' d='Shop.Theme.Catalog'}:</b> {$product.quantity} <span style="text-align: right"><b>{l s='RIf' d='Shop.Theme.Catalog'}:</b> {$product.reference}</span></p>

            <p class="quantita-prod-categorie"></p>
          {/if}
        {/block}

 

però ti consiglio di fare attenzione, da quello che mi sembra di capire è meglio prima approfondire i concetti base di html e css, sennò rischi malfunzionamenti ecc

 

ci sono tanti siti online dove puoi formarti in maniera gratuita, uno buono è questo https://www.w3schools.com/

 

ciao,

Matteo

Link to comment
Share on other sites

2 ore fa, mma87 dice:

potresti provare così:

(fai sempre un backup prima)

sostituisci questo blocco:

{block name='product_name'}
          {if $page.page_name == 'index'}
            <h3 class="h3 product-title" itemprop="name"><a href="{$product.url}" itemprop="url" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h3>
          {else}
            <h2 class="h3 product-title" itemprop="name"><a href="{$product.url}" itemprop="url" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h2>
          {/if}
        {/block}

con questo:

{block name='product_name'}
          {if $page.page_name == 'index'}
            <h3 class="h3 product-title" itemprop="name"><a href="{$product.url}" itemprop="url" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h3>

            <p class="quantita-prod-categorie"><b>{l s='Pz' d='Shop.Theme.Catalog'}:</b> {$product.quantity} <span style="text-align: right"><b>{l s='RIf' d='Shop.Theme.Catalog'}:</b> {$product.reference}</span></p>
          {else}
            <h2 class="h3 product-title" itemprop="name"><a href="{$product.url}" itemprop="url" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h2>

            <p class="quantita-prod-categorie"><b>{l s='Pz' d='Shop.Theme.Catalog'}:</b> {$product.quantity} <span style="text-align: right"><b>{l s='RIf' d='Shop.Theme.Catalog'}:</b> {$product.reference}</span></p>

            <p class="quantita-prod-categorie"></p>
          {/if}
        {/block}

 

però ti consiglio di fare attenzione, da quello che mi sembra di capire è meglio prima approfondire i concetti base di html e css, sennò rischi malfunzionamenti ecc

 

ci sono tanti siti online dove puoi formarti in maniera gratuita, uno buono è questo https://www.w3schools.com/

 

ciao,

Matteo

si sono bianco... su html... e css vado in base alle esigenze cerco soluzione...  accetto volentieri il consiglio.. spero di iniziare quanto prima...
 

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...