Ocultar Boton Añadir al carrito cuando el producto no está disponible.

[turedpro]

Hola amig@s,

Pues eso, me gustaría que, cuando un producto no está disponible, se pueda visualizar y ver el precio, pero que el botón de añadir al carrito no aparezca. Por defecto, se oscurece y no es accesible pero me gustaría que no se viera. 

He revisado en que TPL habría que hacerlo pero no sé mucho de código. 

¿Alguno lo habéis hecho?

Gracias de antemano. 

[ExpertoPrestaShop]

Donde mismo esta la condición en el TPL para que aparezca mas oscuro el botón del carrito solo debes añadir una clase o estilo que sea oculto. Publica el codigo del TPL para ayudarte un poco mas porque esto varia de tema en tema y en dependencia de la version de PS.

[turedpro]

Hola, muchas gracias por tu respuesta. 

Mi tema es el Classic y mi versión de PS 1.7.8.10.

Por lo poco que entiendo, he mirado en la siguiente ruta:

httpdocs/themes/classic/templates/catalog/_partials

El archivo es el product-add-to-cart.tpl

Y el código es este:

<div class="product-add-to-cart js-product-add-to-cart">
  {if !$configuration.is_catalog}
    <span class="control-label">{l s='Quantity' d='Shop.Theme.Catalog'}</span>

    {block name='product_quantity'}
      <div class="product-quantity clearfix">
        <div class="qty">
          <input
            type="number"
            name="qty"
            id="quantity_wanted"
            inputmode="numeric"
            pattern="[0-9]*"
            {if $product.quantity_wanted}
              value="{$product.quantity_wanted}"
              min="{$product.minimal_quantity}"
            {else}
              value="1"
              min="1"
            {/if}
            class="input-group"
            aria-label="{l s='Quantity' d='Shop.Theme.Actions'}"
          >
        </div>

        <div class="add">
          <button
            class="btn btn-primary add-to-cart"
            data-button-action="add-to-cart"
            type="submit"
            {if !$product.add_to_cart_url}
              disabled
            {/if}
          >
            <i class="material-icons shopping-cart">&#xE547;</i>
            {l s='Add to cart' d='Shop.Theme.Actions'}
          </button>
        </div>

        {hook h='displayProductActions' product=$product}
      </div>
    {/block}

    {block name='product_availability'}
      <span id="product-availability" class="js-product-availability">
        {if $product.show_availability && $product.availability_message}
          {if $product.availability == 'available'}
            <i class="material-icons rtl-no-flip product-available">&#xE5CA;</i>
          {elseif $product.availability == 'last_remaining_items'}
            <i class="material-icons product-last-items">&#xE002;</i>
          {else}
            <i class="material-icons product-unavailable">&#xE14B;</i>
          {/if}
          {$product.availability_message}
        {/if}
      </span>
    {/block}

    {block name='product_minimal_quantity'}
      <p class="product-minimal-quantity js-product-minimal-quantity">
        {if $product.minimal_quantity > 1}
          {l
          s='The minimum purchase order quantity for the product is %quantity%.'
          d='Shop.Theme.Checkout'
          sprintf=['%quantity%' => $product.minimal_quantity]
          }
        {/if}
      </p>
    {/block}
  {/if}
</div>

 

Un saludo, 

[ExpertoPrestaShop]

Donde dice:

{if !$product.add_to_cart_url}
	disabled
{/if}

Puedes añadir un código como este o similar:

{if !$product.add_to_cart_url}
	style="display:none;"
	disabled
{/if}

Suerte.

[turedpro]

Perfecto, justo lo que buscaba. Tan complejo y tan sencillo a la par.

Muchisimas gracias.