1
Помощь В Редактировании Шапки Сайта
Автор yokoshop, 18 февр. 2019 01:23
Сообщений в теме: 11
#1
Отправлено 18 Февраль 2019 - 01:23
Добрый вечер.
1.Надо на самом верху вставит полоску цвета #038fb3 с надписью белым жирным цветом "бесплатная доставка при заказе от 5000 руб."
Пример во вложении.
2. Надо убрать разрыв между меню и товарной сеткой (отметила на рисунке цифрой 2);
3. Так же можно ли поднять меню, чтобы оно находилось справа от логотипа, как на первом рисунке?
4. И как сделан белый фон товарной карточки?
1.Надо на самом верху вставит полоску цвета #038fb3 с надписью белым жирным цветом "бесплатная доставка при заказе от 5000 руб."
Пример во вложении.
2. Надо убрать разрыв между меню и товарной сеткой (отметила на рисунке цифрой 2);
3. Так же можно ли поднять меню, чтобы оно находилось справа от логотипа, как на первом рисунке?
4. И как сделан белый фон товарной карточки?
#2
Отправлено 19 Февраль 2019 - 08:05
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
перед ним вставьте:
далее зайдите в main.css - найдите:
перед ним вставьте:
Разрыв связан с отсутствием заголовка на данной странице(должен быть "Каталог"), зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
замените на:
Зайдите раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
далее зайдите в main.css - найдите:
замените на:
далее найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="header-inner"> <!-- Блок навигации --> {% IFNOT menu_empty %} <nav class="head"> <ul class="head">
перед ним вставьте:
<div class="free_del">Бесплатная доставка при заказе от 5000 руб.</div>
далее зайдите в main.css - найдите:
nav.head { max-width: 100%; overflow: hidden; }
перед ним вставьте:
.free_del {background: #038fb3;padding: 5px;color: #ffffff;text-align: center;font-size: 16px;}
Разрыв связан с отсутствием заголовка на данной странице(должен быть "Каталог"), зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<header> <h1>{% IF CATEGORY_NAME=Каталог товаров %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}</h1> </header>
замените на:
<header> <h1>{% IF index_page %}Каталог товаров{% ELSE %}{CATEGORY_NAME}{% ENDIF %}</h1> </header>
Зайдите раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="logoblock-left"><div title="{SETTINGS_STORE_NAME}"><a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"><img itemprop="image" src="{ASSETS_IMAGES_PATH}logo.png?design=snow" alt="{SETTINGS_STORE_NAME}" /><br />{SETTINGS_STORE_NAME}</a></div></div> <div class="logoblock-center"> </div> <div class="logoblock-right"> </div> </div> </div> </div> </header> <section> <div class="section-container"> <div class="sectionblock-inner-header"> <div class="catalogAdnCartCenter"> <!-- Каталог товаров --> <nav class="sectionblock-container conta"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %} <ul {% IF catalog_full.LEVEL = 0 %}class="navSelect menuResp nav myhidden"{% ENDIF %}> {% IF catalog_full.LEVEL = 0 %}<li class="conta-one "><a href="/catalog">Каталог товаров</a></li>{% ENDIF %} {% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} > <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} </nav> <!-- /Каталог товаров --> </div> </div> <div class="sectionblock-inner-content">
замените на:
<div class="logoblock-left"><div title="{SETTINGS_STORE_NAME}"><a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"><img itemprop="image" src="{ASSETS_IMAGES_PATH}logo.png?design=snow" alt="{SETTINGS_STORE_NAME}" /><br />{SETTINGS_STORE_NAME}</a></div></div> <div class="logoblock-center"> <!-- Каталог товаров --> <nav class="sectionblock-container conta"> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %} <ul {% IF catalog_full.LEVEL = 0 %}class="navSelect menuResp nav myhidden"{% ENDIF %}> {% IF catalog_full.LEVEL = 0 %}<li class="conta-one "><a href="/catalog">Каталог товаров</a></li>{% ENDIF %} {% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} > <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} </nav> <!-- /Каталог товаров --> </div> </div> </div> </div> </header> <section> <div class="section-container"> <div class="sectionblock-inner-content">
далее зайдите в main.css - найдите:
.logoblock-left,.logoblock-center,.logoblock-right { position: relative; display: inline-block; float: left; width: 33.333333333%; height: 100% } .logoblock-left { display: inline-block; float: left; border: 1px solid white; } .logoblock-right { padding-top: 1%; padding-right: .8% }
замените на:
.logoblock-left,.logoblock-center,.logoblock-right { position: relative; display: inline-block; height: 100% } .logoblock-left { border: 1px solid white; width: 13.333333333%; } .logoblock-center { width: 85.666666%; } .logoblock-right { display: none; }
далее найдите:
.goodsTableTovar { border: 1px solid #E2E2E2; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #F7F7F7; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
замените на:
.goodsTableTovar { border: 1px solid #E2E2E2; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #ffffff; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
#3
Отправлено 20 Февраль 2019 - 01:00
Супер)) Спасибо Большое.
Помогите, плиз, еще множко/немножко)))
1.)
1. Корзина почему-то стала плохо реагировать на нажатие, приходится щелкать по три раза, чтобы открылась. Посмотрите, плиз, в чем беда.
2. Можно ли поменять местами поиск и корзину? Чтобы сначало шел Поиск, потом (если так можно) сердечко Избранное, а потом корзина. И выровнять их, а то "пляшут"
2) Текст меню выровнять в ширину и высоту, и добавить кнопки соц сетей (ВК, Инста) после раздела Бренды
3) Можно ли уменьшить ширину серой полосы с надписью Каталог товаров и сделать ее белую?
4) Поменять серый фон карточек товара из раздела "Недавно просмотренные товары"
5) и вопрос: можно ли сделать карточку товара "снаружи" и "внутри" как в шаблоне Детский?
Помогите, плиз, еще множко/немножко)))
1.)
1. Корзина почему-то стала плохо реагировать на нажатие, приходится щелкать по три раза, чтобы открылась. Посмотрите, плиз, в чем беда.
2. Можно ли поменять местами поиск и корзину? Чтобы сначало шел Поиск, потом (если так можно) сердечко Избранное, а потом корзина. И выровнять их, а то "пляшут"
2) Текст меню выровнять в ширину и высоту, и добавить кнопки соц сетей (ВК, Инста) после раздела Бренды
3) Можно ли уменьшить ширину серой полосы с надписью Каталог товаров и сделать ее белую?
4) Поменять серый фон карточек товара из раздела "Недавно просмотренные товары"
5) и вопрос: можно ли сделать карточку товара "снаружи" и "внутри" как в шаблоне Детский?
#4
Отправлено 21 Февраль 2019 - 06:20
Здравствуйте.
1. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
перенесите его поставив после:
далее зайдите в main.css - найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
2. Немного не понятно, как необходимо его выровнить, опишите пожалуйста подробнее.
3. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
4. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
5. Речь идет о добавлении кнопок "Добавить в расвнение\избранное"?
1. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- блок корзины на главной --> <div class="cart"> <div class="cartBtn" title="Перейти в корзину"> <div class="cartNameBtn1">Корзина</div> <div class="cartImg"></div> <a class="countTovars" href="{CART_URL}" data-count="{CART_COUNT_TOTAL}"> {% IF cart_count_empty %} <span class="red">0</span> <em class="countNameTovars"> товаров</em> {% ELSE %} <span>{CART_COUNT_TOTAL}</span> <em class="countNameTovars"> товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</em> {% ENDIF %} </a> </div> <div class="listCart" data-url="{HTTP_HOST}"> <dl class="products"> {% FOR cart_items %} <dt class="cart_block_product_{cart_items.GOODS_ID} item" > <div class="cartImgBlock"> <a href="{cart_items.GOODS_URL}" title="Перейти на страницу «{cart_items.GOODS_NAME}» "> <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=snow{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}"> </a> </div> <div class="cartNameBlock"> <h5> <a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a> </h5> <div class="cartPriceBlock black"> {cart_items.GOODS_MOD_PRICE_NOW | money_format} </div> </div> <div class="cartDeleteBlock"> <div class="cartCountBlock"> {cart_items.ORDER_LINE_QUANTITY} <span>{cart_items.GOODS_MOD_MEASURE_NAME}</span> </div> <a class="ajaxCartBlockRemoveLink btn" data-count="{cart_items.ORDER_LINE_QUANTITY}" href="{cart_items.ORDER_LINE_DELETE_URL}" title="Убрать товар из корзины"></a> </div> </dt> {% ENDFOR %} <!-- Скидки, действующие на заказ --> {% FOR cart_discount %} {% IF cart_discount.DISCOUNT_IS_ENABLED %} <dt id="skidka"> <div class="cartImgBlock"> <a href="#" title="Скидка «{cart_discount.DISCOUNT_NAME}» "> <img src="{ASSETS_IMAGES_PATH}Discount-black.png?design=snow" alt="{cart_discount.DISCOUNT_NAME}"> </a> </div> <div class="cartNameBlock"> <h5> <a href="#">{cart_discount.DISCOUNT_NAME}</a> </h5> <div class="cartPriceBlock black"> {% IF cart_discount.IS_PERCENT %} {cart_discount.DISCOUNT_VALUE}% {% ELSE %} {cart_discount.DISCOUNT_VALUE | money_format} {% ENDIF %} </div> </div> </dt> {% ENDIF %} {% ENDFOR %} <!-- END Скидки, действующие на заказ --> {% FOR cart_sum %} <dt id="cartPrices"> <div class="cartPricingBlock"> <span>Итого</span> <span id="cart_block_total" class="price ajaxBlockArtTotal">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span> </div> </dt> {% ENDFOR %} {% IF CART_COUNT_TOTAL %} <dt class="toOformZakazCart"> <a href="{CART_URL}" class="btn btn-success" title="Перейти к оформлению заказа">Оформить заказ</a> </dt> {% ELSE %} <dt class="cartClear">Корзина пуста!</dt> {% ENDIF %} </dl> </div> <div class="newCountTovars" style="display:none">{CART_COUNT_TOTAL}</div> </div>
перенесите его поставив после:
<!-- Блок навигации --> {% IFNOT menu_empty %} <nav class="head"> <ul class="head"> {% FOR menu %} {% FOR header %} {% FOR links %} <li> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> <a href="#" class="pull">Меню</a><!-- Появляется только при маленьких разрешениях экрана -->
далее зайдите в main.css - найдите:
nav.head { max-width: 100%; overflow: hidden; }
замените на:
nav.head {max-width: 100%;}
далее найдите:
.header-inner,.footer-inner-header,.sectionblock-inner-header,.inner-center { position: relative; z-index: 4; float: left; clear: both; overflow: hidden; width: 100%; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }
замените на:
.header-inner,.footer-inner-header,.sectionblock-inner-header,.inner-center { position: relative; z-index: 4; float: left; clear: both; width: 100%; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }
далее найдите:
.cart { position: relative; display: block; float: right; width: 11.1%; text-align: right; z-index: 999; height: 100%; min-width: 130px; padding-right:0.6em; }
замените на:
.cart { position: relative; display: block; float: right; width: 11.1%; text-align: right; z-index: 999; height: 34px; min-width: 130px; padding-right:0.6em; margin-top: 1px; }
далее найдите:
.searchForm { display: block; height: 100%; position: relative; text-align: right; float: right; width: 250px; }
замените на:
.searchForm { display: block; height: 100%; position: relative; text-align: right; float: right; width: 250px; margin-top: 4px; }
2. Немного не понятно, как необходимо его выровнить, опишите пожалуйста подробнее.
3. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.body-content-top { left: 0; width: 100%; height: 98px; margin-top: -1px; border: 0; border-bottom: 1px solid #dbdbdb; background: #f7f7f7; margin-bottom: 15px; }
замените на:
.body-content-top { left: 0; width: 100%; height: 68px; margin-top: -1px; border: 0; border-bottom: 1px solid #dbdbdb; margin-bottom: 15px; }
4. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.recentlyProductsList .item { display: inline-block; float: left; overflow: hidden; width: 100%; height: 118px; margin: .5em 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #f7f7f7; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1); box-shadow: 0 2px 4px rgba(0,0,0,.1) }
замените на:
.recentlyProductsList .item { display: inline-block; float: left; overflow: hidden; width: 100%; height: 118px; margin: .5em 0; }
5. Речь идет о добавлении кнопок "Добавить в расвнение\избранное"?
#5
Отправлено 21 Февраль 2019 - 19:01
1. Верхний блок там где идет логотип, далее Новинки , очищение и т.д. выровнять по ширине и высоте, чтобы заголовки не выглядели "забитыми в угол". Прикрепляю скрин раздела и образец, как хотелось бы видеть этот. И добавить кнопки соц. сетей в конце
2. По поводу карточки товара: хотелось бы поменять полностью внешний вид и внутренний. Чтобы выглядело как в шаблоне Детский. Примеры прилагаю. Возможно ли это?
2. По поводу карточки товара: хотелось бы поменять полностью внешний вид и внутренний. Чтобы выглядело как в шаблоне Детский. Примеры прилагаю. Возможно ли это?
#6
Отправлено 26 Февраль 2019 - 21:16
Вопросы еще актуальны))
#7
Отправлено 06 Март 2019 - 05:19
Здравствуйте.
Простите за ожидание, объем работы великоват, будет работать поэтапно. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
замените на:
далее зайдите в main.css - найдите:
замените на:
далее зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
после него вставьте:
И в раздел Сайт - Редактор шаблонов загрузите файлы из архива.
fonts.zip 595,18К 55 Количество загрузок:
Простите за ожидание, объем работы великоват, будет работать поэтапно. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.logoblock-left,.logoblock-center,.logoblock-right { position: relative; display: inline-block; height: 100% }
замените на:
.logoblock-left,.logoblock-center,.logoblock-right { position: relative; display: inline-block; height: 100%; vertical-align: middle; }
Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<!-- Если отображаем товары таблицей --> <div class="goods-table"> <!-- Проходим по массиву товаров --> {% FOR goods %} <figure class="tabl"> <div class="goodsTableTovar"> <div class="goodsTableTopBlock"> <div class="goodsTableImg"> <div class="catalog-gallery-img"> {% FOR images %} {% IF goods.images.first %} <a class="menu-item-icon" target="_blank" href="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=snow{% ELSE %}{goods.images.LARGE}{% ENDIF %}"> <div class="zoom"> </div> </a> {% ELSE %} <a itemprop="image" href="{goods.images.LARGE}" target="_blank" title="{goods.images.NAME}"></a> {% ENDIF %} {% ENDFOR images %} </div> <a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=snow{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a> </div> <div class="goodsTableButton"> <!-- Если товара нет в наличие и в настройках отключена возможность класть --> {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE==0 %} <div class="tovar-available"> <span rel="false" class="catalog-available-false" > <div class="stikno">Товара нет в наличии</div> </span> </div> {%ELSE%} <!-- форма добавления в корзину --> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <div class="btnToCart"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <!-- кнопка добавить в корзину --> <a class="btn toCart btn-big" onclick="addItem('#goodsListFormId{goods.MIN_PRICE_NOW_ID}'); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину"> В корзину <span class="basket_add"></span> </a> </div> <div class="numeric big-numeric"> <input type="number" name="form[goods_mod_quantity]" class="quantity" min="1" max="9999" step="1" value="1" title="Количество"> </div> </form> <!-- END форма добавления в корзину --> {% ENDIF %} </div> </div> <div class="goodsTableBottomBlock"> <h3 class="goodsTableName"> <a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»">{goods.NAME}</a> </h3> <div class="goodsTablePrices"> <div class="prices"> <ul class="cost"> <!-- Старая цена --> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <li class="last">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</li> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <li class="last">{goods.MIN_PRICE_OLD | money_format}</li> {% ENDIF %} <!-- END Старая цена --> <li class="minPrice">{goods.MIN_PRICE_NOW | money_format}</li> </ul> </div> </div> </div> </div> </figure> {% ENDFOR goods %} <!-- Проходим по массиву товаров -->
замените на:
<!-- Вывод товаров ТАБЛИЦЕЙ --> <div class="products-grid row"> {% FOR goods %} <div class="item {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}empty{% ENDIF %}"> <div class="item-inner" itemscope itemtype="[url="https://schema.org/Product%22>"]https://schema.org/Product">[/url] <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <div class="product-image"> <a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" class="product-img"> <img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=kids{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" alt="{goods.NAME}" title="{goods.NAME}" itemprop="image"> </a> {% IF goods.IS_NEW %} <span class="ico-new">New</span> {% ELSEIF goods.IS_TOP %} <span class="ico-best">Hit</span> {% ENDIF %} {% IF goods.MAX_DISCOUNT %} <span class="ico-sale">Sale</span> {% ENDIF %} <div class="actions"> <a class="hover" href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}"></a> <!-- Добавление товара в корзину --> {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %} <div class="empty button" title="Нет в наличии" data-tooltip="Нет в наличии"><span>Нет в наличии</span></div> {% ELSE %} <!--a class="add-cart quick button" title="Быстро оформить заказ" rel="nofollow" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}"><span>В корзину</span></a--> <a class="add-cart button" title="В корзину" data-tooltip="В корзину" rel="nofollow" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}"><span>В корзину</span></a> {% ENDIF %} <!-- /END Добавление товара в корзину --> <div class="ratings"> <a href="{goods.URL | url_amp}" title="Перейти к отзывам"> <div class="rating-box"> {% IF GOODS_OPINION_RATING_VALUE_ROUND %} <img src="{FORALL_IMAGES_PATH}stars/{GOODS_OPINION_RATING_VALUE_ROUND}.gif" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" class="valignMiddle"/> {% ELSE %} <img src="{FORALL_IMAGES_PATH}stars/10.gif" alt="Рейтинг не определён" class="valignMiddle" /> {% ENDIF %} </div> </a> </div> <a class="quickview" href="{goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр «{goods.NAME}»" data-tooltip="Быстрый просмотр" rel="nofollow"></a> </div> </div> <div class="product-shop"> <meta itemprop="name" content="{goods.NAME}"> <meta itemprop="description" content="{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}"> <div class="product-name"><a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></div> <div class="price-box {CURRENCY_CHAR_CODE}" itemprop="offers" itemscope itemtype="[url="https://schema.org/Offer%22>"]https://schema.org/Offer">[/url] <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> <span class="price" itemprop="price" content="{goods.MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</span> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <span class="price old-price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <span class="price old-price">{goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div> <!-- Добавление товара в корзину --> {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %} <div class="empty button" title="Нет в наличии" data-tooltip="Нет в наличии"><span>Нет в наличии</span></div> {% ELSE %} <!--a class="add-cart quick button" title="Быстро оформить заказ" rel="nofollow" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}"><span>В корзину</span></a--> <a class="add-cart button" title="В корзину" data-tooltip="В корзину" rel="nofollow" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}"><span>В корзину</span></a> {% ENDIF %} <!-- /END Добавление товара в корзину --> <div class="add-to-links"> <!-- Если есть возможность добавить товар в избранное --> {% IF goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" data-add-tooltip="В Избранное" data-del-tooltip="Убрать из избранного" data-tooltip="Убрать из избранного" data-action-text-add="В Избранное" data-action-text-delete="В Избранном" title="Убрать «{goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" rel="nofollow" >В Избранном</a> {% ELSE %} <a class="add-wishlist" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" data-add-tooltip="В Избранное" data-del-tooltip="Убрать из избранного" data-tooltip="В Избранное" data-action-text-add="В Избранное" data-action-text-delete="В Избранном" title="Добавить «{goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" rel="nofollow" >В Избранное</a> {% ENDIF %} <!-- /END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF goods.IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="Убрать из сравнения" data-action-text-add="В Сравнение" data-action-text-delete="В Сравнении" title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" rel="nofollow" >В Сравнении</a> {% ELSE %} <a class="add-compare" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="В Сравнение" data-action-text-add="В Сравнение" data-action-text-delete="В Сравнении" title="Добавить «{goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" rel="nofollow" >В Сравнение</a> {% ENDIF %} {% ENDIF %} <!-- /END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div> </div> </form> </div> </div> {% ENDFOR %} </div>
далее зайдите в main.css - найдите:
.goods-table figure { display: inline-block; float: left; width: 33.333333333333336%; height: 475px; padding: .6em } .goodsTableName { overflow: hidden; height: 3em; } .goodsTablePrices { padding-bottom: 10px; } .goodsTableName a { text-align: center; font-size: 1em; } .goodsTableImg { position: relative; height: 100%; padding: 1em; } .goodsTableImg>a { display: block; float: none; max-height: 86%; margin: 0 auto ; } .goodsTableImg>a img { max-height: 260px; margin: 0 auto ; } .goodsTableBottomBlock { text-align: center } .goodsTableBottomBlock { padding-top: .6em; text-align: center } .goodsTableTopBlock { position: relative; display: block; height: 339px; text-align: center } .goodsTableButton { position: absolute; bottom: 0; left: 0; display: block; overflow: hidden; width: 100%; margin: 0 auto; transition-duration: 300ms } .goodsTableButton .tovar-available { height: 50px; line-height: 40px; } .goodsTableButton .btn,.goodsTableButton .numeric .quantity { font-size: 18px; line-height: 30px; display: inline-block; overflow: hidden; height: 30px; } .goodsTableButton .numeric .quantity { display: inline-block; height: 33px; vertical-align: top; border: 1px solid #d9d9d9; border-top: 1px solid #c0c0c0; border-radius: 2px; background-color: white; line-height: 27px; } .goodsTableButton .btn { font-size: 18px; color: #fff; border: 1px solid rgba(0,0,0,.17); border-color: #51a351 #51a351 #387038; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #5bb75b; background-image: -moz-linear-gradient(top,#62c462,#51a351); background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351)); background-image: -webkit-linear-gradient(top,#62c462,#51a351); background-image: -o-linear-gradient(top,#62c462,#51a351); background-image: linear-gradient(to bottom,#62c462,#51a351); background-repeat: repeat-x; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: 0 1px 0 rgba(0,0,0,.05); box-shadow: 0 1px 0 rgba(0,0,0,.05); text-shadow: 0 -1px 0 rgba(0,0,0,.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); position: relative; } .goodsTableButton .btn:hover { color: #fff; background-color: #51a351 } .goodsTableButton form>div,.goodsTableButton form { line-height: 1; display: block; height: 100%; margin: 0 auto; width: auto; } .goodsTableButton .btnToCart { display: inline-block; width: 110px; text-align: center; } .goodsTableButton input,.goodsTableButton a { display: block; height: 100%; border-color: #444 } .goodsTableButton>form { max-width: 100%; height: 50px; padding: 0px 5%; } .hideBtn { transition-duration: 300ms; } .goodsTablePrices ul li { display: inline-block }
замените на:
/* Иконки Новинка, Хит, Скидка */ .ico-new, .ico-sale, .ico-best {display: block;position: absolute;top: 10px;width: 50px;height: 50px;line-height: 50px;font-size: 16px;font-weight: 400;color: #fff;text-transform: lowercase;z-index: 2;text-align: center;vertical-align: middle;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;} .ico-new, .ico-best {background: #80b5e1;right: 10px;} .ico-sale {background: #464646;left: 10px;} .button {display: inline-block;overflow: visible;font-size: 14px;line-height: 40px;padding: 0 30px !important;border: 0;background-color: #80b5e1;color: #fff;text-transform: uppercase;text-align: center;margin: 0;outline: 0;cursor: pointer;white-space: nowrap;text-shadow: none;-moz-border-radius: 24px;-webkit-border-radius: 24px;border-radius: 24px;backface-visibility: hidden;transform: translateZ(0);-webkit-appearance: none;-moz-appearance: none;appearance: none;} .button:hover, .button.added, .button:focus {background-color: #2a6392;color: #fff;} /*** Таблицей ***/ .products-grid {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;text-align: center;} .products-grid .item {position: relative;padding: 0px 15px 30px;text-align: left;} .products-grid .item .item-inner {position: relative;width: 262px;} .products-grid.owl-carousel .item .item-inner {width: 100%;} .products-grid .item .product-image {display: block;position: relative;overflow: hidden;margin: 0 0 10px 0;text-align: center;line-height: 175.25773195876px;height: 175px;} .products-grid .item .product-image img {display: inline-block;max-width: 100%;width: auto;max-height:172px;} .products-grid .item .product-image .actions {position: absolute;top: -100%;width: 100%;line-height: 1;transition: all 0.25s ease-in-out 0s;height: 175.25773195876px;} .products-grid .item:hover .product-image .actions:before {display: block;bottom: 0;height: 100%;} .products-grid .item .product-image .actions:before {content: "";position: absolute;background: #fff;opacity: 0.7;height: 0;left: 0;right: 0;top: 0;z-index: 3;-moz-transition: all 0.25s ease-in-out 0s;-o-transition: all 0.25s ease-in-out 0s;-webkit-transition: all 0.25s ease-in-out;-webkit-transition-delay: 0s;transition: all 0.25s ease-in-out 0s;} .products-grid .item:hover .product-image .actions {top: 0;-moz-transition: all 0.25s ease-in-out 0s;-o-transition: all 0.25s ease-in-out 0s;-webkit-transition: all 0.25s ease-in-out;-webkit-transition-delay: 0s;transition: all 0.25s ease-in-out 0s;} .products-grid .item .product-image .actions .ratings {position: absolute;bottom: 10px;left: 10px;z-index: 5;} .products-grid .item .product-image .actions .quickview {position: absolute;bottom: 10px;right: 10px;font-size: 18px;z-index: 5;} .products-grid .item .product-image .actions .button {position: absolute;top: 50%;left: 50%;margin-left: -100px;margin-top: -25px;width: 140px;z-index: 5;} .products-grid .item .product-image .actions .button.empty {line-height: 50px;} .products-grid .item .product-image .actions .hover {display: block;position: absolute;width: 100%;height: 100%;z-index: 4;} .products-grid .item .product-shop .product-name {display: block;vertical-align: middle;margin-bottom: 7px;} .products-grid .item .product-shop .product-name a {display: block;height: 36px;overflow: hidden;font-size: 14px;line-height: 18px;color: #000000;text-transform: uppercase;} .products-grid .item .product-shop .product-name a:hover {color: #80b5e1;} .products-grid .item .product-shop .price-box {padding-bottom: 10px;border-bottom: 1px solid #d9d9d9;} .products-grid .item .product-shop .price-box .price + .price {margin-left: 10px;} .products-grid .item .product-shop .add-to-links {padding-top: 10px;line-height: 30px;} .products-grid .item .product-shop .add-to-links a {display: inline-block;font-size: 13px;color: #9b9a9a;} .products-grid .item .product-shop .add-to-links a + a {float: right;} .products-grid .item .product-shop .add-to-links a:before {font-size: 18px;line-height: 15px;margin-right: 8px;} .products-grid .item .product-shop .add-to-links a:hover, .products-grid .item .product-shop .add-to-links a.added {color: #80b5e1;} .products-grid .item .product-shop .button {display: none;}
далее зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Сторонние шрифты --> <link href='https://fonts.googleapis.com/css?family=Roboto:300,400&subset=cyrillic,cyrillic-ext,latin' rel='stylesheet' type='text/css'>
после него вставьте:
<link rel="stylesheet" type="text/css" href="/design/font-awesome.css?design=kids">
И в раздел Сайт - Редактор шаблонов загрузите файлы из архива.
fonts.zip 595,18К 55 Количество загрузок:
#9
Отправлено 08 Март 2019 - 00:51
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
замените на:
далее зайдите в main.css - найдите:
перед ним вставьте:
Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
{% FOR goods %} <div class="item {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}empty{% ENDIF %}"> <div class="item-inner" itemscope itemtype="[url="https://schema.org/Product%22>"]https://schema.org/Product">[/url] <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <div class="product-image"> <a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" class="product-img"> <img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=kids{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" alt="{goods.NAME}" title="{goods.NAME}" itemprop="image"> </a> {% IF goods.IS_NEW %} <span class="ico-new">New</span> {% ELSEIF goods.IS_TOP %} <span class="ico-best">Hit</span> {% ENDIF %} {% IF goods.MAX_DISCOUNT %} <span class="ico-sale">Sale</span> {% ENDIF %} <div class="actions"> <a class="hover" href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}"></a> <!-- Добавление товара в корзину --> {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %} <div class="empty button" title="Нет в наличии" data-tooltip="Нет в наличии"><span>Нет в наличии</span></div> {% ELSE %} <!--a class="add-cart quick button" title="Быстро оформить заказ" rel="nofollow" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}"><span>В корзину</span></a--> <a class="add-cart button" title="В корзину" data-tooltip="В корзину" rel="nofollow" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}"><span>В корзину</span></a> {% ENDIF %} <!-- /END Добавление товара в корзину --> <div class="ratings"> <a href="{goods.URL | url_amp}" title="Перейти к отзывам"> <div class="rating-box"> {% IF GOODS_OPINION_RATING_VALUE_ROUND %} <img src="{FORALL_IMAGES_PATH}stars/{GOODS_OPINION_RATING_VALUE_ROUND}.gif" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" class="valignMiddle"/> {% ELSE %} <img src="{FORALL_IMAGES_PATH}stars/10.gif" alt="Рейтинг не определён" class="valignMiddle" /> {% ENDIF %} </div> </a> </div> <a class="quickview" href="{goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр «{goods.NAME}»" data-tooltip="Быстрый просмотр" rel="nofollow"></a> </div> </div> <div class="product-shop"> <meta itemprop="name" content="{goods.NAME}"> <meta itemprop="description" content="{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}"> <div class="product-name"><a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></div> <div class="price-box {CURRENCY_CHAR_CODE}" itemprop="offers" itemscope itemtype="[url="https://schema.org/Offer%22>"]https://schema.org/Offer">[/url] <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
замените на:
{% FOR goods %} <div class="item {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}empty{% ENDIF %}"> <div class="item-inner" itemscope itemtype="https://schema.org/Product"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <div class="product-image"> <a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" class="product-img"> <img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=kids{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" alt="{goods.NAME}" title="{goods.NAME}" itemprop="image"> </a> {% IF goods.IS_NEW %} <span class="ico-new">New</span> {% ELSEIF goods.IS_TOP %} <span class="ico-best">Hit</span> {% ENDIF %} {% IF goods.MAX_DISCOUNT %} <span class="ico-sale">Sale</span> {% ENDIF %} <div class="actions"> <a class="hover" href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}"></a> <!-- Добавление товара в корзину --> {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %} <div class="empty button" title="Нет в наличии" data-tooltip="Нет в наличии"><span>Нет в наличии</span></div> {% ELSE %} <!--a class="add-cart quick button" title="Быстро оформить заказ" rel="nofollow" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}"><span>В корзину</span></a--> <a class="add-cart button" title="В корзину" data-tooltip="В корзину" rel="nofollow" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}"><span>В корзину</span></a> {% ENDIF %} <!-- /END Добавление товара в корзину --> <div class="ratings"> <a href="{goods.URL | url_amp}" title="Перейти к отзывам"> <div class="rating-box"> <div class="ratings"> <a href="{goods.URL | url_amp}" title="Перейти к отзывам"> <div class="rating-box"> {% IF GOODS_OPINION_RATING_VALUE_ROUND %} <img src="{FORALL_IMAGES_PATH}stars/{GOODS_OPINION_RATING_VALUE_ROUND}.gif" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" class="valignMiddle"/> {% ELSE %} <img src="{FORALL_IMAGES_PATH}stars/10.gif" alt="Рейтинг не определён" class="valignMiddle" /> {% ENDIF %} </div> </a> </div> </div> </a> </div> <a class="quickview" href="{goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр «{goods.NAME}»" data-tooltip="Быстрый просмотр" rel="nofollow"></a> </div> </div> <div class="product-shop"> <meta itemprop="name" content="{goods.NAME}"> <meta itemprop="description" content="{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}"> <div class="product-name"><a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></div> <div class="price-box {CURRENCY_CHAR_CODE}" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
далее зайдите в main.css - найдите:
/* Иконки Новинка, Хит, Скидка */ .ico-new, .ico-sale, .ico-best {display: block;position: absolute;top: 10px;width: 50px;height: 50px;line-height: 50px;font-size: 16px;font-weight: 400;color: #fff;text-transform: lowercase;z-index: 2;text-align: center;vertical-align: middle;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;} .ico-new, .ico-best {background: #80b5e1;right: 10px;}
перед ним вставьте:
/* Избранное, Сравнение */ .add-compare, .add-wishlist {display: inline-block;background-color: transparent;font-size: 20px;} .add-compare:before, .add-wishlist:before {color: #80b5e1;} .add-compare:hover:before, .add-wishlist:hover:before, .add-compare.added:before, .add-wishlist.added:before, .quickview:hover:before {color: #2a6392;} .add-compare:before, .add-wishlist:before, .quickview:before {vertical-align: middle;font-family: "FontAwesome";font-weight: 400;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0,0);} .add-wishlist:before {content: '\f08a';} .add-wishlist.added:before {content: '\f004';} .add-compare:before {content: '\f067';} .add-compare.added:before {content: '\f068';} .quickview:before {content: '\f06e';} .add-cart {content: '\e8cc';line-height: 50px;padding: 0 60px;} .add-cart:before {content: "";position: absolute;width: 0;height: 0;left: 50%;top: 50%;background: #fff;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;-moz-transition: all 0s ease-in-out 0s;-o-transition: all 0s ease-in-out 0s;-webkit-transition: all 0s ease-in-out;-webkit-transition-delay: 0s;transition: all 0s ease-in-out 0s;} .add-cart:hover:before, .add-cart:focus:before {width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-moz-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out;-webkit-transition-delay: 0s;transition: all 0.5s ease-out 0s;}
#10
Отправлено 08 Март 2019 - 11:09
Сделала...
#11
Отправлено 11 Март 2019 - 23:16
Жду дальнейших инструкций)
#12
Отправлено 14 Март 2019 - 23:40
Вопросы не актуальны перешла другой Шаблон. Спасибо за помощь)
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных