Изменения В Карточке Товара
#1
Отправлено 12 Июнь 2017 - 00:50
1. В карточке товара краткое описание начинается с отступом. Можно ли как-то выровнять, чтоб отступ убрать и выровнять все строки текста по краю. (см. фото 1)
2. Выбор модификации сделан как-то неудобно (внизу и сильно уж крупно). Можно сделать его как я показала на фото? (см. фото 2) вот как на этих сайтах http://sourcecompany...-BAG#show_tab_2
http://beautyishop.r...k-LAMZAC-Lamzak
ориентируясь по этим сайтам форму выбора модификации нужно сделать под ценой, а ниже ее кнопка заказа.
3. Как можно добавить кнопку "быстрый заказ" и соответственно, где настроить страницу к ней (т. е. то, что будет содержаться на странице после нажатия на эту кнопку)
#2
Отправлено 15 Июнь 2017 - 14:17
НатальяC (12 Июнь 2017 - 00:50) писал:
1. В карточке товара краткое описание начинается с отступом. Можно ли как-то выровнять, чтоб отступ убрать и выровнять все строки текста по краю. (см. фото 1)
2. Выбор модификации сделан как-то неудобно (внизу и сильно уж крупно). Можно сделать его как я показала на фото? (см. фото 2) вот как на этих сайтах http://sourcecompany...-BAG#show_tab_2
http://beautyishop.r...k-LAMZAC-Lamzak
ориентируясь по этим сайтам форму выбора модификации нужно сделать под ценой, а ниже ее кнопка заказа.
3. Как можно добавить кнопку "быстрый заказ" и соответственно, где настроить страницу к ней (т. е. то, что будет содержаться на странице после нажатия на эту кнопку)
1. Найдите в файле main.css
.shortD { font-size: 18px; text-align: justify; margin: 2px 0 0 0; color: #000; text-indent: 5px; }
замените на
.shortD { font-size: 18px; text-align: justify; margin: 2px 0 0 0; color: #000; }
2. При перемещение блока модификации карточка товара будет сильно вытянута, но можно визуально изменить вид модификации.
3. Сам функционал быстрого заказа на сайте присутствует и срабатывает после нажатия на кнопку "Оформить заказ" из карточки товара.
#3
Отправлено 15 Июнь 2017 - 16:06
Ирина345 (15 Июнь 2017 - 14:17) писал:
1. Найдите в файле main.css
.shortD { font-size: 18px; text-align: justify; margin: 2px 0 0 0; color: #000; text-indent: 5px; }
замените на
.shortD { font-size: 18px; text-align: justify; margin: 2px 0 0 0; color: #000; }
2. При перемещение блока модификации карточка товара будет сильно вытянута, но можно визуально изменить вид модификации.
3. Сам функционал быстрого заказа на сайте присутствует и срабатывает после нажатия на кнопку "Оформить заказ" из карточки товара.
С пунктом 1 все понятно, поменяла.
Что касается блока модификации, то второй вариант ваших картинок, наверное, более подходит, но убрать бы верхнюю часть, а сам блок вставить после цены (перед кратким описанием). На картинке все показала.
Но вообще я хотела это реализовать как показано на второй картинке
#4
Отправлено 16 Июнь 2017 - 06:42
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите и удалите:
{% 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> <!-- Добавление в корзину --> <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}" > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</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="#" > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</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}" > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</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="#" > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</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}" >{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</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}" >{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</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="Добавить в избранное">{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</a> </div> {%ENDIF%} </div> <!-- END Если есть возможность добавить товар в избранное --> </div> <!-- /Добавление в корзину --> </form> </div> </div> {%ENDIF%}
далее найдите:
{%IF GOODS_DESCRIPTION_SHORT%} <p class="shortP">Краткое описание:</p> <div class="shortD" itemprop="description"> {GOODS_DESCRIPTION_SHORT} </div> {%ENDIF%}
перед ним вставьте:
{% IFNOT GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %} <div class="row"> <div class="cols col-12"> <div class="modBlock"> <!-- Блок выбора модификаций для текущей товарной позиции --> <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> <!-- Добавление в корзину --> <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}" > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</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="#" > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</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}" > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</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="#" > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</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}" >{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</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}" >{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</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="Добавить в избранное">{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</a> </div> {%ENDIF%} </div> <!-- END Если есть возможность добавить товар в избранное --> </div> <!-- /Добавление в корзину --> </div> </div> {%ENDIF%}
Далее зайдите в main.css - найдите:
.addWithMod{text-align:right;margin:10px 30px 10px 10px;}
замените на:
.addWithMod{text-align:right;margin:10px 30px 10px 10px; display: inline-block;} .addWithMod + .description {display: inline-block;} .addWithMod + .description a{position: relative;left: initial !important;top: initial !important;}
далее найдите:
.modBlock{margin:10px 0 0 0;border:1px solid #e4bb3f;background:#fff6d9;text-align:left;position:relative;}
замените на:
.modBlock{margin:10px 0 0 0;text-align:left;position:relative;}
#5
Отправлено 16 Июнь 2017 - 11:22
Теперь нужно мелкие недостатки изменить:
1. На мобильной версии сайта "съехало" сердечко. Нужно его подвинуть правее.
2. На кнопке "Купить", при наведении на неё курсора текст видимо того же цвета, как и фон кнопки, поэтому нужно поменять цвет текста на кнопке (так на кнопках, где модификация, на товарах без выбора модификации все нормально).
3. Изменить цвет и размер в цене. Не само слово "Цена", а то, что следует далее "150 рублей" например.
На картинке все показала.
#6
Отправлено 17 Июнь 2017 - 10:52
НатальяC (16 Июнь 2017 - 11:22) писал:
Теперь нужно мелкие недостатки изменить:
1. На мобильной версии сайта "съехало" сердечко. Нужно его подвинуть правее.
2. На кнопке "Купить", при наведении на неё курсора текст видимо того же цвета, как и фон кнопки, поэтому нужно поменять цвет текста на кнопке (так на кнопках, где модификация, на товарах без выбора модификации все нормально).
3. Изменить цвет и размер в цене. Не само слово "Цена", а то, что следует далее "150 рублей" например.
На картинке все показала.
1.В файле main.css после
@media only screen and (max-width:480px){добавьте:
.addWithMod + .description a {position:static;}
2.В main.css
.addToCartWithMod:hover{border-radius:0;} /*END Товары таблицей*/замените на
.addToCartWithMod:hover{border-radius:0;color:#000!important} /*END Товары таблицей*/3.В блоке
/*Новинки на главной*/замените
.price-new{color:#000;}где #000 - код для чёрного цвета
#7
Отправлено 17 Июнь 2017 - 13:14
Теперь нужно сделать следующее:
1. В разделе "С этим товаром смотрят" сделать размер блоков с товаром как в "Сопутствующие товары", чтобы по 3 блока в ширину вставало.
2. В "сопутствующих товарах" картинки нужно увеличить по ширине блока, соответственно так же должно быть в "С этим товаром покупают".
#8
Отправлено 17 Июнь 2017 - 14:21
НатальяC (17 Июнь 2017 - 13:14) писал:
Теперь нужно сделать следующее:
1. В разделе "С этим товаром смотрят" сделать размер блоков с товаром как в "Сопутствующие товары", чтобы по 3 блока в ширину вставало.
2. В "сопутствующих товарах" картинки нужно увеличить по ширине блока, соответственно так же должно быть в "С этим товаром покупают".
/* END размер значки сопутствующих товаров в карточке товара */строку
#content_5 .tab-content .box-product { text-align: left;}2.Приведите, пожалуйста, пример товара с 2мя доступными вкладками.
#9
Отправлено 17 Июнь 2017 - 14:29
Mr.Nito (17 Июнь 2017 - 14:21) писал:
/* END размер значки сопутствующих товаров в карточке товара */строку
#content_5 .tab-content .box-product { text-align: left;}2.Приведите, пожалуйста, пример товара с 2мя доступными вкладками.
Вы наверное не так поняли. Вот посмотрите на примере товара http://mylendshop.ru...od_id=126342316
#10
Отправлено 17 Июнь 2017 - 14:47
НатальяC (17 Июнь 2017 - 14:29) писал:
в main.css в самом конце удалите код:
/* размер значки сопутствующих товаров в карточке товара */ #content_6 .prod_hold {width: 200px!important;} #content_6 .prod_hold .goods-cat-image-medium {max-width: 150px;} #content_6 .prod_hold .image.goods-cat-image-medium-square.textc {width: 150px;} /* END размер значки сопутствующих товаров в карточке товара */
#11
Отправлено 17 Июнь 2017 - 15:24
Mr.Nito (17 Июнь 2017 - 14:47) писал:
в main.css в самом конце удалите код:
/* размер значки сопутствующих товаров в карточке товара */ #content_6 .prod_hold {width: 200px!important;} #content_6 .prod_hold .goods-cat-image-medium {max-width: 150px;} #content_6 .prod_hold .image.goods-cat-image-medium-square.textc {width: 150px;} /* END размер значки сопутствующих товаров в карточке товара */
Это да, при удалении этого пункта все сравнялось. Но мне надо, чтоб и там и там сделать, чтоб вставало по три блока. То есть их размеры уменьшить. Вы мне скажите в каком месте находится код этих двух разделов, чтоб я могла отрегулировать размеры. Мне не нравится как отображается сейчас.
#12
Отправлено 17 Июнь 2017 - 17:11
НатальяC (17 Июнь 2017 - 15:24) писал:
Отдельно для каждой вкладки можно задать только через стили.
В main.css
для "Сопутствующие товары"
/* размер значки сопутствующих товаров в карточке товара */ #content_6 .prod_hold {width: 200px!important;} #content_6 .prod_hold .goods-cat-image-medium {max-width: 150px;} #content_6 .prod_hold .image.goods-cat-image-medium-square.textc {width: 150px;} /* END размер значки сопутствующих товаров в карточке товара */
ниже добавить
для вкладки "С этим товаром смотрят"
/* размер значки сопутствующих товаров в карточке товара */ #content_5 .prod_hold {width: 200px!important;} #content_5 .prod_hold .goods-cat-image-medium {max-width: 150px;} #content_5 .prod_hold .image.goods-cat-image-medium-square.textc {width: 150px;} /* END размер значки сопутствующих товаров в карточке товара */
#13
Отправлено 18 Июнь 2017 - 00:33
Единственно отображение значков "Новинка" и "хит" одного цвета, а я хотела бы изменить на свои как на картинке. Я уже задавала вопрос на подобные изменения вот здесь http://forum.storela...ь-слайдер-выше/
#14
Отправлено 18 Июнь 2017 - 10:59
НатальяC (18 Июнь 2017 - 00:33) писал:
Единственно отображение значков "Новинка" и "хит" одного цвета, а я хотела бы изменить на свои как на картинке. Я уже задавала вопрос на подобные изменения вот здесь http://forum.storela...ь-слайдер-выше/
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных