Oke dan. Even uitgaande van de originele situatie.
Zoek in product.tpl de regels
var availableNowValue = '{$product->available_now|escape:'quotes':'UTF-8'}';
var availableLaterValue = '{$product->available_later|escape:'quotes':'UTF-8'}';
Vervang dit voor
{if $product->available_now != ''}var availableNowValue = '{$product->available_now|escape:'quotes':'UTF-8'}';{else}var availableNowValue = '{l s='Available now' js=1}';{/if}
{if $product->available_later != ''}var availableLaterValue = '{$product->available_later|escape:'quotes':'UTF-8'}';{else}var availableLaterValue = '{l s='Available later' js=1}';{/if}
Vervolgens zoek je in dezelfde product.tpl de regels
<p id="availability_statut"{if ($product->quantity <= 0 && !$product->available_later && $allow_oosp) OR ($product->quantity > 0 && !$product->available_now) OR !$product->available_for_order OR $PS_CATALOG_MODE} style="display: none;"{/if}>
<span id="availability_label">{l s='Availability:'}</span>
<span id="availability_value"{if $product->quantity <= 0} class="warning_inline"{/if}>
{if $product->quantity <= 0}{if $allow_oosp}{$product->available_later}{else}{l s='This product is no longer in stock'}{/if}{else}{$product->available_now}{/if}
</span>
</p>
En vervangt dit voor
<p id="availability_statut"{if ($product->quantity <= 0 && !$allow_oosp) OR !$product->available_for_order OR $PS_CATALOG_MODE} style="display: none;"{/if}>
<span id="availability_label">{l s='Availability:'}</span>
<span id="availability_value"{if $product->quantity <= 0} class="warning_inline"{else} class="green_inline"{/if}>
{if $product->quantity <= 0}
{if $allow_oosp}
{if $product->available_later != ''}{$product->available_later}{else}{l s='Available later'}{/if}
{else}
{l s='This product is no longer in stock'}
{/if}
{else}
{if $product->available_now != ''}{$product->available_now}{else}{l s='Available now'}{/if}
{/if}
</span>
</p>
En om de css kleurtjes aan te passen zoek je in product.css de regels
#availability_statut span#availability_value {
display:inline-block;
padding:1px 5px;
font-weight:bold;
font-size:10px;
color:#fff;
text-transform:uppercase;
background:#9b0000
}
En vervangt dit voor
#availability_statut span#availability_value {
display:inline-block;
padding:1px 5px;
font-weight:bold;
font-size:10px;
color:#fff;
text-transform:uppercase;
}
.warning_inline {
background:#9b0000
}
.green_inline {
background:green
}
scorpionsworld's post in [SOLVED] Voorraad weergave was marked as the answer