Задать стили Статусам товара

[alexandus]

как можно сделать стилизацию сообщения (статус товара) когда того:

• нет в наличии 
• предзаказ 
• ожидается 

 

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


если предзаказ то вот так вот выводить

 

если товар ожидается по доставке

 

 

catalog/controller/product/product.php

if ($product_info['quantity'] <= 0) {
                $data['stock'] = $product_info['stock_status'];
            } elseif ($this->config->get('config_stock_display')) {
                $data['stock'] = $product_info['quantity'];
            } else {
                $data['stock'] = $this->language->get('text_instock');
            }

 

 

catalog/view/theme/oct_feelmart/template/product/product.twig

<li class="fm-product-left-top-info-item fm-product-left-info-item-stock{% if out_of_stock %} fm-out-of-stock{% endif %}">{{ text_stock }} <span class="fm-product-left-top-info-is">{{ stock }}</span></li>

 

можете есть возможность прописать разные условия с добавление класса
к примеру это -

"Нет в наличии"
{% out_of_stock %} outof-stock

есть "в наличии"
{% in_stock %} in-stock

если "предзаказ"
{%pre_order %} preorder-stock

и т.д.

вот demo страничек:

 

если "В наличии"

https://feelmart.octemplates.net/dji-kvadrokopter-dji-mavic-air-onyx-chernyj-fm92363rua-ru

 если "Нет в наличии"

https://feelmart.octemplates.net/smartfon-apple-iphone-x-64gb-space-gray-ru

 

если "Предзаказ"

https://feelmart.octemplates.net/smartfon-apple-iphone-x-256gb-space-gray-ru

 

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

[alexandus]

получилось реализовать данную задумку следующим образом

 

получилась вот так

catalog/controller/product/product.php

 

вместо этого кода

 

if ($product_info['quantity'] <= 0) {
 $data['stock'] = $product_info['stock_status'];
            } elseif ($this->config->get('config_stock_display')) {
                $data['stock'] = $product_info['quantity'];
            } else {
                $data['stock'] = $this->language->get('text_instock');
            }

 

 

вот этот

 

if ($product_info['quantity'] == 0) {
               $data['stock'] = $this->language->get('text_outstock');
               $data['stock_style'] = 'fm-outstock';

         } elseif ($product_info['quantity'] == -100 AND $product_info['stock_status_id'] == 8) {
            $data['stock'] = $this->language->get('text_preorderstock');
            $data['stock_style'] = 'fm-preorderstock';  
      
         } elseif ($this->config->get('config_stock_display')) {
            $data['stock'] = $product_info['quantity'];

         } else {
            $data['stock'] = $this->language->get('text_instock');
            $data['stock_style'] = 'fm-instock';
}

 

 

catalog/language/ru-ru/product/product.php

 

$_['text_instock']             = '<i class="far fa-check-circle"></i>В наличии';
$_['text_outstock']        = '<i class="far fa-times-circle"></i>Нет в наличии';
$_['text_preorderstock']     = '<i class="fas fa-truck-loading"></i>Предзаказ';

 

 

catalog/view/theme/*/template/product/product.twig

заменил

<li class="fm-product-left-top-info-item fm-product-left-info-item-stock{% if out_of_stock %} fm-out-of-stock{% endif %}">{{ text_stock }} <span class="fm-product-left-top-info-is">{{ stock }}</span></li>

 

на

<li class="fm-product-left-top-info-item fm-product-left-info-item-stock {{ stock_style }}">{{ text_stock }} <span class="fm-product-left-top-info-is">{{ stock }}</span></li>

 

Змінено 5 квітня 2021 користувачем alexandus
форматирование текста