Затемнить фото товара которого нет в наличии

[Ch0oJoy]

Подскажите пожалуйста как можно затемнить/высветлить изображения товара которого нет в наличии. Раньше был модификатор, Gray Image, но версия ос не подходит(

[sasha3337774]

.stock-false{
filter: grayscale(100%);
}

например вот так затемнить
http://joxi.ru/KAglQOaTNYd4yr

а вот так высветлить:

.stock-false{
opacity: .3;
}

http://joxi.ru/V2Vyq89S8Noxbm

Змінено 7 квітня 2021 користувачем sasha3337774

[SGrWr_34]

еще нужно в контроллере в массив товаров добавить

'quantity'        => $result['quantity'],

а в каталоге, поиске и так далее изменить вывод картинки пример так

<img src="{{ product.thumb }}" alt="{{ product.name }}" title="{{ product.name }}" class="img-responsive {% if product.quantity <= 0 %}stock-false{% endif %}" />

 

[matroskin92]

Именно для обесцвечивания надо использовать не opacity (это прозрачность), а 

filter: grayscale(100%);

Тогда получите серую картинку

[Ch0oJoy]

5 часов назад, SGrWr_34 сказал:

еще нужно в контроллере в массив товаров добавить

'quantity'        => $result['quantity'],

а в каталоге, поиске и так далее изменить вывод картинки пример так

<img src="{{ product.thumb }}" alt="{{ product.name }}" title="{{ product.name }}" class="img-responsive {% if product.quantity <= 0 %}stock-false{% endif %}" />

 

 

<a href="{{ product['href'] }}"><img {% if (product['product_quantity'] <= 0 and show_stock_status) %}data-status="{{ product['stock_status'] }}"{% endif %} {% if (lazyload_page) %}data-src="{{ product['thumb'] }}" src="{{ lazy_image }}" {% else %}src="{{ product['thumb'] }}"{% endif %} alt="{{ product['name'] }}" title="{{ product['name'] }}" class="img-responsive {% if (lazyload_page) %}lazyload{% endif %}" class="img-responsive {% if product.quantity <= 0 %}stock-false{% endif %}"/></a>

Подскажите пожалуйста, так?

[SGrWr_34]

@Ch0oJoy , странный у вас синтаксис, используйте стандартный twig. {{ product.href }} вместо {{ product['href' }} и т.д.

И неправильно дважды задавать класс -> в таком случае будет использоваться последний. В вашем случае строка должна быть примерно такая:

<a href="{{ product.href }}"><img {% if (product.product_quantity <= 0 and show_stock_status) %}data-status="{{ product.stock_status }}"{% endif %} {% if (lazyload_page) %}data-src="{{ product.thumb }}" src="{{ lazy_image }}" {% else %}src="{{ product.thumb }}"{% endif %} alt="{{ product.name }}" title="{{ product.name }}" class="img-responsive {% if (lazyload_page) %}lazyload{% endif %}{% if product.quantity <= 0 %} stock-false{% endif %}" /></a>

 

[voronlviv]

В 10.04.2021 в 10:52, SGrWr_34 сказав:

@Ch0oJoy , странный у вас синтаксис, используйте стандартный twig. {{ product.href }} вместо {{ product['href' }} и т.д.

И неправильно дважды задавать класс -> в таком случае будет использоваться последний. В вашем случае строка должна быть примерно такая:

<a href="{{ product.href }}"><img {% if (product.product_quantity <= 0 and show_stock_status) %}data-status="{{ product.stock_status }}"{% endif %} {% if (lazyload_page) %}data-src="{{ product.thumb }}" src="{{ lazy_image }}" {% else %}src="{{ product.thumb }}"{% endif %} alt="{{ product.name }}" title="{{ product.name }}" class="img-responsive {% if (lazyload_page) %}lazyload{% endif %}{% if product.quantity <= 0 %} stock-false{% endif %}" /></a>

 

Підкажіть, будь ласка, чого не хватає:

<div class="image"><?php echo $product['stickers']; ?><a href="<?php echo $product['href']; ?>"><img itemprop="image" src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive {% if product.quantity <= 0 %}stock-false{% endif %}" /></a></div>

 

[SGrWr_34]

@voronlviv в вас, нібито тема в трійці відкрита, а якась мішанина пхп+твіг. Давайте доступи у ПП, зробимо, так буде швидше, аніж пояснювати

[voronlviv]

В 27.06.2021 в 08:32, SGrWr_34 сказав:

@voronlviv в вас, нібито тема в трійці відкрита, а якась мішанина пхп+твіг. Давайте доступи у ПП, зробимо, так буде швидше, аніж пояснювати

В мене Ocstore 2.1.0.1. Для своєї версії прикладу не знайшов.

 

ось такий окмод я пробував створювати, але щось опустив видно:

 

<file path="catalog/view/theme/*/template/product/category.tpl">
        <operation>
            <search><![CDATA[class="img-responsive center-block"]]></search>
            <add position="replace"><![CDATA[class="img-responsive center-block {% if product.quantity <= 0 %} stock-false{% endif %}"]]></add>
        </operation>
    </file> 
    <file path="catalog/controller/product/category.php">
        <operation>
            <search><![CDATA['name'        => $result['name'],]]></search>
            <add position="after"><![CDATA['quantity'        => $result['quantity'],]]></add>
        </operation>
    </file> 
    <file path="catalog/controller/product/product.php">
        <operation>
            <search><![CDATA['name'        => $result['name'],]]></search>
            <add position="after"><![CDATA['quantity'        => $result['quantity'],]]></add>
        </operation>
    </file>
     <file path="catalog/view/theme/*/stylesheet/stylesheet.css">
        <operation>
            <search><![CDATA[.options select option {
  font-size: 16px;
}]]></search>
            <add position="after"><![CDATA[.stock-false{
filter: grayscale(100%);
}]]></add>
        </operation>
    </file> 

 

Змінено 6 липня 2021 користувачем voronlviv

[SGrWr_34]

@voronlviv ocmod не в змозі вплинути на css. Вписуйте стиль до файлу напряму

[voronlviv]

3 години назад, SGrWr_34 сказав:

@voronlviv ocmod не в змозі вплинути на css. Вписуйте стиль до файлу напряму

я вже вставляв напряму в stylesheet.css і всерівно не затемнює

[voronlviv]

Вже навіть так пробував:

 

а в стилі добавляв: .out-of-stock {filter: grayscale(100%);}

 

<file path="catalog/view/theme/coloring/template/product/category.tpl">
        <operation>
            <search><![CDATA[<div class="product-item thumbnail">]]></search>
            <add position="replace"><![CDATA[
                <?php if ($product['quantity'] <= 0) { ?>
                <div class="product-item thumbnail out-of-stock">
                <?php } else { ?> 
                
                <div class="product-item thumbnail">
                <?php } ?>]]></add>
        </operation>
    </file> 
    <file path="catalog/controller/product/category.php">
        <operation>
            <search><![CDATA['name'        => $result['name'],]]></search>
            <add position="after"><![CDATA['quantity'        => $result['quantity'],]]></add>
        </operation>
    </file> 
    <file path="catalog/controller/product/product.php">
        <operation>
            <search><![CDATA['name'        => $result['name'],]]></search>
            <add position="after"><![CDATA['quantity'        => $result['quantity'],]]></add>
        </operation>
    </file>

 

[voronlviv]

1 година назад, voronlviv сказав:

Вже навіть так пробував:

 

а в стилі добавляв: .out-of-stock {filter: grayscale(100%);}

 

<file path="catalog/view/theme/coloring/template/product/category.tpl">
        <operation>
            <search><![CDATA[<div class="product-item thumbnail">]]></search>
            <add position="replace"><![CDATA[
                <?php if ($product['quantity'] <= 0) { ?>
                <div class="product-item thumbnail out-of-stock">
                <?php } else { ?> 
                
                <div class="product-item thumbnail">
                <?php } ?>]]></add>
        </operation>
    </file> 
    <file path="catalog/controller/product/category.php">
        <operation>
            <search><![CDATA['name'        => $result['name'],]]></search>
            <add position="after"><![CDATA['quantity'        => $result['quantity'],]]></add>
        </operation>
    </file> 
    <file path="catalog/controller/product/product.php">
        <operation>
            <search><![CDATA['name'        => $result['name'],]]></search>
            <add position="after"><![CDATA['quantity'        => $result['quantity'],]]></add>
        </operation>
    </file>

 

запрацювало...був конфлікт з іншим модифікатором мікророзмітки

[rekutaki]

подскажите как заттемнить товар которого нет в наличии