<!-- Корзина --> <div class="cartInfo" id="cartInfo"> <div class="cart-preloaded"> <div class="cart-info"> <div class="cart-count"></div> <div class="cart-item"></div> <div class="cart-total"></div> </div> </div> <table> <tr><td colspan="2" class="valignMiddle" style="padding-left:65px;"></td></tr> <br><a href="{CART_URL}"></a><span class="orderIcon cart"></span><span style="position: absolute;top: 54px;left: 33px; font-size: 23px;">{CART_COUNT_TOTAL}</span></a> </tr> </table> </div> <!-- end Корзина -->
Корзина
#21
Отправлено 09 Октябрь 2013 - 12:14
#22
Отправлено 09 Октябрь 2013 - 12:22
#23
Отправлено 09 Октябрь 2013 - 12:41
в новом коде корзине
нужно поменять строчку
<br><a href="{CART_URL}"></a><span class="orderIcon cart"></span><span style="position: absolute;top: 54px;left: 33px; font-size: 23px;">{CART_COUNT_TOTAL}</span></a>на
<br><a href="{CART_URL}"><span class="orderIcon cart"></span><span style="position: absolute;top: 54px;left: 33px; font-size: 23px;">{CART_COUNT_TOTAL}</span></a>
#24
Отправлено 09 Октябрь 2013 - 12:48
во вторых нужно цифру заключить в круг цветной
в третьих надо сделать графические кнопки в всплывающем окне
и в четвертых надо придать окну общий стиль сайта
а, и еще когда товаров 0 в корзине, цифра не нужна. нужно что бы появлялся счет товаров с первого товара.
#25
Отправлено 09 Октябрь 2013 - 19:19
#26
Отправлено 10 Октябрь 2013 - 08:10
borisovd (09 Октябрь 2013 - 19:19) писал:
При изменениях Вы удалили вывод количества товаров в корзине. Если есть возможность восстановить код до http://forum.storela...ина/#entry94221, то восстановите пожалуйста.
Если нет возможности, то
Найдите код в шаблоне HTML -
<table> <tr><td colspan="2" class="valignMiddle" style="padding-left:65px;"></td></tr> <br><a href="{CART_URL}"><span class="orderIcon cart"></span><span style="position: absolute;top: 54px;left: 33px; font-size: 23px;">{CART_COUNT_TOTAL}</span></a> </tr> </table>и замените на -
<span id="cartCount"> {% IF cart_count_empty %} <span class="red">0</span> шт. {% ELSE %} {% FOR cart_count %} {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %} {% ENDFOR %} {% ENDIF %} </span>
#27
Отправлено 10 Октябрь 2013 - 09:50
#28
Отправлено 10 Октябрь 2013 - 14:50
касательно того что бы при добавлении товаров у вас менялось количество товаров на изображении корзины нужно сделать следующее
вам в файле HTML нужно найти код
<!-- Корзина --> <div class="cartInfo" id="cartInfo"> <div class="cart-preloaded"> <div class="cart-info"> <div class="cart-count"></div> <div class="cart-item"></div> <div class="cart-total"></div> </div> </div> <table> <tr><td colspan="2" class="valignMiddle" style="padding-left:65px;"></td></tr> <br><a href="{CART_URL}"><span class="orderIcon cart"></span><span style="position: absolute;top: 54px;left: 33px; font-size: 23px;">{CART_COUNT_TOTAL}</span></a> </tr> </table> </div> <!-- end Корзина -->
и заменить его на код
<!-- Корзина --> <div class="cartInfo" id="cartInfo"> <table> <tr><td colspan="2" class="valignMiddle" style="padding-left:65px;"></td></tr> <br><a href="{CART_URL}"><span class="orderIcon cart"></span><span id="cartCount"> {% IF cart_count_empty %} <span class="red">0</span> шт. {% ELSE %} {% FOR cart_count %} {cart_count.COUNT}{% IFNOT cart_count.last %},{% ENDIF %} {% ENDFOR %} {% ENDIF %} </span></a> </tr> </table> </div> <!-- end Корзина -->
далее в конец файла main.css добавить код
#cartCount { position: absolute; left: 33px; top: 56px; font-size: 20px; }
далее в файле Ajax добавление товара в корзину
найти код
<strong class="newCartCount"> {% IF cart_count_empty %} <span class="red">0</span> шт. {% ELSE %} {% FOR cart_count %} {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %} {% ENDFOR %} {% ENDIF %} </strong>
и замените его на
<strong class="newCartCount"> {% IF cart_count_empty %} <span class="red">0</span> шт. {% ELSE %} {% FOR cart_count %} {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %} {% ENDFOR %} {% ENDIF %} </strong><strong class="newCartCount2" style="display:none;"> {% FOR cart_count %} {cart_count.COUNT}{% IFNOT cart_count.last %},{% ENDIF %} {% ENDFOR %} </strong>
там же найти код строка 32
$('#cartCount').html($('.newCartCount').html());
и заменить на код
$('#cartCount').html($('.newCartCount2').html());
#29
Отправлено 10 Октябрь 2013 - 15:16
Taisia (10 Октябрь 2013 - 14:50) писал:
касательно того что бы при добавлении товаров у вас менялось количество товаров на изображении корзины нужно сделать следующее
вам в файле HTML нужно найти код
<!-- Корзина --> <div class="cartInfo" id="cartInfo"> <div class="cart-preloaded"> <div class="cart-info"> <div class="cart-count"></div> <div class="cart-item"></div> <div class="cart-total"></div> </div> </div> <table> <tr><td colspan="2" class="valignMiddle" style="padding-left:65px;"></td></tr> <br><a href="{CART_URL}"><span class="orderIcon cart"></span><span style="position: absolute;top: 54px;left: 33px; font-size: 23px;">{CART_COUNT_TOTAL}</span></a> </tr> </table> </div> <!-- end Корзина -->
и заменить его на код
<!-- Корзина --> <div class="cartInfo" id="cartInfo"> <table> <tr><td colspan="2" class="valignMiddle" style="padding-left:65px;"></td></tr> <br><a href="{CART_URL}"><span class="orderIcon cart"></span><span id="cartCount"> {% IF cart_count_empty %} <span class="red">0</span> шт. {% ELSE %} {% FOR cart_count %} {cart_count.COUNT}{% IFNOT cart_count.last %},{% ENDIF %} {% ENDFOR %} {% ENDIF %} </span></a> </tr> </table> </div> <!-- end Корзина -->
далее в конец файла main.css добавить код
#cartCount { position: absolute; left: 33px; top: 56px; font-size: 20px; }
далее в файле Ajax добавление товара в корзину
найти код
<strong class="newCartCount"> {% IF cart_count_empty %} <span class="red">0</span> шт. {% ELSE %} {% FOR cart_count %} {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %} {% ENDFOR %} {% ENDIF %} </strong>
<strong class="newCartCount"> {% IF cart_count_empty %} <span class="red">0</span> шт. {% ELSE %} {% FOR cart_count %} {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %} {% ENDFOR %} {% ENDIF %} </strong><strong class="newCartCount2" style="display:none;"> {% FOR cart_count %} {cart_count.COUNT}{% IFNOT cart_count.last %},{% ENDIF %} {% ENDFOR %} </strong>
там же найти код строка 32
$('#cartCount').html($('.newCartCount').html());
и заменить на код
$('#cartCount').html($('.newCartCount2').html());
#30
Отправлено 10 Октябрь 2013 - 15:41
<div class="cartInfo" id="cartInfo"> <div class="cart-preloaded"> <div class="cart-info"> <div class="cart-count"></div> <div class="cart-item"></div> <div class="cart-total"></div> </div> </div>
а этот блок в main.css
#cartCount { position: absolute; left: 33px; top: 56px; font-size: 20px; }заменить на
#cartCount { position: absolute; left: 29px; top: 56px; font-size: 20px; box-shadow: 0 0 3px 5px rgba(255, 255, 255, 0.9); border-radius: 14px; background: #BEB58D; width: 21px; height: 21px; line-height: 22px; text-align: center; }
#31
Отправлено 10 Октябрь 2013 - 15:52
position: absolute;
left: 33px;
top: 56px;
font-size: 20px;
}
у меня нет в css такого( может просто дописать внизу?
И у меня сразу после корзины и так стоит код
<div class="cartInfo" id="cartInfo">
<div class="cart-preloaded">
<div class="cart-info">
<div class="cart-count"></div>
<div class="cart-item"></div>
<div class="cart-total"></div>
</div>
</div>
#32
Отправлено 10 Октябрь 2013 - 15:57
borisovd (10 Октябрь 2013 - 15:52) писал:
position: absolute;
left: 33px;
top: 56px;
font-size: 20px;
}
у меня нет в css такого( может просто дописать внизу?
И у меня сразу после корзины и так стоит код
<div class="cartInfo" id="cartInfo">
<div class="cart-preloaded">
<div class="cart-info">
<div class="cart-count"></div>
<div class="cart-item"></div>
<div class="cart-total"></div>
</div>
</div>
Цитата
#cartCount {
position: absolute;
left: 33px;
top: 56px;
font-size: 20px;
}
#33
Отправлено 10 Октябрь 2013 - 15:58
#34
Отправлено 10 Октябрь 2013 - 16:11
#35
Отправлено 11 Октябрь 2013 - 00:55
#36
Отправлено 11 Октябрь 2013 - 02:18
$(html).find('.cartFormTable tbody > tr').size()
и замените на
$(html).find('.cartFormTable .cartFormTbody > tr').size()
далее найдите
$('.cart-total').find('input:first').click(function() { updateCartInfo(); });
и замените на
$('.cart-total').find('input:first').val('Очистить корзину').click(function() { $.get('/cart/truncate/'); setTimeout(function() {document.location.reload();}, 500); });
далее в файл стилей main.css добавьте
#cartInfo > a > span:last-child { background: #000000; border-radius: 16px; box-shadow: 0 0 5px #FFFE00; color: #FFFFFF; left: 26px !important; padding: 1px 8px; } #cartInfo > a > span:last-child:hover { background: #FFFFFF; color: #000; }
#37
Отправлено 11 Октябрь 2013 - 07:13
#38
Отправлено 11 Октябрь 2013 - 09:56
Прикрепленные файлы
#39
Отправлено 11 Октябрь 2013 - 09:58
#40
Отправлено 11 Октябрь 2013 - 10:06
<!-- Корзина --> <div class="cartInfo" id="cartInfo"> <div class="cart-preloaded"> <div class="cart-info"> <div class="cart-count"></div> <div class="cart-item"></div> <div class="cart-total"></div> </div> <table> <tr><td colspan="2" class="valignMiddle" style="padding-left:65px;"></td></tr> <br><a href="{CART_URL}"><span class="orderIcon cart"></span><span id="cartCount"> {% IF cart_count_empty %} <span class="red">0</span> шт. {% ELSE %} {% FOR cart_count %} {cart_count.COUNT}{% IFNOT cart_count.last %},{% ENDIF %} {% ENDFOR %} {% ENDIF %} </span></a> </tr> </table> </div> <!-- end Корзина -->
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных