1
Что Бы На Товаре Была Надпись Хит Товара
Автор denet, 04 окт. 2015 20:32
Сообщений в теме: 12
#1
Отправлено 04 Октябрь 2015 - 20:32
Здравствуйте, мне надо что бы на товаре была надпись хит товара и было видно как и в категорий так и в карточке товара
#2
Отправлено 05 Октябрь 2015 - 17:09
denet (04 Октябрь 2015 - 20:32) писал:
Здравствуйте, мне надо что бы на товаре была надпись хит товара и было видно как и в категорий так и в карточке товара
В шаблоне Товар найдите строку
<!-- Большое изображение -->и после нее вставьте
{% IF GOODS_IS_NEW %} <div class="new_prod">NEW</div> {% ELSEIF GOODS_IS_TOP %} <div class="new_prod hit">HIT</div> {% ENDIF %} {% IF GOODS_MAX_DISCOUNT>0 %} <div class="new_prod sale">SALE</div> {% ENDIF %}В style.css найдите код
.new_prod { background: #ff0000; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 3px 5px; position: absolute; top: 20px; right: -2px; }и замените на
.new_prod { background: #ff0000 !important; color: #fff; font-size: 14px; display: block !important; font-weight: bold; text-transform: uppercase; padding: 3px 5px; position: absolute; width: auto !important; top: 0px; height: auto !important; right: 0px; }
#3
Отправлено 05 Октябрь 2015 - 17:33
Danil (05 Октябрь 2015 - 17:09) писал:
Здравствуйте.
В шаблоне Товар найдите строку
В шаблоне Товар найдите строку
<!-- Большое изображение -->и после нее вставьте
{% IF GOODS_IS_NEW %} <div class="new_prod">NEW</div> {% ELSEIF GOODS_IS_TOP %} <div class="new_prod hit">HIT</div> {% ENDIF %} {% IF GOODS_MAX_DISCOUNT>0 %} <div class="new_prod sale">SALE</div> {% ENDIF %}В style.css найдите код
.new_prod { background: #ff0000; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 3px 5px; position: absolute; top: 20px; right: -2px; }и замените на
.new_prod { background: #ff0000 !important; color: #fff; font-size: 14px; display: block !important; font-weight: bold; text-transform: uppercase; padding: 3px 5px; position: absolute; width: auto !important; top: 0px; height: auto !important; right: 0px; }
#6
Отправлено 05 Октябрь 2015 - 17:45
denet (05 Октябрь 2015 - 17:41) писал:
всё сделал как написано и код не удалял
.product_img_wrapper { float: left; width: 280px; }и замените на
.new_prod { z-index: 1; } .product_img_wrapper { float: left; width: 280px; position: relative; }
#7
Отправлено 05 Октябрь 2015 - 18:19
Danil (05 Октябрь 2015 - 17:45) писал:
В style.css найдите код
.product_img_wrapper { float: left; width: 280px; }и замените на
.new_prod { z-index: 1; } .product_img_wrapper { float: left; width: 280px; position: relative; }
#12
Отправлено 08 Октябрь 2015 - 13:51
denet (08 Октябрь 2015 - 13:47) писал:
я написал же, что бы не только в карточке товара было видно что хит и т.д ну и в списке товаров вот здесь Снимок.PNG
<div class="prod_image goods-cat-image-medium-square"> {% IF user_agent_ie7 %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ELSEIF user_agent_ie8 %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ELSE %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img class="goods-cat-image-medium" alt="{goods.NAME} " src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ENDIF %} </div>и замените на
<div class="prod_image goods-cat-image-medium-square"> {% IF user_agent_ie7 %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ELSEIF user_agent_ie8 %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ELSE %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img class="goods-cat-image-medium" alt="{goods.NAME} " src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ENDIF %} {%IF goods.IS_NEW %} <div class="new_prod">NEW</div> {%ELSEIF goods.IS_TOP%} <div class="new_prod hit">HIT</div> {% ENDIF %} {%IF goods.MAX_DISCOUNT>0 %} <div class="new_prod sale">SALE</div> {% ENDIF %} </div>В main.css найдите
.product-list3 .four.columns .prod_image, .product-list4 .four.columns .prod_image { display: table-cell; vertical-align: top; text-align: center; }и замените на
.product-list3 .four.columns .prod_image, .product-list4 .four.columns .prod_image { display: table-cell; vertical-align: top; position: relative; text-align: center; }
#13
Отправлено 09 Октябрь 2015 - 16:28
Danil (08 Октябрь 2015 - 13:51) писал:
В шаблоне Товары найдите
<div class="prod_image goods-cat-image-medium-square"> {% IF user_agent_ie7 %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ELSEIF user_agent_ie8 %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ELSE %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img class="goods-cat-image-medium" alt="{goods.NAME} " src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ENDIF %} </div>и замените на
<div class="prod_image goods-cat-image-medium-square"> {% IF user_agent_ie7 %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ELSEIF user_agent_ie8 %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ELSE %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img class="goods-cat-image-medium" alt="{goods.NAME} " src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ENDIF %} {%IF goods.IS_NEW %} <div class="new_prod">NEW</div> {%ELSEIF goods.IS_TOP%} <div class="new_prod hit">HIT</div> {% ENDIF %} {%IF goods.MAX_DISCOUNT>0 %} <div class="new_prod sale">SALE</div> {% ENDIF %} </div>В main.css найдите
.product-list3 .four.columns .prod_image, .product-list4 .four.columns .prod_image { display: table-cell; vertical-align: top; text-align: center; }и замените на
.product-list3 .four.columns .prod_image, .product-list4 .four.columns .prod_image { display: table-cell; vertical-align: top; position: relative; text-align: center; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных