Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Модераторы Помогите Уже Наконец! Нужно Поменять Местами Кнопки

Автор Shishas, 22 сент. 2015 15:38

Авторизуйтесь для ответа в теме

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

#1 Shishas

Продвинутый пользователь

Пользователи
64 сообщений

Отправлено 22 Сентябрь 2015 - 15:38

Модераторы, у вас что, нет настроения отвечать на вопросы пользователей?? Столько времени прошло и не на один еще не ответили. Тестовый период уже на исходе, Помогите уже наконец!!

1. Нужно разместить "Корзину" между кнопок "В Избранное" и "Быстрый просмотр" как на скриншоте.

2. Раздвинуть кнопки "В Избранное" и "Быстрый просмотр" как на скриншоте.

3. Чуть сузить задний фон кнопок, см.скриншот.

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

Наверх

#2 Danil

Активный участник

Пользователи
4 645 сообщений

Отправлено 22 Сентябрь 2015 - 16:03

Shishas (22 Сентябрь 2015 - 15:38) писал:

Модераторы, у вас что, нет настроения отвечать на вопросы пользователей?? Столько времени прошло и не на один еще не ответили. Тестовый период уже на исходе, Помогите уже наконец!!

1. Нужно разместить "Корзину" между кнопок "В Избранное" и "Быстрый просмотр" как на скриншоте.

2. Раздвинуть кнопки "В Избранное" и "Быстрый просмотр" как на скриншоте.

3. Чуть сузить задний фон кнопок, см.скриншот.

В шаблоне Товары найдите код

 <div class="cart-wrap">
						<!--a class="add-cart quick btn-cart button" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a-->
						<a class="add-cart btn-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>В корзину</a>
					  </div>

и перенесите его, вставив строго перед

<div class="quickview-wrap">
							  <a class="sns-btn-quickview fast-quick" href="{goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр &laquo;{goods.NAME}&raquo;"><span>Быстрый просмотр</span></a>
							</div>

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

.products-grid .item .item-inner .item-img .cart-wrap {
	position: absolute;
	top: -17px;
	width: 100%;
	height: 36px;
	z-index: 3;
	text-align: center;
}

и замените на

.products-grid .item .item-inner .item-img .cart-wrap {
	margin-top: 7px;
	height: 36px;
	z-index: 3;
	float: left;
}

так же найдите

.products-grid .item .item-inner .item-img .item-box-hover .box-inner {
	width: 183px;
	height: 51px;
	margin: 20px auto 0;
}

и замените на

.products-grid .item .item-inner .item-img .item-box-hover .box-inner {
	width: 250px;
	height: 51px;
	margin: 20px auto 0;
}

Наверх

#3 Shishas

Продвинутый пользователь

Пользователи
64 сообщений

Отправлено 22 Сентябрь 2015 - 16:52

Danil (22 Сентябрь 2015 - 16:03) писал:

В шаблоне Товары найдите код

<div class="cart-wrap">
<!--a class="add-cart quick btn-cart button" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a-->
<a class="add-cart btn-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>В корзину</a>
</div>

и перенесите его, вставив строго перед

<div class="quickview-wrap">
							 <a class="sns-btn-quickview fast-quick" href="{goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр &laquo;{goods.NAME}&raquo;"><span>Быстрый просмотр</span></a>
						 </div>

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

.products-grid .item .item-inner .item-img .cart-wrap {
position: absolute;
top: -17px;
width: 100%;
height: 36px;
z-index: 3;
text-align: center;
}

и замените на

.products-grid .item .item-inner .item-img .cart-wrap {
margin-top: 7px;
height: 36px;
z-index: 3;
float: left;
}

так же найдите

.products-grid .item .item-inner .item-img .item-box-hover .box-inner {
width: 183px;
height: 51px;
margin: 20px auto 0;
}

и замените на

.products-grid .item .item-inner .item-img .item-box-hover .box-inner {
width: 250px;
height: 51px;
margin: 20px auto 0;
}

Спасибо за отклик.
По первым двум пунктам всё сделал, нет только обводки вокруг корзины. Что на счет третьего пункта?

И еще нужно убрать эффект полупрозрачности (свечения) товара при наведении на него, и добавить эффект при наведении в "Корзину" такую же как на например "В Избранное" или "Быстрый просмотр".

Наверх

#4 Danil

Активный участник

Пользователи
4 645 сообщений

Отправлено 22 Сентябрь 2015 - 17:03

Shishas (22 Сентябрь 2015 - 16:52) писал:

Спасибо за отклик.
По первым двум пунктам всё сделал, нет только обводки вокруг корзины. Что на счет третьего пункта?

И еще нужно убрать эффект полупрозрачности (свечения) товара при наведении на него, и добавить эффект при наведении в "Корзину" такую же как на например "В Избранное" или "Быстрый просмотр".

На данный момент изменения отменены, произведите их для дальнейших инструкций.

Наверх

#5 Shishas

Продвинутый пользователь

Пользователи
64 сообщений

Отправлено 22 Сентябрь 2015 - 17:09

Danil (22 Сентябрь 2015 - 17:03) писал:

На данный момент изменения отменены, произведите их для дальнейших инструкций.

Сделал.

Наверх

#6 Shishas

Продвинутый пользователь

Пользователи
64 сообщений

Отправлено 22 Сентябрь 2015 - 17:16

Без определенного эффекта не многие клиенты поймут что Корзина это кнопка. И задний занавес за кнопками очень большой, перекрывает почти половину товара

Наверх

#7 Danil

Активный участник

Пользователи
4 645 сообщений

Отправлено 22 Сентябрь 2015 - 17:20

Shishas (22 Сентябрь 2015 - 17:09) писал:

Сделал.

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

.products-grid .item:hover .item-inner .item-img .cart-wrap .btn-cart {border-color: #3cabda;background-color: #3cabda;color: #FFF;}
.products-grid .item:hover .item-inner .item-img .cart-wrap .btn-cart:before {background-position: 0px top;}

и замените на

.products-grid .item .item-inner .item-img .cart-wrap .btn-cart:hover {border-color: #3cabda;background-color: #3cabda;color: #FFF;}
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart:before:hover {background-position: 0px top;}

найдите

.products-grid .item .item-inner .item-img .item-box-hover {
	z-index: 2;
	background-color: #3cabda;
	background-color: rgba(62, 171, 218, 0.8);
	position: absolute;
	width: 100%;
	height: 90px;
	bottom: -90px;
	left: 0px;
}

и замените на

.products-grid .item .item-inner .item-img .item-box-hover {
	z-index: 2;
	background-color: #3cabda;
	background-color: rgba(62, 171, 218, 0.8);
	position: absolute;
	width: 100%;
	height: 52px;
	bottom: -90px;
	left: 0px;
}

так же найдите

.products-grid .item .item-inner .item-img .item-box-hover .box-inner {
	width: 250px;
	height: 51px;
	margin: 20px auto 0;
}

и замените на

.products-grid .item .item-inner .item-img .item-box-hover .box-inner {
	width: 250px;
	height: 51px;
	margin: 2px auto 0;
}

Наверх

#8 Shishas

Продвинутый пользователь

Пользователи
64 сообщений

Отправлено 22 Сентябрь 2015 - 17:31

Danil (22 Сентябрь 2015 - 17:20) писал:

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

.products-grid .item:hover .item-inner .item-img .cart-wrap .btn-cart {border-color: #3cabda;background-color: #3cabda;color: #FFF;}
.products-grid .item:hover .item-inner .item-img .cart-wrap .btn-cart:before {background-position: 0px top;}

и замените на

.products-grid .item .item-inner .item-img .cart-wrap .btn-cart:hover {border-color: #3cabda;background-color: #3cabda;color: #FFF;}
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart:before:hover {background-position: 0px top;}

найдите

.products-grid .item .item-inner .item-img .item-box-hover {
z-index: 2;
background-color: #3cabda;
background-color: rgba(62, 171, 218, 0.8);
position: absolute;
width: 100%;
height: 90px;
bottom: -90px;
left: 0px;
}

и замените на

.products-grid .item .item-inner .item-img .item-box-hover {
z-index: 2;
background-color: #3cabda;
background-color: rgba(62, 171, 218, 0.8);
position: absolute;
width: 100%;
height: 52px;
bottom: -90px;
left: 0px;
}

так же найдите

.products-grid .item .item-inner .item-img .item-box-hover .box-inner {
width: 250px;
height: 51px;
margin: 20px auto 0;
}

и замените на

.products-grid .item .item-inner .item-img .item-box-hover .box-inner {
width: 250px;
height: 51px;
margin: 2px auto 0;
}

Вот прям как я и хотел, спасибо дружище. Хотел бы убрать еще эффект затухания товара при наведении на него.

Наверх

#9 Danil

Активный участник

Пользователи
4 645 сообщений

Отправлено 22 Сентябрь 2015 - 17:36

Shishas (22 Сентябрь 2015 - 17:31) писал:

Вот прям как я и хотел, спасибо дружище. Хотел бы убрать еще эффект затухания товара при наведении на него.

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

.products-grid .item:hover .item-inner .item-img .item-img-info a.product-image:before {
left: 0px;
top: 0px;
margin: 0 0;
opacity: 1;
filter: alpha(opacity=100);
}

и замените на

.products-grid .item:hover .item-inner .item-img .item-img-info a.product-image:before {
left: 0px;
top: 0px;
margin: 0 0;
}

Наверх

#10 Shishas

Продвинутый пользователь

Пользователи
64 сообщений

Отправлено 22 Сентябрь 2015 - 18:41

Danil (22 Сентябрь 2015 - 17:36) писал:

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

.products-grid .item:hover .item-inner .item-img .item-img-info a.product-image:before {
left: 0px;
top: 0px;
margin: 0 0;
opacity: 1;
filter: alpha(opacity=100);
}

и замените на

.products-grid .item:hover .item-inner .item-img .item-img-info a.product-image:before {
left: 0px;
top: 0px;
margin: 0 0;
}

Спасибо большое!

Можете ответить на вопрос из этой категории? http://forum.storela...фикацию-товара/

Наверх

#11 Shishas

Продвинутый пользователь

Пользователи
64 сообщений

Отправлено 22 Сентябрь 2015 - 19:52

Danil (22 Сентябрь 2015 - 17:36) писал:

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

.products-grid .item:hover .item-inner .item-img .item-img-info a.product-image:before {
left: 0px;
top: 0px;
margin: 0 0;
opacity: 1;
filter: alpha(opacity=100);
}

и замените на

.products-grid .item:hover .item-inner .item-img .item-img-info a.product-image:before {
left: 0px;
top: 0px;
margin: 0 0;
}

В Мобильной версии пропали "Корзина" и "Быстрый просмотр", блин лажа

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

Наверх

#12 Danil

Активный участник

Пользователи
4 645 сообщений

Отправлено 22 Сентябрь 2015 - 20:27

Shishas (22 Сентябрь 2015 - 19:52) писал:

В Мобильной версии пропали "Корзина" и "Быстрый просмотр", блин лажа

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

.products-grid .item .item-inner .item-img .item-box-hover .box-inner {
	width: 118px;
}

так же удалите

.sns-btn-quickview {
	display: none !important;
}

Найдите

.products-grid .item .item-inner .item-img .cart-wrap .btn-cart {
	font-size: 116.7%;
	text-transform: none;
	position: relative;
	height: 34px;
	line-height: 34px;
	display: inline-block;
	padding: 0 17px 0 47px;
	border-radius: 10px;
}

и замените на

.products-grid .item .item-inner .item-img .cart-wrap .btn-cart {
	font-size: 116.7%;
	text-transform: none;
	position: relative;
	height: 34px;
	line-height: 34px;
	display: inline-block;
	padding: 0 10px 0 44px;
	border-radius: 10px;
}

Наверх

#13 Shishas

Продвинутый пользователь

Пользователи
64 сообщений

Отправлено 22 Сентябрь 2015 - 21:39

Danil (22 Сентябрь 2015 - 20:27) писал:

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

.products-grid .item .item-inner .item-img .item-box-hover .box-inner {
width: 118px;
}

так же удалите

.sns-btn-quickview {
display: none !important;
}

Найдите

.products-grid .item .item-inner .item-img .cart-wrap .btn-cart {
font-size: 116.7%;
text-transform: none;
position: relative;
height: 34px;
line-height: 34px;
display: inline-block;
padding: 0 17px 0 47px;
border-radius: 10px;
}

и замените на

.products-grid .item .item-inner .item-img .cart-wrap .btn-cart {
font-size: 116.7%;
text-transform: none;
position: relative;
height: 34px;
line-height: 34px;
display: inline-block;
padding: 0 10px 0 44px;
border-radius: 10px;
}

В мобильной версии нужно добавить кнопочку перехода в избранные товары. Только чтоб зарегистрированный пользователь в нее мог входить, а для остальных выходило уведомление, что для этого нужна регистрация на сайте.

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

Наверх

#14 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 23 Сентябрь 2015 - 02:56

В шаблоне HTML перед:

</div>
			  <!-- END: Main Navigation -->
			 
			  <div class="nav-right col-xs-2 col-md-3">
				<div class="header-right-inner">

вставьте:

<div class="block-iz"><a href="{FAVORITES_URL}" title="Избранные товары"></a></div>

В main.css найдите:

#header .header-right #search_mini_form {display:none;}

после него пропишите:

#menu .nav-right .block-iz{width:50px;height:50px;float:left;position: absolute; right:95px;display:none;}
#menu .nav-right .block-iz a {background-image: url("{ASSETS_IMAGES_PATH}action-lgrid.png");background-repeat: no-repeat;background-position: left top; content: "";right: 0px;position: absolute;width: 48px;height: 47px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.5);background: transparent;}

Далее найдите:

@media all and (max-width: 767px) {

после него пропишите:

#menu .nav-right .block-iz {display:block;}

Наверх

#15 Shishas

Продвинутый пользователь

Пользователи
64 сообщений

Отправлено 23 Сентябрь 2015 - 11:53

Vaccina (23 Сентябрь 2015 - 02:56) писал:

В шаблоне HTML перед:

</div>
			 <!-- END: Main Navigation -->
			
			 <div class="nav-right col-xs-2 col-md-3">
			 <div class="header-right-inner">

вставьте:

<div class="block-iz"><a href="{FAVORITES_URL}" title="Избранные товары"></a></div>

В main.css найдите:

#header .header-right #search_mini_form {display:none;}

после него пропишите:

#menu .nav-right .block-iz{width:50px;height:50px;float:left;position: absolute; right:95px;display:none;}
#menu .nav-right .block-iz a {background-image: url("{ASSETS_IMAGES_PATH}action-lgrid.png");background-repeat: no-repeat;background-position: left top; content: "";right: 0px;position: absolute;width: 48px;height: 47px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.5);background: transparent;}

Далее найдите:

@media all and (max-width: 767px) {

после него пропишите:

#menu .nav-right .block-iz {display:block;}

Ничего не изменилось, осталось как было

Наверх

#16 Shishas

Продвинутый пользователь

Пользователи
64 сообщений

Отправлено 25 Сентябрь 2015 - 02:16

Help

Наверх

#17 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 25 Сентябрь 2015 - 04:40

Простите, немного ошиблась, в main.css найдите:

#menu .nav-right .block-iz{width:50px;height:50px;float:left;position: absolute; right:95px;display:none;}
#menu .nav-right .block-iz a {background-image: url("{ASSETS_IMAGES_PATH}action-lgrid.png");background-repeat: no-repeat;background-position: left top; content: "";right: 0px;position: absolute;width: 48px;height: 47px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.5);background: transparent;}

замените на:

.block-iz{width:50px;height:50px;float:left;position: absolute; right:95px;top:15px;display:none;}
.block-iz a {background-image: url("{ASSETS_IMAGES_PATH}action-lgrid.png");background-repeat: no-repeat;background-position: left top; content: "";right: 0px;position: absolute;width: 48px;height: 47px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.5);}

далее найдите:

#menu .nav-right .block-iz {display:block;}

замените на:

.block-iz {display:block;}

Наверх

#18 Shishas

Продвинутый пользователь

Пользователи
64 сообщений

Отправлено 25 Сентябрь 2015 - 12:59

Vaccina (25 Сентябрь 2015 - 04:40) писал:

Простите, немного ошиблась, в main.css найдите:

#menu .nav-right .block-iz{width:50px;height:50px;float:left;position: absolute; right:95px;display:none;}
#menu .nav-right .block-iz a {background-image: url("{ASSETS_IMAGES_PATH}action-lgrid.png");background-repeat: no-repeat;background-position: left top; content: "";right: 0px;position: absolute;width: 48px;height: 47px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.5);background: transparent;}

замените на:

.block-iz{width:50px;height:50px;float:left;position: absolute; right:95px;top:15px;display:none;}
.block-iz a {background-image: url("{ASSETS_IMAGES_PATH}action-lgrid.png");background-repeat: no-repeat;background-position: left top; content: "";right: 0px;position: absolute;width: 48px;height: 47px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.5);}

далее найдите:

#menu .nav-right .block-iz {display:block;}

замените на:

.block-iz {display:block;}

Снова ничего не изменилось. Помогите

Наверх

#19 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 26 Сентябрь 2015 - 02:40

.block-iz {
display: block;
}

замените на:

.block-iz {
display: block !important;
}

Наверх

#20 Shishas

Продвинутый пользователь

Пользователи
64 сообщений

Отправлено 26 Сентябрь 2015 - 12:45

Vaccina (26 Сентябрь 2015 - 02:40) писал:

.block-iz {
display: block;
}

замените на:

.block-iz {
display: block !important;
}

123.jpg

Кнопочка появилась, но она не кликабельна. Не входит в раздел всех избранных товаров.

Наверх

Обратно в Каталог товаров

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

Модераторы Помогите Уже Наконец! Нужно Поменять Местами Кнопки

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

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

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

Количество пользователей, читающих эту тему: 0

Войти

Google поиск