Добавить Лого В Карточку Товара
#21
Отправлено 31 Август 2017 - 06:37
Можно как я указывала первоначально выше, только в этом случае появится необходимость всем товарам указать характеристику "Бренд".
#22
Отправлено 31 Август 2017 - 08:58
Vaccina (31 Август 2017 - 06:37) писал:
Можно как я указывала первоначально выше, только в этом случае появится необходимость всем товарам указать характеристику "Бренд".
Одну ошибку нашел - если товара нет в наличии, то не показывается лого и ссылка
Пример http://mirwarrior.ru...ki-rdx-bgx-t5-2
Вес 12 унций, цвет Желтый
#25
Отправлено 01 Сентябрь 2017 - 07:39
Зайдите в раздел Сайт - Редактор шаблонов - main.js - в конце вставьте:
$(document).ready(function(){ $('#content_2 tr').each(function(){ var name = $(this).find('td.cell1').text(); if(name == 'Бренд'){ var brand = $(this).find('td.cell2').text(); var fileTypes = ['png', 'gif', 'jpg']; for(var i in fileTypes) { var img = new Image(); img.src = 'http://design.pro-ribku.ru/' + brand + '.' + fileTypes[i]; img.onload = $.proxy(function(){ var $element = $('.product-shop .short-description'); if (!$element.hasClass('loaded')) { $element.addClass('loaded'); $element.append($('<img>').attr('src', $(this).attr('src'))); } }, img); } } }); });
Данный код делает проверку на наличие характеристики "Бренд" и наличие изображение, в названии файла которого присутствует значение характеристики, если данный файл находится, то картинка будет подставляться под кратким описанием товара.
#26
Отправлено 01 Сентябрь 2017 - 08:55
Vaccina (01 Сентябрь 2017 - 07:39) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.js - в конце вставьте:
$(document).ready(function(){ $('#content_2 tr').each(function(){ var name = $(this).find('td.cell1').text(); if(name == 'Бренд'){ var brand = $(this).find('td.cell2').text(); var fileTypes = ['png', 'gif', 'jpg']; for(var i in fileTypes) { var img = new Image(); img.src = 'http://design.pro-ribku.ru/' + brand + '.' + fileTypes[i]; img.onload = $.proxy(function(){ var $element = $('.product-shop .short-description'); if (!$element.hasClass('loaded')) { $element.addClass('loaded'); $element.append($('<img>').attr('src', $(this).attr('src'))); } }, img); } } }); });
Данный код делает проверку на наличие характеристики "Бренд" и наличие изображение, в названии файла которого присутствует значение характеристики, если данный файл находится, то картинка будет подставляться под кратким описанием товара.
Добрый день! Вставила код, проверила несколько товаров, не у всех товаров отображается лого, а точнее я нашла только один Mikado.jpg с чем это может быть связано? Я подписывала все лого при загрузке так же, как идет в характеристике.
#27
Отправлено 01 Сентябрь 2017 - 14:57
Ribka (01 Сентябрь 2017 - 08:55) писал:
#28
Отправлено 01 Сентябрь 2017 - 23:32
Ирина345 (01 Сентябрь 2017 - 14:57) писал:
https://prnt.sc/gfyxpt, https://prnt.sc/gfyyti, https://prnt.sc/gfyzx4
#29
Отправлено 02 Сентябрь 2017 - 07:24
Причина в отсутствии краткого описания у товара, так как в JS коде картинка подставляется после него.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
$(document).ready(function(){ $('#content_2 tr').each(function(){ var name = $(this).find('td.cell1').text(); if(name == 'Бренд'){ var brand = $(this).find('td.cell2').text(); var fileTypes = ['png', 'gif', 'jpg']; for(var i in fileTypes) { var img = new Image(); img.src = 'http://design.pro-ribku.ru/' + brand + '.' + fileTypes[i]; img.onload = $.proxy(function(){ var $element = $('.product-shop .short-description'); if (!$element.hasClass('loaded')) { $element.addClass('loaded'); $element.append($('<img>').attr('src', $(this).attr('src'))); } }, img); } } }); });
замените на:
$(document).ready(function(){ $('#content_2 tr').each(function(){ var name = $(this).find('td.cell1').text(); if(name == 'Бренд'){ var brand = $(this).find('td.cell2').text(); var fileTypes = ['png', 'gif', 'jpg']; for(var i in fileTypes) { var img = new Image(); img.src = 'http://design.pro-ribku.ru/' + brand + '.' + fileTypes[i]; img.onload = $.proxy(function(){ var $element = $('.product-shop .goodsDataMainModificationAvailable'); if (!$element.hasClass('loaded')) { $element.addClass('loaded'); $element.append($('<img>').attr('src', $(this).attr('src'))); } }, img); } } }); });
В коде изменила место вывода, выводится картинка бренда будет после блока наличия товара.
#30
Отправлено 02 Сентябрь 2017 - 18:57
Vaccina (02 Сентябрь 2017 - 07:24) писал:
Причина в отсутствии краткого описания у товара, так как в JS коде картинка подставляется после него.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
$(document).ready(function(){ $('#content_2 tr').each(function(){ var name = $(this).find('td.cell1').text(); if(name == 'Бренд'){ var brand = $(this).find('td.cell2').text(); var fileTypes = ['png', 'gif', 'jpg']; for(var i in fileTypes) { var img = new Image(); img.src = 'http://design.pro-ribku.ru/' + brand + '.' + fileTypes[i]; img.onload = $.proxy(function(){ var $element = $('.product-shop .short-description'); if (!$element.hasClass('loaded')) { $element.addClass('loaded'); $element.append($('<img>').attr('src', $(this).attr('src'))); } }, img); } } }); });
замените на:
$(document).ready(function(){ $('#content_2 tr').each(function(){ var name = $(this).find('td.cell1').text(); if(name == 'Бренд'){ var brand = $(this).find('td.cell2').text(); var fileTypes = ['png', 'gif', 'jpg']; for(var i in fileTypes) { var img = new Image(); img.src = 'http://design.pro-ribku.ru/' + brand + '.' + fileTypes[i]; img.onload = $.proxy(function(){ var $element = $('.product-shop .goodsDataMainModificationAvailable'); if (!$element.hasClass('loaded')) { $element.addClass('loaded'); $element.append($('<img>').attr('src', $(this).attr('src'))); } }, img); } } }); });
В коде изменила место вывода, выводится картинка бренда будет после блока наличия товара.
Садок круглый Browning Starter Keepnet Starter Keepnet 350x50 см 7005360 .png
Добрый день!Заменила код, потестила, все отлично Спасибо большое за помощь
#31
Отправлено 02 Сентябрь 2017 - 19:31
Vaccina (02 Сентябрь 2017 - 07:24) писал:
Причина в отсутствии краткого описания у товара, так как в JS коде картинка подставляется после него.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
$(document).ready(function(){ $('#content_2 tr').each(function(){ var name = $(this).find('td.cell1').text(); if(name == 'Бренд'){ var brand = $(this).find('td.cell2').text(); var fileTypes = ['png', 'gif', 'jpg']; for(var i in fileTypes) { var img = new Image(); img.src = 'http://design.pro-ribku.ru/' + brand + '.' + fileTypes[i]; img.onload = $.proxy(function(){ var $element = $('.product-shop .short-description'); if (!$element.hasClass('loaded')) { $element.addClass('loaded'); $element.append($('<img>').attr('src', $(this).attr('src'))); } }, img); } } }); });
замените на:
$(document).ready(function(){ $('#content_2 tr').each(function(){ var name = $(this).find('td.cell1').text(); if(name == 'Бренд'){ var brand = $(this).find('td.cell2').text(); var fileTypes = ['png', 'gif', 'jpg']; for(var i in fileTypes) { var img = new Image(); img.src = 'http://design.pro-ribku.ru/' + brand + '.' + fileTypes[i]; img.onload = $.proxy(function(){ var $element = $('.product-shop .goodsDataMainModificationAvailable'); if (!$element.hasClass('loaded')) { $element.addClass('loaded'); $element.append($('<img>').attr('src', $(this).attr('src'))); } }, img); } } }); });
В коде изменила место вывода, выводится картинка бренда будет после блока наличия товара.
Садок круглый Browning Starter Keepnet Starter Keepnet 350x50 см 7005360 .png
Подскажите, пожалуйста, а получится ли внести такие изменения в карточку товара? https://prnt.sc/gg89su
1. Добавить надпись: " Производитель: " - под надписью "Наличие товара". Соответственно над логотипом.
2. Добавить надпись: " Цена: " - с левой стороны от цены + изменить размер шрифта. Надпись цена, примерно, 22, а сама цена, примерно, 28.
3. Изменить расположение кнопок как на скрине https://prnt.sc/gg8fmi очень хотелось бы, чтобы расположение было именно ровным, как отмечено красным
Получится реализовать такое в карточке?
#32
Отправлено 04 Сентябрь 2017 - 14:58
Ribka (02 Сентябрь 2017 - 19:31) писал:
1. Добавить надпись: " Производитель: " - под надписью "Наличие товара". Соответственно над логотипом.
2. Добавить надпись: " Цена: " - с левой стороны от цены + изменить размер шрифта. Надпись цена, примерно, 22, а сама цена, примерно, 28.
3. Изменить расположение кнопок как на скрине https://prnt.sc/gg8fmi очень хотелось бы, чтобы расположение было именно ровным, как отмечено красным
Получится реализовать такое в карточке?
1. Найдите в файле main.js код
$element.append($('<img>').attr('src', $(this).attr('src')));
замените на
$element.append('<span>Производитель: </span></br>') $element.append($('<img>').attr('src', $(this).attr('src')));
2 Найдите в шаблоне Товар код
<p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}"> <span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span> </p>
замените на
<p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}"> <i>Цена:</i> <span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span> </p>
далее найдите в файле main.css
.product-view .product-shop .price-box .special-price span { font-size: 24px; line-height: 30px; }замените на
.product-view .product-shop .price-box .special-price i { font-style: normal; font-size: 22px; } .product-view .product-shop .price-box .special-price span { font-size: 28px; line-height: 30px; }
3 Найдите в шаблоне Товар код
<div class="add-to-box f-fix {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}" > <div class="wrap-qty" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> <div class="qty-title"><span>Количество:</span></div> <div class="qty-set"> <span class="qty-minus fa fa-minus unselectable" title="Уменьшить"></span> <input type="text" name="form[goods_mod_quantity]" maxlength="4" value="1" min="1" title="Количество" class="inputText quantity" onkeypress="return keyPress('0123456789')"> <span class="qty-plus fa fa-plus unselectable" title="Увеличить"></span> </div> </div> <!-- Добавление товара в Избранное, Сравнение --> <div class="add-to-links"> <!-- Если есть возможность добавить товар в избранное --> {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist added button" 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}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" data-add-tooltip="В Избранное" data-del-tooltip="Убрать из избранного" data-tooltip="Убрать из избранного" href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ELSE %} <a class="add-wishlist button" 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}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" data-add-tooltip="В Избранное" data-del-tooltip="Убрать из избранного" data-tooltip="В Избранное" title="Добавить «{GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ENDIF %} <!-- Если есть возможность добавить товар в сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added button" 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}" data-prodname="{GOODS_NAME}" data-produrl="{GOODS_URL}" data-id="{GOODS_ID}" data-mod-id="{GOODS_MOD_ID}" data-action-text-add="Добавить к сравнению" data-action-text-delete="Удалить из сравнения" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="Убрать из сравнения" title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ELSE %} <a class="add-compare button" 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}" data-prodname="{GOODS_NAME}" data-produrl="{GOODS_URL}" data-id="{GOODS_ID}" data-mod-id="{GOODS_MOD_ID}" data-action-text-add="Добавить к сравнению" data-action-text-delete="Удалить из сравнения" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="В Сравнение" title="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ENDIF %} {% ENDIF %} </div> <div class="add-to-cart" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" /> <button type="submit" class="add-cart button button2" title="Положить «{GOODS_NAME}» в корзину">В корзину</button> <button type="submit" class="add-cart quick button" title="Положить «{GOODS_NAME}» в корзину">Быстрый заказ</button> <a href="{GOODS_URL}" class="button link-more" title="Подробнее">Подробнее</a> </div> </div>замените на
<div class="add-to-box f-fix {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}" > <div class="add-to-cart" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> <div class="wrap-qty" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> <div class="qty-title"><span>Количество:</span></div> <div class="qty-set"> <span class="qty-minus fa fa-minus unselectable" title="Уменьшить"></span> <input type="text" name="form[goods_mod_quantity]" maxlength="4" value="1" min="1" title="Количество" class="inputText quantity" onkeypress="return keyPress('0123456789')"> <span class="qty-plus fa fa-plus unselectable" title="Увеличить"></span> </div> </div> <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" /> <button type="submit" class="add-cart button button2" title="Положить «{GOODS_NAME}» в корзину">В корзину</button> <button type="submit" class="add-cart quick button" title="Положить «{GOODS_NAME}» в корзину">Быстрый заказ</button> <a href="{GOODS_URL}" class="button link-more" title="Подробнее">Подробнее</a> <div class="add-to-links"> <!-- Если есть возможность добавить товар в избранное --> {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist added button" 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}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" data-add-tooltip="В Избранное" data-del-tooltip="Убрать из избранного" data-tooltip="Убрать из избранного" href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ELSE %} <a class="add-wishlist button" 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}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" data-add-tooltip="В Избранное" data-del-tooltip="Убрать из избранного" data-tooltip="В Избранное" title="Добавить «{GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ENDIF %} <!-- Если есть возможность добавить товар в сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added button" 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}" data-prodname="{GOODS_NAME}" data-produrl="{GOODS_URL}" data-id="{GOODS_ID}" data-mod-id="{GOODS_MOD_ID}" data-action-text-add="Добавить к сравнению" data-action-text-delete="Удалить из сравнения" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="Убрать из сравнения" title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ELSE %} <a class="add-compare button" 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}" data-prodname="{GOODS_NAME}" data-produrl="{GOODS_URL}" data-id="{GOODS_ID}" data-mod-id="{GOODS_MOD_ID}" data-action-text-add="Добавить к сравнению" data-action-text-delete="Удалить из сравнения" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="В Сравнение" title="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ENDIF %} {% ENDIF %} </div> </div> <!-- Добавление товара в Избранное, Сравнение --> </div>
далее найдите в файле main.css
.product-view .product-shop .add-to-box .wrap-qty {display: inline-block;float: left;margin: 0 45px 20px 0;}
замените на
.product-view .product-shop .add-to-box .wrap-qty {display: inline-block;float: left;margin: 0 20px 0px 0;}
#33
Отправлено 04 Сентябрь 2017 - 21:41
Ирина345 (04 Сентябрь 2017 - 14:58) писал:
1. Найдите в файле main.js код
$element.append($('<img>').attr('src', $(this).attr('src')));
замените на
$element.append('<span>Производитель: </span></br>') $element.append($('<img>').attr('src', $(this).attr('src')));
2 Найдите в шаблоне Товар код
<p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}"> <span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span> </p>
замените на
<p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}"> <i>Цена:</i> <span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span> </p>
далее найдите в файле main.css
.product-view .product-shop .price-box .special-price span { font-size: 24px; line-height: 30px; }замените на
.product-view .product-shop .price-box .special-price i { font-style: normal; font-size: 22px; } .product-view .product-shop .price-box .special-price span { font-size: 28px; line-height: 30px; }
3 Найдите в шаблоне Товар код
<div class="add-to-box f-fix {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}" > <div class="wrap-qty" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> <div class="qty-title"><span>Количество:</span></div> <div class="qty-set"> <span class="qty-minus fa fa-minus unselectable" title="Уменьшить"></span> <input type="text" name="form[goods_mod_quantity]" maxlength="4" value="1" min="1" title="Количество" class="inputText quantity" onkeypress="return keyPress('0123456789')"> <span class="qty-plus fa fa-plus unselectable" title="Увеличить"></span> </div> </div> <!-- Добавление товара в Избранное, Сравнение --> <div class="add-to-links"> <!-- Если есть возможность добавить товар в избранное --> {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist added button" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного" title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" data-add-tooltip="В Избранное" data-del-tooltip="Убрать из избранного" data-tooltip="Убрать из избранного" href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ELSE %} <a class="add-wishlist button" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" data-add-tooltip="В Избранное" data-del-tooltip="Убрать из избранного" data-tooltip="В Избранное" title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ENDIF %} <!-- Если есть возможность добавить товар в сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added button" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами" data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" data-msgtype="1" data-gname="{GOODS_NAME}" data-prodname="{GOODS_NAME}" data-produrl="{GOODS_URL}" data-id="{GOODS_ID}" data-mod-id="{GOODS_MOD_ID}" data-action-text-add="Добавить к сравнению" data-action-text-delete="Удалить из сравнения" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="Убрать из сравнения" title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ELSE %} <a class="add-compare button" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами" data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" data-msgtype="1" data-gname="{GOODS_NAME}" data-prodname="{GOODS_NAME}" data-produrl="{GOODS_URL}" data-id="{GOODS_ID}" data-mod-id="{GOODS_MOD_ID}" data-action-text-add="Добавить к сравнению" data-action-text-delete="Удалить из сравнения" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="В Сравнение" title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ENDIF %} {% ENDIF %} </div> <div class="add-to-cart" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" /> <button type="submit" class="add-cart button button2" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">В корзину</button> <button type="submit" class="add-cart quick button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">Быстрый заказ</button> <a href="{GOODS_URL}" class="button link-more" title="Подробнее">Подробнее</a> </div> </div>замените на
<div class="add-to-box f-fix {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}" > <div class="add-to-cart" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> <div class="wrap-qty" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> <div class="qty-title"><span>Количество:</span></div> <div class="qty-set"> <span class="qty-minus fa fa-minus unselectable" title="Уменьшить"></span> <input type="text" name="form[goods_mod_quantity]" maxlength="4" value="1" min="1" title="Количество" class="inputText quantity" onkeypress="return keyPress('0123456789')"> <span class="qty-plus fa fa-plus unselectable" title="Увеличить"></span> </div> </div> <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" /> <button type="submit" class="add-cart button button2" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">В корзину</button> <button type="submit" class="add-cart quick button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">Быстрый заказ</button> <a href="{GOODS_URL}" class="button link-more" title="Подробнее">Подробнее</a> <div class="add-to-links"> <!-- Если есть возможность добавить товар в избранное --> {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist added button" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного" title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" data-add-tooltip="В Избранное" data-del-tooltip="Убрать из избранного" data-tooltip="Убрать из избранного" href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ELSE %} <a class="add-wishlist button" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" data-add-tooltip="В Избранное" data-del-tooltip="Убрать из избранного" data-tooltip="В Избранное" title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ENDIF %} <!-- Если есть возможность добавить товар в сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added button" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами" data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" data-msgtype="1" data-gname="{GOODS_NAME}" data-prodname="{GOODS_NAME}" data-produrl="{GOODS_URL}" data-id="{GOODS_ID}" data-mod-id="{GOODS_MOD_ID}" data-action-text-add="Добавить к сравнению" data-action-text-delete="Удалить из сравнения" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="Убрать из сравнения" title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ELSE %} <a class="add-compare button" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами" data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" data-msgtype="1" data-gname="{GOODS_NAME}" data-prodname="{GOODS_NAME}" data-produrl="{GOODS_URL}" data-id="{GOODS_ID}" data-mod-id="{GOODS_MOD_ID}" data-action-text-add="Добавить к сравнению" data-action-text-delete="Удалить из сравнения" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="В Сравнение" title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ENDIF %} {% ENDIF %} </div> </div> <!-- Добавление товара в Избранное, Сравнение --> </div>
далее найдите в файле main.css
.product-view .product-shop .add-to-box .wrap-qty {display: inline-block;float: left;margin: 0 45px 20px 0;}
замените на
.product-view .product-shop .add-to-box .wrap-qty {display: inline-block;float: left;margin: 0 20px 0px 0;}
Добрый вечер! Спасибо за инструкцию!))
Внесла все изменения: https://prnt.sc/gh1tch :
Слово "Производитель" сделать по аналогии со словами "Артикул" и "Наличие" и немного добавить отступ, как идет от "Артикул" и "Наличие".
Изменения с ценой отличные
А вот с перемещением кнопок немного не так получилось, как я хотела. Получилось: https://prnt.sc/gh1tch а хочется https://prnt.sc/gg8fmi, или это невозможно реализовать?
И подскажите, пожалуйста, реально ли такое сделать: появилась идея
При нажатии на кнопку "+" https://prnt.sc/gh1w5x чтобы сумма высчитывалась автоматически https://prnt.sc/gh1xhk
#34
Отправлено 05 Сентябрь 2017 - 09:55
Ribka (04 Сентябрь 2017 - 21:41) писал:
Внесла все изменения: https://prnt.sc/gh1tch :
Слово "Производитель" сделать по аналогии со словами "Артикул" и "Наличие" и немного добавить отступ, как идет от "Артикул" и "Наличие".
Изменения с ценой отличные
А вот с перемещением кнопок немного не так получилось, как я хотела. Получилось: https://prnt.sc/gh1tch а хочется https://prnt.sc/gg8fmi, или это невозможно реализовать?
И подскажите, пожалуйста, реально ли такое сделать: появилась идея
При нажатии на кнопку "+" https://prnt.sc/gh1w5x чтобы сумма высчитывалась автоматически https://prnt.sc/gh1xhk
.product-view .product-shop .goodsDataMainModificationAvailable .title_name { font-size: 14px; font-weight: bolder; }далее найдите код
.product-view .product-shop .add-to-box .add-to-links .button.add-compare { margin-left: 10px; }
замените на
.product-view .product-shop .add-to-box .add-to-links .button.add-compare { margin-left: -7px; }далее найдите в файле main.js код
//Regulator Up копки + в карточке товара при добавлении в корзину $('.qty-plus').click(function(){ var quantity = $(this).parent().find('.quantity'), currentVal = parseInt(quantity.val()); if (!isNaN(currentVal)){ quantity.val(currentVal + 1); quantity.trigger('keyup'); } return false; }); //Regulator Down копки - в карточке товара при добавлении в корзину $('.qty-minus').click(function(){ var quantity = $(this).parent().find('.quantity'), currentVal = parseInt(quantity.val()); if (!isNaN(currentVal) && !(currentVal <= 1) ){ quantity.val(currentVal - 1); quantity.trigger('keyup'); } return false; }); // Если вводят 0 то заменяем на 1 $('.wrap-qty .quantity').change(function(){ if($(this).val() < 1){ $(this).val(1); } });
замените на
$(document).ready(function(){ //Regulator Up копки + в карточке товара при добавлении в корзину $('.qty-set .qty-plus').click(function(){ var quantity = $(this).parent().find('.quantity'), currentVal = parseInt(quantity.val()); if (!isNaN(currentVal)){ quantity.val(currentVal + 1); quantity.trigger('keyup'); newlist($(this)); } return false; }); //Regulator Down копки - в карточке товара при добавлении в корзину $('.qty-set .qty-minus').click(function(){ var quantity = $(this).parent().find('.quantity'), currentVal = parseInt(quantity.val()); if (!isNaN(currentVal) && !(currentVal <= 1) ){ quantity.val(currentVal - 1); quantity.trigger('keyup'); newlist($(this)); } return false; }); // Если вводят 0 то заменяем на 1 $('.qty-set .quantity').change(function(){ if($(this).val() < 1){ $(this).val(1); newlist($(this)); } }); $('.products-grid .quantity').focus(function(){ newlist($(this)); }).blur(function(){ newlist($(this)); }).keydown(function(){ newlist($(this)); }).keyup(function(){ newlist($(this)); }).keypress(function(){ newlist($(this)); }).bind('paste', function(e){ newlist($(this)); }).bind('cut', function(e){ newlist($(this)); }); function newlist(y){ var colList= parseFloat(y.parent().find('.quantity').val()); //$('.products-grid .wrap-qty .quantity').val(Math.ceil(colList)); colList=colList*1; console.log(colList) console.log(y.parents('.product-shop').find('.price .num').text()); var itogSumText = ((y.parents('.product-shop').find('.goodsDataMainModificationPriceNow .num').text()).replace(' ', '')*1)* colList; y.parents('.product-shop').find('.price .num').text(itogSumText) } })
#35
Отправлено 05 Сентябрь 2017 - 21:48
Ирина345 (05 Сентябрь 2017 - 09:55) писал:
.product-view .product-shop .goodsDataMainModificationAvailable .title_name { font-size: 14px; font-weight: bolder; }далее найдите код
.product-view .product-shop .add-to-box .add-to-links .button.add-compare { margin-left: 10px; }
замените на
.product-view .product-shop .add-to-box .add-to-links .button.add-compare { margin-left: -7px; }далее найдите в файле main.js код
//Regulator Up копки + в карточке товара при добавлении в корзину $('.qty-plus').click(function(){ var quantity = $(this).parent().find('.quantity'), currentVal = parseInt(quantity.val()); if (!isNaN(currentVal)){ quantity.val(currentVal + 1); quantity.trigger('keyup'); } return false; }); //Regulator Down копки - в карточке товара при добавлении в корзину $('.qty-minus').click(function(){ var quantity = $(this).parent().find('.quantity'), currentVal = parseInt(quantity.val()); if (!isNaN(currentVal) && !(currentVal <= 1) ){ quantity.val(currentVal - 1); quantity.trigger('keyup'); } return false; }); // Если вводят 0 то заменяем на 1 $('.wrap-qty .quantity').change(function(){ if($(this).val() < 1){ $(this).val(1); } });
замените на
$(document).ready(function(){ //Regulator Up копки + в карточке товара при добавлении в корзину $('.qty-set .qty-plus').click(function(){ var quantity = $(this).parent().find('.quantity'), currentVal = parseInt(quantity.val()); if (!isNaN(currentVal)){ quantity.val(currentVal + 1); quantity.trigger('keyup'); newlist($(this)); } return false; }); //Regulator Down копки - в карточке товара при добавлении в корзину $('.qty-set .qty-minus').click(function(){ var quantity = $(this).parent().find('.quantity'), currentVal = parseInt(quantity.val()); if (!isNaN(currentVal) && !(currentVal <= 1) ){ quantity.val(currentVal - 1); quantity.trigger('keyup'); newlist($(this)); } return false; }); // Если вводят 0 то заменяем на 1 $('.qty-set .quantity').change(function(){ if($(this).val() < 1){ $(this).val(1); newlist($(this)); } }); $('.products-grid .quantity').focus(function(){ newlist($(this)); }).blur(function(){ newlist($(this)); }).keydown(function(){ newlist($(this)); }).keyup(function(){ newlist($(this)); }).keypress(function(){ newlist($(this)); }).bind('paste', function(e){ newlist($(this)); }).bind('cut', function(e){ newlist($(this)); }); function newlist(y){ var colList= parseFloat(y.parent().find('.quantity').val()); //$('.products-grid .wrap-qty .quantity').val(Math.ceil(colList)); colList=colList*1; console.log(colList) console.log(y.parents('.product-shop').find('.price .num').text()); var itogSumText = ((y.parents('.product-shop').find('.goodsDataMainModificationPriceNow .num').text()).replace(' ', '')*1)* colList; y.parents('.product-shop').find('.price .num').text(itogSumText) } })
Спасибо. Изменения внесла.
Можно увеличить отступ между "Наличие" и "Производитель", чтобы он был одинаковым с отступом между "Артикул" и "Наличие"? И Сдвинуть "Производитель" левее, чтобы все надписи были одинаковы и симметричные https://prnt.sc/ghhpfs
#36
Отправлено 06 Сентябрь 2017 - 06:29
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.product-view .product-shop .goodsDataMainModificationAvailable .title_name {font-size: 14px;font-weight: bolder;}
замените на:
.product-view .product-shop .goodsDataMainModificationAvailable .title_name {font-size: 14px;font-weight: bolder;margin: 7px 0 0 0;}
#37
Отправлено 06 Сентябрь 2017 - 19:22
Vaccina (06 Сентябрь 2017 - 06:29) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.product-view .product-shop .goodsDataMainModificationAvailable .title_name {font-size: 14px;font-weight: bolder;}
замените на:
.product-view .product-shop .goodsDataMainModificationAvailable .title_name {font-size: 14px;font-weight: bolder;margin: 7px 0 0 0;}
Теперь замечательно спасибо
#38
Отправлено 19 Сентябрь 2017 - 22:18
Vaccina (06 Сентябрь 2017 - 06:29) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.product-view .product-shop .goodsDataMainModificationAvailable .title_name {font-size: 14px;font-weight: bolder;}
замените на:
.product-view .product-shop .goodsDataMainModificationAvailable .title_name {font-size: 14px;font-weight: bolder;margin: 7px 0 0 0;}
Добрый день!
Выше в этой теме я писала о том, что хотелось бы немного изменить расположение кнопок "Корзина" и др в карточке товара.
Поскажите, как сделать следующие изменения:
- Убрать кнопку "Быстрый заказ" для всех товаров
- Сместить кнопки "Сравнение" и "Добавить в избранное" как на скрине - https://prnt.sc/gn6ewd
#39
Отправлено 20 Сентябрь 2017 - 07:53
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите и удалите:
<button type="submit" class="add-cart quick button" title="Положить «{GOODS_NAME}» в корзину">Быстрый заказ</button>
далее зайдите в шаблон main.css - найдите:
.product-view .product-shop .add-to-box .add-to-cart .button {margin: 0 10px 10px 0;font-size: 16px;font-weight: 500;}
замените на:
.product-view .product-shop .add-to-box .add-to-cart .button {float: left;margin: 0 10px 10px 0;font-size: 16px;font-weight: 500;}
#40
Отправлено 05 Август 2018 - 11:12
Vaccina (01 Сентябрь 2017 - 07:39) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.js - в конце вставьте:
$(document).ready(function(){ $('#content_2 tr').each(function(){ var name = $(this).find('td.cell1').text(); if(name == 'Бренд'){ var brand = $(this).find('td.cell2').text(); var fileTypes = ['png', 'gif', 'jpg']; for(var i in fileTypes) { var img = new Image(); img.src = 'http://design.pro-ribku.ru/' + brand + '.' + fileTypes[i]; img.onload = $.proxy(function(){ var $element = $('.product-shop .short-description'); if (!$element.hasClass('loaded')) { $element.addClass('loaded'); $element.append($('<img>').attr('src', $(this).attr('src'))); } }, img); } } }); });
Данный код делает проверку на наличие характеристики "Бренд" и наличие изображение, в названии файла которого присутствует значение характеристики, если данный файл находится, то картинка будет подставляться под кратким описанием товара.
решено оказывается нужно было в редактор шаблонов а не в файлы заливать картинки. А можно так же но брать изображение с "файлов" ?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных