Сообщений в теме: 16

[aleff]

Здравствуйте, подскажите как сделать, чтоб при наведение мышкой на товар не появлялась оранжевая заслонка с (избран, корз,ср), а просто весь квадрат выделялся и при нажатии переходил на стр товара

[RayLi]

aleff (14 Февраль 2015 - 19:10) писал:

Здравствуйте, подскажите как сделать, чтоб при наведение мышкой на товар не появлялась оранжевая заслонка с (избран, корз,ср), а просто весь квадрат выделялся и при нажатии переходил на стр товара

Здравствуйте.
К сожалению не совсем понимаю о чём идёт речь, возможно то, что вы описываете на другом вашем аккаунте? Уточните, пожалуйста.
Или пришлите скриншот.

[aleff]

Да на другом Аккаунте SL-311500, хочу сделать сайт на этом, новом шаблоне. Хочу убрать заслонку оранжевую, которая появляется  при наведении мышкой на товар

[Danil]

aleff (14 Февраль 2015 - 19:33) писал:

Да на другом Аккаунте SL-311500, хочу сделать сайт на этом, новом шаблоне. Хочу убрать заслонку оранжевую, которая появляется  при наведении мышкой на товар

В main.css найдите код

.products-grid .item-inner .bg-hover-grid {
position: absolute;
top: 0;
right: -100%;
width: 100%;
height: 100%;
opacity: 0.9;
filter: alpha(opacity = 90);
z-index: 1;
background-color: rgba(247,146,66, 1);
}

и замените цвет rgba(247,146,66, 1) на свой(т.к. без заливки иконки будут сливаться), если нужно полностью убрать заливку то в найденном коде удалите строку

background-color: rgba(247,146,66, 1);

[aleff]

Спасибо, заливку убрал, а как перенести иконки выше середины  фото товара

[RayLi]

aleff (14 Февраль 2015 - 21:24) писал:

Спасибо, заливку убрал, а как перенести иконки выше середины  фото товара

Здравствуйте.
Вам нужно сделать выезжающие иконки в самом верху изображения товара? Я вас правильно понял?

[aleff]

Да, все правильно

[RayLi]

aleff (15 Февраль 2015 - 10:55) писал:

Да, все правильно

В шаблоне main.css найдите код:

.products-grid .item .product-addto-wrap .product-addcart {
background-position: left -73px;
}

И замените его:

.products-grid .item .product-addto-wrap .product-addcart {
background-position: left -73px;
margin-top: -100px;
}

Найдите теперь данный код:

.products-grid .item .product-addto-wrap .add-wishlist {
background-position: 2px -367px;
margin: 0 15px;

И замените его вот этим кодом:

.products-grid .item .product-addto-wrap .add-wishlist {
background-position: 2px -367px;
margin: -100px 68px;
}

Найдите следующий код:

.products-grid .item .product-addto-wrap .add-compare {
background-position: left -220px;
}

И замените его:

.products-grid .item .product-addto-wrap .add-compare {
background-position: left -220px;
margin-top: -100px;
margin-left: 136px;
}

[aleff]

А можно ли сделать еще одну выезжающую  иконку ("Подробнее" которая вела бы на страницу товара) внизу фото товара?

[RayLi]

aleff (15 Февраль 2015 - 16:38) писал:

А можно ли сделать еще одну выезжающую  иконку ("Подробнее" которая вела бы на страницу товара) внизу фото товара?

То есть вы хотите ещё одну иконку, но только внизу, при переходе по которой покупатель бы попадал на страницу товара, верно?
Однако у вас при нажатие на картинку происходит тот же переход, вы всё равно хотите подобную иконку? Уточните, пожалуйста.

[aleff]

Да все верно, но для особо "одаренных" нужна такая кнопка

[aleff]

RayLi (15 Февраль 2015 - 16:47) писал:

То есть вы хотите ещё одну иконку, но только внизу, при переходе по которой покупатель бы попадал на страницу товара, верно?
Однако у вас при нажатие на картинку происходит тот же переход, вы всё равно хотите подобную иконку? Уточните, пожалуйста.

Возможно такую иконку сделать?

[Ирина345]

aleff (16 Февраль 2015 - 10:16) писал:

Возможно такую иконку сделать?

Здравствуйте,
да такую иконку можно установить,
уточните где именно она должна располагаться, а так же скачайте и загрузите на сайт картинку данной иконки.

[aleff]

Ирина345 (16 Февраль 2015 - 12:09) писал:

Здравствуйте,
да такую иконку можно установить,
уточните где именно она должна располагаться, а так же скачайте и загрузите на сайт картинку данной иконки.

Должна быть внизу фото товара, а в виде кнопки можно сделать?

[Alekseys]

aleff (16 Февраль 2015 - 12:36) писал:

Должна быть внизу фото товара, а в виде кнопки можно сделать?

Здравствуйте. В шаблоне HTML после

<a class="rspl-image" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}">
									  <img src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{index_page_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{index_page_goods.NAME}">
									</a>

после

<a class="rspl-image" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}">
									  <img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{index_page_new_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{index_page_new_goods.NAME}">
									</a>

и после

<a class="rspl-image" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_favorites_goods.NAME}">
									  <img src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{index_page_favorites_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{index_page_favorites_goods.NAME}">
									</a>

добавьте соответственно

<a class="insert" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}">
									  <img src="{ASSETS_IMAGES_PATH}картинка">
									</a>

затем

<a class="insert" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}">
									  <img src="{ASSETS_IMAGES_PATH}картинка">
									</a>

и

<a class="insert" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_favorites_goods.NAME}">
									  <img src="{ASSETS_IMAGES_PATH}картинка">
									</a>

после чего замените слово картинка на название изображения и, загрузив в редакторе шаблонов данное изображение, в main.css добавьте

.insert {
display: none;
}
.product-image:hover .insert {
display: block!important;
}
.insert img {
width: 100%;
height: 55px;
min-height: 20px!important;
position: absolute;
}

[antalex]

Помогите убрать иконки на товаре совсем!

Прикрепленные изображения

• 

[Danil]

antalex (15 Июнь 2015 - 17:02) писал:

Помогите убрать иконки на товаре совсем!

В конец main.css добавьте

.product-addto-wrap {
  display: none;
}