#1
Отправлено 25 Ноябрь 2015 - 21:07
Сайт нацелен на парфюмерию.
Нужно сделать вариации покупок товара (оригинал,тестер, парфюм/вода, объем) как на данном примере :
Вот мне нужно так же что бы был выбор, что из списка добавлять в корзину. Только после описание товара.
Это необходимо вставить в выделенное мной место на картинке ниже. Там же я все отметил цветами.
То что выделено синим цветом естественно нужно убрать, так как покупка будет выглядеть как я задумал.
То что выделено красным должно идти первым делом. Т.е. описание что бы находилось там где сейчас синим выделено.
Сразу ровно под описанием с той же шириной размещения идет вот эта покупка товара на выбор.
Вот я прикинул в фото редакторе как это должно выглядеть :
И нужно что бы данный вид принимали все товары на сайте которые будут добавляться.
Все отметил на фото, подробно объяснил.
Прошу ответить по возможности как можно быстрее и помочь. К середине декабря уже нужно запускать.
#2
Отправлено 26 Ноябрь 2015 - 04:45
<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}" />
замените на:
<form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="goodsDataForm cont700 hiden" style="display:none;" > <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />
Далее найдите:
<div id="content"> <div> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <h3>Описание {GOODS_NAME}</h3>
замените на:
<div id="content"> <div> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <h3>Описание</h3>
Далее найдите:
<!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание --> </div> </div> {% ENDIF %}
после него вставьте:
<table class="goods_modifications"> <tbody> {% FOR goods_modifications %} <tr rel="{goods_modifications.PROPERTIES_SLUG}"> <td class="mod_name"></td> <td>{goods_modifications.PRICE_NOW | money_format}</td> <td> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsDataForm"> <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_modifications.ID}" /> <input type="number" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]"> <a class="button button_cart_product" onclick="$(this).closest('form').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a> </form> </td> </tr> {% ENDFOR %} </tbody> </table> <div class="goods_modifications_properties" style="display:none;"> {% FOR goods_modifications_properties %}{% FOR values %} <div rel="{goods_modifications_properties.values.ID}">{goods_modifications_properties.values.NAME}</div> {% ENDFOR %}{% ENDFOR %} </div> <script> $('.goods_modifications_properties > div').each(function() { var mod_id = $(this).attr('rel'); $('.goods_modifications tr[rel="' + mod_id + '"] .mod_name').html($(this).html()); }); </script>
В конец main.css вставьте:
.goods_modifications { width: 100%; } .goods_modifications td { border-bottom: 1px dotted #000; padding: 5px; color: #000000; } .goods_modifications td.mod_name { width: 65%; }
#3
Отправлено 26 Ноябрь 2015 - 23:07
Криво, косо и не работает. Когда нажимаешь "В корзину" ничего не добавляется а выдает вот что
И больше трех позиций не добавляется. Хотя делал штук 5-6.
И еще вопрос: а есть ли возможность изменить как то вид добавления товаров в кабинете, что бы по другому добавлять и как на фото надписи получались и тд, так удобнее я думаю.
Vaccina (26 Ноябрь 2015 - 04:45) писал:
<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}" />
замените на:
<form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="goodsDataForm cont700 hiden" style="display:none;" > <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />
Далее найдите:
<div id="content"> <div> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <h3>Описание {GOODS_NAME}</h3>
замените на:
<div id="content"> <div> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <h3>Описание</h3>
Далее найдите:
<!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание --> </div> </div> {% ENDIF %}
после него вставьте:
<table class="goods_modifications"> <tbody> {% FOR goods_modifications %} <tr rel="{goods_modifications.PROPERTIES_SLUG}"> <td class="mod_name"></td> <td>{goods_modifications.PRICE_NOW | money_format}</td> <td> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsDataForm"> <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_modifications.ID}" /> <input type="number" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]"> <a class="button button_cart_product" onclick="$(this).closest('form').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a> </form> </td> </tr> {% ENDFOR %} </tbody> </table> <div class="goods_modifications_properties" style="display:none;"> {% FOR goods_modifications_properties %}{% FOR values %} <div rel="{goods_modifications_properties.values.ID}">{goods_modifications_properties.values.NAME}</div> {% ENDFOR %}{% ENDFOR %} </div> <script> $('.goods_modifications_properties > div').each(function() { var mod_id = $(this).attr('rel'); $('.goods_modifications tr[rel="' + mod_id + '"] .mod_name').html($(this).html()); }); </script>
В конец main.css вставьте:
.goods_modifications { width: 100%; } .goods_modifications td { border-bottom: 1px dotted #000; padding: 5px; color: #000000; } .goods_modifications td.mod_name { width: 65%; }
#4
Отправлено 27 Ноябрь 2015 - 04:38
<script> $('.goods_modifications_properties > div').each(function() { var mod_id = $(this).attr('rel'); $('.goods_modifications tr[rel="' + mod_id + '"] .mod_name').html($(this).html()); }); </script>
замените на:
<script> $('.goods_modifications_properties > div').each(function() { var mod_id = $(this).attr('rel'); var mod_name = $.trim($('.heading_title').text()); $('.goods_modifications .mod_name').html(mod_name + ' ' + $(this).html()); }); </script>
Далее найдите:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsDataForm"> <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_modifications.ID}" /> <input type="number" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]"> <a class="button button_cart_product" onclick="$(this).closest('form').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</a> </form>
замените на:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods_modifications.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods_modifications.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods_modifications.MIN_PRICE_NOW_ID}" /> <div class="plus_minus_quantity"> <span class="qty-minus">-</span> <input type="text" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]"> <span class="qty-plus">+</span> </div> <a class="button button_cart_product" onclick="quickorder('.product-form-{goods_modifications.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">В корзину</a> </form>
В main.css найдите:
.goods_modifications td.mod_name { width: 65%; }
замените на:
.goods_modifications td.mod_name { width: 57%; } .goods_modifications .goodsListItemCatalogueAddToCartButton div, .goods_modifications .goodsListItemCatalogueAddToCartButton a { display: inline-block; } .goods_modifications .goodsListItemCatalogueAddToCartButton a { margin-left: 5px; background-color: #FF0551; }
#5
Отправлено 27 Ноябрь 2015 - 21:05
Vaccina (27 Ноябрь 2015 - 04:38) писал:
<script> $('.goods_modifications_properties > div').each(function() { var mod_id = $(this).attr('rel'); $('.goods_modifications tr[rel="' + mod_id + '"] .mod_name').html($(this).html()); }); </script>
замените на:
<script> $('.goods_modifications_properties > div').each(function() { var mod_id = $(this).attr('rel'); var mod_name = $.trim($('.heading_title').text()); $('.goods_modifications .mod_name').html(mod_name + ' ' + $(this).html()); }); </script>
Далее найдите:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsDataForm"> <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_modifications.ID}" /> <input type="number" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]"> <a class="button button_cart_product" onclick="$(this).closest('form').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a> </form>
замените на:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods_modifications.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods_modifications.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods_modifications.MIN_PRICE_NOW_ID}" /> <div class="plus_minus_quantity"> <span class="qty-minus">-</span> <input type="text" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]"> <span class="qty-plus">+</span> </div> <a class="button button_cart_product" onclick="quickorder('.product-form-{goods_modifications.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">В корзину</a> </form>
В main.css найдите:
.goods_modifications td.mod_name { width: 65%; }
замените на:
.goods_modifications td.mod_name { width: 57%; } .goods_modifications .goodsListItemCatalogueAddToCartButton div, .goods_modifications .goodsListItemCatalogueAddToCartButton a { display: inline-block; } .goods_modifications .goodsListItemCatalogueAddToCartButton a { margin-left: 5px; background-color: #FF0551; }
Вот итог :
1) Добавление в корзину заработало
2) Больше 3х вариаций товара теперь добавляется.
Какие проблемы остались:
1) Хотелось бы передвинуть как и изначально хотелось кнопку "В корзину" ровно, что бы между вариантами не было такого пропуска.
Поработал в paint вот примерно так :
2)Не нужно что бы у каждого варианта писалось название духов. На фото в первом пункте я это сделал.
3) Не пишется старая цена слева от основной.
4) Проблемы с добавлением товара и как он в итоге отображается. Постараюсь объяснить.
Вот как выглядит товар в кабинете
А вот что выходит из этого на сайте
Вариант под номером 3 Синий цвет вообще не добавился на сайт.
В 1 и 2 варианте Оранжевый цвет написано оригинал а на сайте везде пишет тестер.
В варианте 4 Зеленый цвет написано парфюмированная вода а тоже пишет тестер.
5) Не показывает объем духов вообще. (100,75,50,25 и тд)
Вот как нужно в итоге все выглядело, только с цветами моего сайта, и без %
6) Валюту что бы писало рядом в сокращении руб. а не рублей и внизу )
#6
Отправлено 28 Ноябрь 2015 - 02:46
<script> $('.goods_modifications_properties > div').each(function() { var mod_id = $(this).attr('rel'); var mod_name = $.trim($('.heading_title').text()); $('.goods_modifications .mod_name').html(mod_name + ' ' + $(this).html()); }); </script>
замените на:
<script> $('.goods_modifications_properties > div').each(function() { var mod_id = $(this).attr('rel'); $('.goods_modifications .mod_name').html($(this).html()); }); </script>
Далее найдите:
<td>{goods_modifications.PRICE_NOW | money_format}</td>
замените на:
<td class="mod_prices"><span class="price_old">{goods_modifications.PRICE_OLD}</span><span class="price_new">{goods_modifications.PRICE_NOW} руб.</span></td>
В main.css после:
.goods_modifications td.mod_name { width: 65%; }
замените на:
.goods_modifications td.mod_name { width: 54%; } .goods_modifications td span.price_old { text-decoration: line-through; color: #999999; margin-right: 10px; } .goods_modifications td span.price_new { font-size: 16px; } .goods_modifications .quantity { text-align: center; }
#7
Отправлено 28 Ноябрь 2015 - 05:11
Vaccina (28 Ноябрь 2015 - 02:46) писал:
<script> $('.goods_modifications_properties > div').each(function() { var mod_id = $(this).attr('rel'); var mod_name = $.trim($('.heading_title').text()); $('.goods_modifications .mod_name').html(mod_name + ' ' + $(this).html()); }); </script>
замените на:
<script> $('.goods_modifications_properties > div').each(function() { var mod_id = $(this).attr('rel'); $('.goods_modifications .mod_name').html($(this).html()); }); </script>
Далее найдите:
<td>{goods_modifications.PRICE_NOW | money_format}</td>
замените на:
<td class="mod_prices"><span class="price_old">{goods_modifications.PRICE_OLD}</span><span class="price_new">{goods_modifications.PRICE_NOW} руб.</span></td>
В main.css после:
.goods_modifications td.mod_name { width: 65%; }
замените на:
.goods_modifications td.mod_name { width: 54%; } .goods_modifications td span.price_old { text-decoration: line-through; color: #999999; margin-right: 10px; } .goods_modifications td span.price_new { font-size: 16px; } .goods_modifications .quantity { text-align: center; }
Убралось название и стало руб. вместо рублей. Остались все остальные пункты )
#8
Отправлено 28 Ноябрь 2015 - 06:01
.goods_modifications td.mod_name { width: 54%; }
замените на:
.goods_modifications td.mod_prices { width: 130px; text-align: right; } .goods_modifications td:last-child { width: 170px; text-align: right; }
#9
Отправлено 28 Ноябрь 2015 - 16:21
Vaccina (28 Ноябрь 2015 - 06:01) писал:
.goods_modifications td.mod_name { width: 54%; }
замените на:
.goods_modifications td.mod_prices { width: 130px; text-align: right; } .goods_modifications td:last-child { width: 170px; text-align: right; }
#10
Отправлено 28 Ноябрь 2015 - 21:36
Vaccina (28 Ноябрь 2015 - 06:01) писал:
.goods_modifications td.mod_name { width: 54%; }
замените на:
.goods_modifications td.mod_prices { width: 130px; text-align: right; } .goods_modifications td:last-child { width: 170px; text-align: right; }
#11
Отправлено 30 Ноябрь 2015 - 14:43
Vaccina (28 Ноябрь 2015 - 06:01) писал:
.goods_modifications td.mod_name { width: 54%; }
замените на:
.goods_modifications td.mod_prices { width: 130px; text-align: right; } .goods_modifications td:last-child { width: 170px; text-align: right; }
#12
Отправлено 30 Ноябрь 2015 - 15:54
Adakond (30 Ноябрь 2015 - 14:43) писал:
Чтобы сделать старую цену зачеркнутой и серой, в конец main.css добавьте
span.price_old { text-decoration: line-through; color: #666666; margin-right: 6px; }Продублируйте оставшиеся вопросы.
#13
Отправлено 30 Ноябрь 2015 - 16:45
Danil (30 Ноябрь 2015 - 15:54) писал:
Чтобы сделать старую цену зачеркнутой и серой, в конец main.css добавьте
span.price_old { text-decoration: line-through; color: #666666; margin-right: 6px; }Продублируйте оставшиеся вопросы.
Вот как это выглядит.
#15
Отправлено 01 Декабрь 2015 - 01:13
#16
Отправлено 01 Декабрь 2015 - 02:20
span.price_old { text-decoration: line-through; color: #666666; margin-right: 6px; }
необходимо расположить не в конце main.JS, а в конце main.CSS
#17
Отправлено 01 Декабрь 2015 - 05:08
Vaccina (01 Декабрь 2015 - 02:20) писал:
span.price_old { text-decoration: line-through; color: #666666; margin-right: 6px; }
необходимо расположить не в конце main.JS, а в конце main.CSS
Это как так ?
Vaccina (01 Декабрь 2015 - 02:20) писал:
span.price_old { text-decoration: line-through; color: #666666; margin-right: 6px; }
необходимо расположить не в конце main.JS, а в конце main.CSS
#18
Отправлено 01 Декабрь 2015 - 05:20
Vaccina (01 Декабрь 2015 - 02:20) писал:
span.price_old { text-decoration: line-through; color: #666666; margin-right: 6px; }
необходимо расположить не в конце main.JS, а в конце main.CSS
#19
Отправлено 01 Декабрь 2015 - 16:47
Vaccina (01 Декабрь 2015 - 02:20) писал:
span.price_old { text-decoration: line-through; color: #666666; margin-right: 6px; }
необходимо расположить не в конце main.JS, а в конце main.CSS
Вот я добавляю все вариации товара
А вот что в итоге выходит :
#20
Отправлено 01 Декабрь 2015 - 20:12
Adakond (01 Декабрь 2015 - 16:47) писал:
Вот я добавляю все вариации товара
А вот что в итоге выходит :
Темы с аналогичным тегами Товар вид, корзина, покупки
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Бистро →
Корзина →
Добавление В Корзину С Внешней СтороныАвтор Гость_javaca_* , 16 июня 2023 корзина |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Техно →
Страница товара →
Добавить Название Модификации При Добавлении В КорзинуАвтор Гость_like.hornet.6_* , 09 июня 2022 модификация, корзина |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Техно →
Корзина →
Восстановить КорзинуАвтор Гость_alexfeb27_* , 20 дек. 2021 корзина |
|
|||
Повышение продаж, продвижение →
Общие вопросы →
Сохранение Товаров В КорзинеАвтор Гость_Милый Мишка_* , 06 окт. 2020 Корзина, Авторизация, ЛК |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Детский →
Страница товара →
Цвет Кнопок В Карточке ТовараАвтор Гость_карамелька :)_* , 25 мая 2020 нужнапомощь, кнопки, цветкнопок и 3 еще... |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных