Помогите Отредактировать Карточку Товара В Шаблоне Мокко
#1
Отправлено 02 Декабрь 2014 - 08:12
Нужно что бы стало так: http://st.xn----7sbg.../722/tovara.jpg
Тоесть нужно добавить выбор количество товара сразу за цену, далее в эту же строку выбор модификации товара. В строку ниже нужно переместить кнопку быстрого заказа и кнопку положить в корзину.
В соседней ветке уже четвертый день не отвечают, может здесь ответят ((
#2
Отправлено 02 Декабрь 2014 - 17:20
Ярослав 196 (02 Декабрь 2014 - 08:12) писал:
Нужно что бы стало так: http://st.xn----7sbg.../722/tovara.jpg
Тоесть нужно добавить выбор количество товара сразу за цену, далее в эту же строку выбор модификации товара. В строку ниже нужно переместить кнопку быстрого заказа и кнопку положить в корзину.
В соседней ветке уже четвертый день не отвечают, может здесь ответят ((
Изменения произвели.
#3
Отправлено 02 Декабрь 2014 - 18:42
#4
Отправлено 02 Декабрь 2014 - 18:59
#5
Отправлено 02 Декабрь 2014 - 19:02
Ярослав 196 (02 Декабрь 2014 - 18:59) писал:
#6
Отправлено 02 Декабрь 2014 - 20:02
http://st.xn----7sbg.../1503/273/0.jpg
Получается окно выбора количества стоит строго перед кнопками (кнопки короткие как у шаблона пластик)
Модификации с лево на право добавляются.
P.s.: можно добавить стрелки при выборе кол-ва как у модификаций?
#7
Отправлено 03 Декабрь 2014 - 02:08
type="text"
и замените это на
type="number"
К сожалению, у вас сейчас на сайте отсутствует поле количества товара, поэтому точную изменяемую строку сообщить не могу.
#8
Отправлено 03 Декабрь 2014 - 03:19
#9
Отправлено 03 Декабрь 2014 - 03:35
#10
Отправлено 03 Декабрь 2014 - 05:55
http://st.xn----7sbg.../1504/328/5.jpg
То есть переместить кнопки ниже и перед ними вставить окно выбора количества.
#11
Отправлено 03 Декабрь 2014 - 06:53
.goodsDataMainModificationQuantity{ float:right; }
#12
Отправлено 03 Декабрь 2014 - 10:29
Нужно, что бы было так: http://st.xn----7sbg.../1504/328/5.jpg
#13
Отправлено 03 Декабрь 2014 - 10:43
Ярослав 196 (03 Декабрь 2014 - 10:29) писал:
Нужно, что бы было так: http://st.xn----7sbg.../1504/328/5.jpg
найдите в main.css
.goodsDataMainModificationQuantity { float: right; }замените на
.goodsDataMainModificationQuantity { float: right; margin-top: -31px; }
#14
Отправлено 03 Декабрь 2014 - 11:08
Осталось опустить кнопки вниз и окно выбора количество сделать перед кнопкой "В корзину" как на скриншоте http://st.xn----7sbg.../1504/328/5.jpg
В данный момент у меня так http://автовинил-опт...biksenon-kitaj2
#15
Отправлено 03 Декабрь 2014 - 11:25
Ярослав 196 (03 Декабрь 2014 - 11:08) писал:
Осталось опустить кнопки вниз и окно выбора количество сделать перед кнопкой "В корзину" как на скриншоте http://st.xn----7sbg.../1504/328/5.jpg
В данный момент у меня так http://автовинил-опт...biksenon-kitaj2
<!-- Блок с данными товара при выбранных параметрах. Берутся из модификаций товара --> <tr> <td class="goodsDataMainModificationDataBlock"> <!-- По этому значению производится заказ товара --> <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" /> <!-- Цена сейчас --> <span class="goodsDataMainModificationPriceNow" title="Цена сейчас" 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 %} <!-- Старая цена. --> <span class="goodsDataMainModificationPriceOld lineThrough" title="Старая цена"> <!-- Если на товар действует скидка --> {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %} {GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format} <!-- Если старая цена была больше новой --> {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %} {GOODS_MOD_PRICE_OLD | money_format} {% ENDIF %} </span> <!-- Доступность товара --> <div class="goodsDataMainModificationAvailable"> <div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div> <div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Товара нет в наличии</div> </div> </td> <td class="goodsDataFormSubmitButton"> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <div style="padding-bottom:1em;"> <input type="button" class="button goodsDataCompareButton add" rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" /> <input type="button" class="button goodsDataCompareButton delete" rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" value="Убрать из сравнения" title="Убрать товарную модификацию из списка сравнения с другими товарами" style="{% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" /> </div> {% ENDIF %} {% ENDIF %} <input type="submit" value="В корзину" style="width:130px;" /> <br><br><input type="submit" value="Быстрый заказ" style="width:130px;" onclick="quickorder('.goodsDataForm'); return false;" /> </td> </tr> <!-- Блок информации по акции действующей на товар, если таковая есть --> {% IF GOODS_MOD_MAX_DISCOUNT_ID %} <tr> <td class="goodsDataMainDiscountBlock" colspan="2" itemprop="priceValidUntil" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}"> <div> <!-- Акция на товар --> <strong>Товар участвует в акции «{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}».</strong><br /> По {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет {GOODS_MOD_MAX_DISCOUNT}% </div> </td> </tr> {% ENDIF %} <!-- Блок выбора модификаций для текущей товарной позиции --> <tr> <td class="goodsDataMainModificationsBlock" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %} colspan="2"> <div> <table> <tr> {% FOR goods_modifications_properties %} <td class="goodsDataMainModificationsBlockProperty"> <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь --> {% FOR values %} <!-- Если это первый элемент в списке --> {% IF goods_modifications_properties.values.first %} <strong>{goods_modifications_properties.NAME}:</strong><br /> <select 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 %} </td> {goods_modifications_properties.index | is_divided("2","</tr><tr>","")} {% ENDFOR %} </tr> </table> <div class="goodsDataMainModificationQuantity"> <label for="quantity_wanted">Количество :</label><br> <input type="number" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:46px;" maxlength="12" value="1" title="Количество" class="number" /> </div> <!-- Данные по модификациям для текущей товарной позиции --> {% 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> </td> </tr>замените на
<!-- Блок с данными товара при выбранных параметрах. Берутся из модификаций товара --> <tr> <td class="goodsDataMainModificationDataBlock" colspan="2"> <!-- По этому значению производится заказ товара --> <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" /> <!-- Цена сейчас --> <span class="goodsDataMainModificationPriceNow" title="Цена сейчас" 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 %} <!-- Старая цена. --> <span class="goodsDataMainModificationPriceOld lineThrough" title="Старая цена"> <!-- Если на товар действует скидка --> {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %} {GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format} <!-- Если старая цена была больше новой --> {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %} {GOODS_MOD_PRICE_OLD | money_format} {% ENDIF %} </span> <!-- Доступность товара --> <div class="goodsDataMainModificationAvailable" > <div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div> <div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Товара нет в наличии</div> </div> </td> </tr> <!-- Блок информации по акции действующей на товар, если таковая есть --> {% IF GOODS_MOD_MAX_DISCOUNT_ID %} <tr> <td class="goodsDataMainDiscountBlock" colspan="2" itemprop="priceValidUntil" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}"> <div> <!-- Акция на товар --> <strong>Товар участвует в акции «{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}».</strong><br /> По {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет {GOODS_MOD_MAX_DISCOUNT}% </div> </td> </tr> {% ENDIF %} <!-- Блок выбора модификаций для текущей товарной позиции --> <tr> <td class="goodsDataMainModificationsBlock" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %} colspan=""> <div> <table> <tr> {% FOR goods_modifications_properties %} <td class="goodsDataMainModificationsBlockProperty"> <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь --> {% FOR values %} <!-- Если это первый элемент в списке --> {% IF goods_modifications_properties.values.first %} <strong>{goods_modifications_properties.NAME}:</strong><br /> <select 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 %} </td> {goods_modifications_properties.index | is_divided("2","</tr><tr>","")} {% ENDFOR %} </tr> </table> <div class="goodsDataMainModificationQuantity"> <label for="quantity_wanted">Количество :</label><br> <input type="number" name="form[goods_mod_quantity]" id="quantity_wanted" style="width:46px;" maxlength="12" value="1" title="Количество" class="number" /> </div> <!-- Данные по модификациям для текущей товарной позиции --> {% 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> </td> <td class="goodsDataFormSubmitButton"> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <div style="padding-bottom:1em;"> <input type="button" class="button goodsDataCompareButton add" rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" /> <input type="button" class="button goodsDataCompareButton delete" rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" value="Убрать из сравнения" title="Убрать товарную модификацию из списка сравнения с другими товарами" style="{% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" /> </div> {% ENDIF %} {% ENDIF %} <input type="submit" value="В корзину" style="width:130px;" /> <br><br><input type="submit" value="Быстрый заказ" style="width:130px;" onclick="quickorder('.goodsDataForm'); return false;" /> </td> </tr>
#16
Отправлено 03 Декабрь 2014 - 11:52
Вот так выглядит, если в карточке две модификации http://st.xn----7sbg...32/77777777.jpg
Вот так выглядит, если в карточке одна модификация http://st.xn----7sbg...33/88888888.jpg
#17
Отправлено 03 Декабрь 2014 - 12:27
Ярослав 196 (03 Декабрь 2014 - 11:52) писал:
Вот так выглядит, если в карточке две модификации http://st.xn----7sbg...32/77777777.jpg
Вот так выглядит, если в карточке одна модификация http://st.xn----7sbg...33/88888888.jpg
.goodsDataMainModificationQuantity { float: right; margin-top: -41px; }замените на
.goodsDataMainModificationQuantity { float: right; margin-top: -41px; margin-right: -35px; }
#18
Отправлено 03 Декабрь 2014 - 12:53
И ещё нужно {border-top:1px удлиннить до конца рамки
#19
Отправлено 03 Декабрь 2014 - 13:28
Ярослав 196 (03 Декабрь 2014 - 12:53) писал:
И ещё нужно {border-top:1px удлиннить до конца рамки
<input type="submit" value="В корзину" style="width:130px;" /> <br><br><input type="submit" value="Быстрый заказ" style="width:130px;" onclick="quickorder('.goodsDataForm'); return false;" />
замените на
<input type="submit" value="В корзину" style="width:130px;" /> <br> <input type="submit" value="Быстрый заказ" style="width:130px;" onclick="quickorder('.goodsDataForm'); return false;" />далее в конец main.css добавьте
input.ui-button.ui-widget.ui-state-default.ui-corner-all { margin: 11px 0px -2px 0px; }
#20
Отправлено 03 Декабрь 2014 - 13:37
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных