Как Убрать Анимацию
#1
Отправлено 27 Сентябрь 2014 - 11:56
2 как мне перенести кнопку купить и количество в самой карточке товара ?
Аккаунт SL-299242
--------------------------------------------------------------------------------------------------
и еще вопрос как в акаунте SL-237115 сделать отображение товаров по 4 штуки в ряд?
большое спасибо за потраченное на меня время !
скрин1
скрин2
скрин 2 с кнопкой
#2
Отправлено 27 Сентябрь 2014 - 12:09
мистка (27 Сентябрь 2014 - 11:56) писал:
большое спасибо за потраченное на меня время !
#category_view_type.grid_view #product_list li { display: inline-block; display: -moz-inline-stack; position: relative; width: 200px; min-height: 250px; margin: 0 15px; padding: 0; border: 0; vertical-align: top; text-align: center; z-index: 100; box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5); }на
#category_view_type.grid_view #product_list li { display: inline-block; display: -moz-inline-stack; position: relative; width: 190px; min-height: 250px; margin: 0 15px; padding: 0; border: 0; vertical-align: top; text-align: center; z-index: 100; box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5); }
#3
Отправлено 27 Сентябрь 2014 - 12:15
мистка (27 Сентябрь 2014 - 11:56) писал:
.prod_hover { -ms-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -webkit-transform: scale(0.85); transform: scale(0.95); opacity: 0.7; }на
.prod_hover { -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; }
#4
Отправлено 27 Сентябрь 2014 - 12:22
Alekseys (27 Сентябрь 2014 - 12:15) писал:
.prod_hover { -ms-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -webkit-transform: scale(0.85); transform: scale(0.95); opacity: 0.7; }на
.prod_hover { -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; }
я понимаю но так же не получается .. во первых ни чего не меняется во 2 нужно же кнопку для характеристик и неподвижные товары а они как скакали так и скачут
#5
Отправлено 27 Сентябрь 2014 - 13:54
мистка (27 Сентябрь 2014 - 12:22) писал:
#6
Отправлено 27 Сентябрь 2014 - 14:21
но и это не самое важное
2 как мне перенести кнопку купить и количество в самой карточке товара ?
#7
Отправлено 27 Сентябрь 2014 - 15:11
мистка (27 Сентябрь 2014 - 14:21) писал:
.prod_hold:hover { -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 40; }на
.prod_hold:hover { -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); z-index: 40; }
#8
Отправлено 27 Сентябрь 2014 - 15:22
#10
Отправлено 27 Сентябрь 2014 - 19:24
НИ ЧЕГОШЕНЬКИ НЕ ПРОИСХОДИТ
#11
Отправлено 27 Сентябрь 2014 - 19:25
мистка (27 Сентябрь 2014 - 19:22) писал:
.prod_hover { -ms-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -webkit-transform: scale(0.85); transform: scale(0.95); opacity: 0.7; }на
.prod_hover { -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; }и
.prod_hold:hover { -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 40; }замените на
.prod_hold:hover { -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); z-index: 40; }
#12
Отправлено 27 Сентябрь 2014 - 19:40
#13
Отправлено 28 Сентябрь 2014 - 10:27
#14
Отправлено 28 Сентябрь 2014 - 10:51
мистка (28 Сентябрь 2014 - 10:27) писал:
<!-- Добавление в корзину --> <div class="cartAdd"> <div class="plus_minus_quantity"> <span class="qty-minus theme-color">-</span> <input type="text" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]"> <span class="qty-plus theme-color">+</span> </div> <div class="addWithMod"><input type="button" value=" Купить" id="button-cart" class="button button_cart_product addToCartWithMod" onclick="quickorder('.goodsDataForm'); return false;" title="Положить «{GOODS_NAME}» в корзину"/></div> <!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину"/ --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="description"> {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %} <a class="add_to_compare_small added inProd" 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-msgtype="1" data-gname="{GOODS_NAME}" title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><div class="icon-resize-shrink"></div></a> <a class="add_to_compare_small_text" data-gname="{GOODS_NAME}" data-action-text-add="Добавить к сравнению" data-action-text-delete="Удалить из сравнения" onclick="$(this).parent().find('.add_to_compare_small').click();return false;" href="#" ><div class="icon-resize-shrink"></div></a> {% ELSE %} <a class="add_to_compare_small inProd" 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-msgtype="1" data-gname="{GOODS_NAME}" title="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><div class="icon-resize-shrink"></div></a> <a class="add_to_compare_small_text" data-gname="{GOODS_NAME}" data-action-text-add="Добавить к сравнению" data-action-text-delete="Удалить из сравнения" onclick="$(this).parent().find('.add_to_compare_small').click();return false;" href="#" ><div class="icon-resize-shrink"></div></a> {% ENDIF %} </div> {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках, то покажем кнопку сравнения товаров --> <!-- Если есть возможность добавить товар в избранное --> {%IF CLIENT_IS_LOGIN %} <div class="description"> {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %} <a class="add_to_wishlist_small inProd 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}» из избранного" title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" ><div class="icon-heart"></div></a> <a class="add_to_wishlist_small_text" data-action-text-add="Добавить в избранное" data-gname="{GOODS_NAME}" data-action-text-delete="Удалить из избранного" onclick="$(this).parent().find('.add_to_wishlist_small').click();return false;" href="#" >Удалить из избранного</a> {% ELSE %} <a class="add_to_wishlist_small inProd" 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-msgtype="2" data-gname="{GOODS_NAME}" title="Добавить «{GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" ><div class="icon-heart"></div></a> <a class="add_to_wishlist_small_text" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" onclick="$(this).parent().find('.add_to_wishlist_small').click();return false;" href="#" >Добавить в избранное</a> {% ENDIF %} </div> {%ELSE%} <div class="description {% IF GOODS_MOD_REST_VALUE = 0 %}nobuy{%ENDIF%}"> <a class="add_to_wishlist_small mustLogin" data-msgtype="3" title="Добавить в избранное"><div class="icon-heart"></div></a> </div> {%ENDIF%} </div> <!-- END Если есть возможность добавить товар в избранное --> </div> <!-- /Добавление в корзину -->
и переместите его после строк:
<div class="goodsDataMainModificationAvailable"> <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Наличие: <span>Есть в наличии</span></div> <div class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Наличие: <span>Нет в наличии</span></div> </div>
а код:
{% IFNOT GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %} <div class="row"> <div class="cols col-12"> <form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="goodsDataForm cont700 hiden" > <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" /> <!-- По этому значению производится заказ товара --> <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" /> <div class="modBlock"> <h3 class="modH">Выберите пожалуйста подходящие для вас параметры:</h3> <div class="warn"> * - Обязательные поля </div> <!-- Блок выбора модификаций для текущей товарной позиции --> <div class="goodsDataMainModificationsBlock description" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}> {% FOR goods_modifications_properties %} <div class="goodsDataMainModificationsBlockProperty"> <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь --> {% FOR values %} <!-- Если это первый элемент в списке --> {% IF goods_modifications_properties.values.first %} {goods_modifications_properties.NAME} <span class="reqField">*</span><br /> <select class="modSelect" name="form[properties][]"> {% ENDIF %} <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option> <!-- Если это последний элемент в списке --> {% IF goods_modifications_properties.values.last %} </select> {% ENDIF %} {% ENDFOR %} </div> {goods_modifications_properties.index | is_divided("2","","")} {% ENDFOR %} <!-- Данные по модификациям для текущей товарной позиции --> {% FOR goods_modifications %} <div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}"> <input type="hidden" name="id" value="{goods_modifications.ID}" /> <input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" /> <input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" /> <div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div> <input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" /> <div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div> <input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" /> <input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" /> <input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" /> <input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" /> <input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" /> <input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" /> <div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div> </div> {% ENDFOR %} <!-- Блок описания модификации --> <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}> {GOODS_MOD_DESCRIPTION} </div> </div> </form> </div> </div> {%ENDIF%}
удалите.
Далее в main.css строку:
.plus_minus_quantity{margin:15px 15px -25px 10px;text-align:left;display:inline-block;}
замените на:
.plus_minus_quantity{margin:15px 15px -25px 10px;text-align:left;display:inline-block;float: right;}
а строку:
.addWithMod{text-align:right;margin:10px 30px 10px 10px;}
на:
.addWithMod{text-align:right;margin: 0 30px 10px 10px;float: right;}
#15
Отправлено 28 Сентябрь 2014 - 11:10
#16
Отправлено 28 Сентябрь 2014 - 11:16
мистка (28 Сентябрь 2014 - 11:10) писал:
<div class="prodPrice"> <div class="pNew"> <span class="prWord">Цена:</span> <span class="price-new goodsDataMainModificationPriceNow" title="Текущая цена за «{GOODS_NAME}»" itemprop="price" content="{GOODS_MOD_PRICE_NOW}"> {GOODS_MOD_PRICE_NOW | money_format} </span> <!-- информация для поисковика о валюте товара --> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> <!-- информация о числе товаров на складе --> <meta itemprop="quantity" content="{GOODS_MOD_REST_VALUE}"/> <!-- информация для поисковика о наличие товара. Отображается только при наличии товара на складе. Доступные значения: out_of_stock,in_stock,instore_only,preorder. --> {% IF GOODS_MOD_REST_VALUE>0 %} <span itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}"></span> {% ENDIF %} </div> <div class="pOld"> <!-- Старая цена --> <!-- Если на товар действует скидка --> {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %} <span class="price-old goodsDataMainModificationPriceOld" title="Мы снизили цену на «{GOODS_NAME}». Старая цена - {GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT} руб."> {GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format} </span> <!-- Если старая цена была больше новой --> {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %} <span class="price-old goodsDataMainModificationPriceOld" title="Мы снизили цену на «{GOODS_NAME}». Старая цена - {GOODS_MOD_PRICE_OLD} руб."> {GOODS_MOD_PRICE_OLD | money_format} </span> {% ENDIF %} <!-- /Старая цена --> </div> </div>
и переместите его строго перед строками:
</div> <!-- /Добавление в корзину -->
#17
Отправлено 28 Сентябрь 2014 - 11:21
#18
Отправлено 28 Сентябрь 2014 - 12:11
мистка (28 Сентябрь 2014 - 11:21) писал:
.pNew{margin-top: 0px; background: url('http://t42870.storeland.net/price_bg.png?7579') no-repeat; height: 90px; text-indent: 0.3em; padding-top: 20px; }}
замените на:
.pNew{margin-top: 0px; text-indent: 0.3em; padding-top: 20px; }}
а строку:
.prodPrice{text-align:left;}
на
.prodPrice{text-align:left;background: url('http://t42870.storeland.net/price_bg.png?7579') no-repeat; height:110px;}
Далее в шаблоне "Товар" найдите код:
<div class="plus_minus_quantity"> <span class="qty-minus theme-color">-</span> <input type="text" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]"> <span class="qty-plus theme-color">+</span> </div> <div class="addWithMod"><input type="button" value=" Купить" id="button-cart" class="button button_cart_product addToCartWithMod" onclick="quickorder('.goodsDataForm'); return false;" title="Положить «{GOODS_NAME}» в корзину"/></div>
и замените его на:
<div class="addWithMod"><input type="button" value=" Купить" id="button-cart" class="button button_cart_product addToCartWithMod" onclick="quickorder('.goodsDataForm'); return false;" title="Положить «{GOODS_NAME}» в корзину"/></div> <div class="plus_minus_quantity"> <span class="qty-minus theme-color">-</span> <input type="text" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]"> <span class="qty-plus theme-color">+</span> </div>
#19
Отправлено 28 Сентябрь 2014 - 12:14
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных