Перейти к публикации
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

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


Ch0oJoy
 Погделиться

Рекомендованные сообещёния

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

Ссылка на комменирий
Погделиться на других сайих


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

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

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

.stock-false{
opacity: .3;
}

http://joxi.ru/V2Vyq89S8Noxbm

Изменено пользователем sasha3337774
  • +1 1
Ссылка на комменирий
Погделиться на других сайих

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

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

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

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

 

  • +1 1
Ссылка на комменирий
Погделиться на других сайих

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

filter: grayscale(100%);

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

  • +1 1
Ссылка на комменирий
Погделиться на других сайих

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>

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

Ссылка на комменирий
Погделиться на других сайих


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

 

Ссылка на комменирий
Погделиться на других сайих

  • 2 месяца спустя...
В 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>

 

Ссылка на комменирий
Погделиться на других сайих


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

Ссылка на комменирий
Погделиться на других сайих

  • 2 негдели спустя...
В 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> 

 

Изменено пользователем voronlviv
Ссылка на комменирий
Погделиться на других сайих


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

Ссылка на комменирий
Погделиться на других сайих

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

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

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

Ссылка на комменирий
Погделиться на других сайих


Вже даже ик пробував:

 

а в стилі добавляв: .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>

 

Ссылка на комменирий
Погделиться на других сайих


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>

 

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

Ссылка на комменирий
Погделиться на других сайих


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы осивить комменирий

Создать аккаунт

Зарегистрируйтесь для получения аккауни. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите згдесь.

Войти сейчас
 Погделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обрилитка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфигденциальности.