на этот 
что бы было в шапке сайта, сайт у меня не резиновый он зафиксированный, так что в мобильной версий нормально всё будет
0
Изменить Вид Корзины Полностью
Автор denet, 08 сент. 2015 17:16
Сообщений в теме: 12
#1
denet
-
- Пользователи
-
- 140 сообщений
Продвинутый пользователь
Отправлено 08 Сентябрь 2015 - 17:16
Здравствуйте, мне нужно изменить вид корзины с этого
на этот
что бы было в шапке сайта, сайт у меня не резиновый он зафиксированный, так что в мобильной версий нормально всё будет
на этот
что бы было в шапке сайта, сайт у меня не резиновый он зафиксированный, так что в мобильной версий нормально всё будет
#2
Ирина345
-
- Модераторы
-
- 5 709 сообщений
Активный участник
Отправлено 09 Сентябрь 2015 - 09:33
denet (08 Сентябрь 2015 - 17:16) писал:
Здравствуйте, мне нужно изменить вид корзины с этого 
555777.PNG на этот 557578.PNG 878797546.PNG что бы было в шапке сайта, сайт у меня не резиновый он зафиксированный, так что в мобильной версий нормально всё будет
555777.PNG на этот 557578.PNG 878797546.PNG что бы было в шапке сайта, сайт у меня не резиновый он зафиксированный, так что в мобильной версий нормально всё будет
<!-- Корзина -->
<div class="shopping_cart_block">
<a href="{CART_URL}" class="shopping_cart" title="Просмотреть корзину">
{% IFNOT cart_count_empty %}
<span id="cart-total">
{CART_COUNT_TOTAL}
</span>
{% ENDIF %}
</a>
{% IFNOT cart_count_empty %}
<div id="shopping_cart_mini" class="hidden-phone hidden-tablet">
<div class="inner-wrapper">
<table class="table_style">
<tbody>
{% FOR cart_items %}
<tr class="item">
<td class="t_right v_align_top">{cart_items.ORDER_LINE_QUANTITY} x </td>
<td class="v_align_top"><a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a></td>
</tr>
{% ENDFOR %}
</tbody>
</table>
<div class="wrapper">
<a class="button" title="Просмотр корзины" href="{CART_URL}">В корзину</a>
<a class="button" title="Оформление заказа" href="{ORDER_STAGE_CONTACTS_URL}">Оформить</a>
</div>
</div>
</div>
{% ENDIF %}
</div>
замените на
<!-- Корзина -->
<div id="shopping_cart_mini" class="hidden-phone hidden-tablet">
<div class="heading">
<h4>Ваша корзина</h4>
<a href="{CART_URL}" title="Перейти в корзину">
<span id="cart-total">
{% IF cart_count_empty %}
<div class="content">
<div class="empty">Ваша корзина покупок пуста!</div>
</div>
{% ELSE %}
Товаров на <br />
{% FOR cart_sum %}
{cart_sum.NOW}
{% ENDFOR %}руб. ( {CART_COUNT_TOTAL})
{% ENDIF %}</span>
</a>
{% IFNOT cart_count_empty %} <span><a href="{CART_URL}">Оформить заказ</a></span> {% ENDIF %}
</div>
<div class="clear"></div>
</div>
далее найдите в шаблоне Быстрый заказ код
<!-- Блок для обновления данных корзины. Не виден пользователю -->
<div style="display:none;" id="newCartData">
{% IFNOT cart_count_empty %}
<span id="cart-total">
{CART_COUNT_TOTAL}
</span>
{% ENDIF %}
</div>
<div style="display:none;" id="newCartHoverData">
<div class="inner-wrapper">
<table class="table_style">
<tbody>
{% FOR cart_items %}
<tr class="item">
<td class="t_right v_align_top">{cart_items.ORDER_LINE_QUANTITY} x </td>
<td class="v_align_top"><a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a></td>
</tr>
{% ENDFOR %}
</tbody>
</table>
<div class="wrapper">
<a class="button" title="View Cart" href="{CART_URL}">В корзину</a>
<a class="button" title="Checkout" href="" onclick="jQuery('.cartForm').append('<input type=\'hidden\' name=\'next_step\' value=\'1\' />').submit();return false;">Оформить</a>
</div>
</div>
</div>
<!-- JS обновление данных корзины -->
<script>
$('.shopping_cart:first').html($('#newCartData').html());
$('#shopping_cart_mini:first').html($('#newCartHoverData').html());
</script>
<!-- end Блок для обновления данных корзины. Не виден пользователю -->
замените на
<!-- Блок для обновления данных корзины. Не виден пользователю -->
<div style="display:none;" id="newCartData">
<div class="heading">
<h4>Ваша корзина</h4>
<a href="{CART_URL}" title="Перейти в корзину">
<span id="cart-total">
{% IF cart_count_empty %}
<div class="content">
<div class="empty">Ваша корзина покупок пуста!</div>
</div>
{% ELSE %}
Товаров на <br />
{% FOR cart_sum %}
{cart_sum.NOW}
{% ENDFOR %}руб. ( {CART_COUNT_TOTAL})
{% ENDIF %}</span>
</a>
{% IFNOT cart_count_empty %} <span><a href="{CART_URL}">Оформить заказ</a></span> {% ENDIF %}
</div>
</div>
<!-- JS обновление данных корзины -->
<script>$('#shopping_cart_mini').html($('#newCartData').html());</script>
<!-- end Блок для обновления данных корзины. Не виден пользователю -->
далее найдите в файле style.css
#shopping_cart_mini {background-color: #3E3E3E;color: #EEEEEE;display: none;margin-top: 40px;max-width: 600px;z-index:10;}
замените на
#shopping_cart_mini {
background-color: #3E3E3E;
color: #EEEEEE;
max-width: 153px;
z-index: 10;
float: left;
}
#3
denet
-
- Пользователи
-
- 140 сообщений
Продвинутый пользователь
Отправлено 09 Сентябрь 2015 - 12:41
Ирина345 (09 Сентябрь 2015 - 09:33) писал:
Здравствуйте, найдите в шаблоне hTML
далее найдите в шаблоне Быстрый заказ код
замените на
далее найдите в файле style.css
<!-- Корзина -->
<div class="shopping_cart_block">
<a href="{CART_URL}" class="shopping_cart" title="Просмотреть корзину">
{% IFNOT cart_count_empty %}
<span id="cart-total">
{CART_COUNT_TOTAL}
</span>
{% ENDIF %}
</a>
{% IFNOT cart_count_empty %}
<div id="shopping_cart_mini" class="hidden-phone hidden-tablet">
<div class="inner-wrapper">
<table class="table_style">
<tbody>
{% FOR cart_items %}
<tr class="item">
<td class="t_right v_align_top">{cart_items.ORDER_LINE_QUANTITY} x </td>
<td class="v_align_top"><a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a></td>
</tr>
{% ENDFOR %}
</tbody>
</table>
<div class="wrapper">
<a class="button" title="Просмотр корзины" href="{CART_URL}">В корзину</a>
<a class="button" title="Оформление заказа" href="{ORDER_STAGE_CONTACTS_URL}">Оформить</a>
</div>
</div>
</div>
{% ENDIF %}
</div>
замените на
<!-- Корзина -->
<div id="shopping_cart_mini" class="hidden-phone hidden-tablet">
<div class="heading">
<h4>Ваша корзина</h4>
<a href="{CART_URL}" title="Перейти в корзину">
<span id="cart-total">
{% IF cart_count_empty %}
<div class="content">
<div class="empty">Ваша корзина покупок пуста!</div>
</div>
{% ELSE %}
Товаров на <br />
{% FOR cart_sum %}
{cart_sum.NOW}
{% ENDFOR %}руб. ( {CART_COUNT_TOTAL})
{% ENDIF %}</span>
</a>
{% IFNOT cart_count_empty %} <span><a href="{CART_URL}">Оформить заказ</a></span> {% ENDIF %}
</div>
<div class="clear"></div>
</div>
далее найдите в шаблоне Быстрый заказ код
<!-- Блок для обновления данных корзины. Не виден пользователю -->
<div style="display:none;" id="newCartData">
{% IFNOT cart_count_empty %}
<span id="cart-total">
{CART_COUNT_TOTAL}
</span>
{% ENDIF %}
</div>
<div style="display:none;" id="newCartHoverData">
<div class="inner-wrapper">
<table class="table_style">
<tbody>
{% FOR cart_items %}
<tr class="item">
<td class="t_right v_align_top">{cart_items.ORDER_LINE_QUANTITY} x </td>
<td class="v_align_top"><a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a></td>
</tr>
{% ENDFOR %}
</tbody>
</table>
<div class="wrapper">
<a class="button" title="View Cart" href="{CART_URL}">В корзину</a>
<a class="button" title="Checkout" href="" onclick="jQuery('.cartForm').append('<input type=\'hidden\' name=\'next_step\' value=\'1\' />').submit();return false;">Оформить</a>
</div>
</div>
</div>
<!-- JS обновление данных корзины -->
<script>
$('.shopping_cart:first').html($('#newCartData').html());
$('#shopping_cart_mini:first').html($('#newCartHoverData').html());
</script>
<!-- end Блок для обновления данных корзины. Не виден пользователю -->
замените на
<!-- Блок для обновления данных корзины. Не виден пользователю -->
<div style="display:none;" id="newCartData">
<div class="heading">
<h4>Ваша корзина</h4>
<a href="{CART_URL}" title="Перейти в корзину">
<span id="cart-total">
{% IF cart_count_empty %}
<div class="content">
<div class="empty">Ваша корзина покупок пуста!</div>
</div>
{% ELSE %}
Товаров на <br />
{% FOR cart_sum %}
{cart_sum.NOW}
{% ENDFOR %}руб. ( {CART_COUNT_TOTAL})
{% ENDIF %}</span>
</a>
{% IFNOT cart_count_empty %} <span><a href="{CART_URL}">Оформить заказ</a></span> {% ENDIF %}
</div>
</div>
<!-- JS обновление данных корзины -->
<script>$('#shopping_cart_mini').html($('#newCartData').html());</script>
<!-- end Блок для обновления данных корзины. Не виден пользователю -->
далее найдите в файле style.css
#shopping_cart_mini {background-color: #3E3E3E;color: #EEEEEE;display: none;margin-top: 40px;max-width: 600px;z-index:10;}
замените на
#shopping_cart_mini {
background-color: #3E3E3E;
color: #EEEEEE;
max-width: 153px;
z-index: 10;
float: left;
}
Здравствуйте, можете помочь сделать как на картинке, это я сделал через фотошоп
))) поиск я сделал что бы был в середине корзину тоже сместил в право теперь мне надо сделать кнопку в низу оформления заказа и что бы текст был в середине корзина пустая, а то если нету товара в корзине она меняет длину и получается текст корзина пуста в низу, смотрится ужасно
#4
Ирина345
-
- Модераторы
-
- 5 709 сообщений
Активный участник
Отправлено 09 Сентябрь 2015 - 16:48
denet (09 Сентябрь 2015 - 12:41) писал:
Здравствуйте, можете помочь сделать как на картинке, это я сделал через фотошоп 55587.PNG ))) поиск я сделал что бы был в середине корзину тоже сместил в право теперь мне надо сделать кнопку в низу оформления заказа и что бы текст был в середине корзина пустая, а то если нету товара в корзине она меняет длину и получается текст корзина пуста в низу, смотрится ужасно
55587.PNG ))) поиск я сделал что бы был в середине корзину тоже сместил в право теперь мне надо сделать кнопку в низу оформления заказа и что бы текст был в середине корзина пустая, а то если нету товара в корзине она меняет длину и получается текст корзина пуста в низу, смотрится ужасно
{% IFNOT cart_count_empty %} <span><a href="{CART_URL}">Оформить заказ</a></span> {% ENDIF %}
замените на
{% IFNOT cart_count_empty %} <br><span class="oform"><a href="{CART_URL}">Оформить заказ</a></span> {% ENDIF %}
аналогичные изменения произведите и в шаблоне Быстрый заказ
далее найдите в файле style.css
#shopping_cart_mini {
background-color: #ffffff;
border-radius: 5px;
margin-right: 30px;
margin-top:15px;
color: #EEEEEE;
max-width: 200px;
z-index: 40;
float: right;
}
замените на
#shopping_cart_mini {
background-color: #ffffff;
border-radius: 5px;
margin-right: 30px;
margin-top: 15px;
color: #EEEEEE;
min-width: 165px;
z-index: 40;
float: right;
text-align: center;
}
в конец файла добавьте
#shopping_cart_mini .heading h4 {
background: red;
padding-bottom: 2px;
border-radius: 5px 6px 0 0;
margin-bottom: 9px;
}
.oform a {
padding: 2px;
background: #DC2334;
border-radius: 8px;
font-weight: bold;
}
#5
denet
-
- Пользователи
-
- 140 сообщений
Продвинутый пользователь
Отправлено 09 Сентябрь 2015 - 16:56
Ирина345 (09 Сентябрь 2015 - 16:48) писал:
Найдите в шаблоне HTML
замените на
аналогичные изменения произведите и в шаблоне Быстрый заказ
далее найдите в файле style.css
{% IFNOT cart_count_empty %} <span><a href="{CART_URL}">Оформить заказ</a></span> {% ENDIF %}
замените на
{% IFNOT cart_count_empty %} <br><span class="oform"><a href="{CART_URL}">Оформить заказ</a></span> {% ENDIF %}
аналогичные изменения произведите и в шаблоне Быстрый заказ
далее найдите в файле style.css
#shopping_cart_mini {
background-color: #ffffff;
border-radius: 5px;
margin-right: 30px;
margin-top:15px;
color: #EEEEEE;
max-width: 200px;
z-index: 40;
float: right;
}
замените на
#shopping_cart_mini {
background-color: #ffffff;
border-radius: 5px;
margin-right: 30px;
margin-top: 15px;
color: #EEEEEE;
min-width: 165px;
z-index: 40;
float: right;
text-align: center;
}
в конец файла добавьте
#shopping_cart_mini .heading h4 {
background: red;
padding-bottom: 2px;
border-radius: 5px 6px 0 0;
margin-bottom: 9px;
}
.oform a {
padding: 2px;
background: #DC2334;
border-radius: 8px;
font-weight: bold;
}
спасибо большое, мне надо что бы была кнопка Оформить заказ в низу, и не в одну строку с товаром, можете посмотреть на сайте как это выглядит на моем сайте
только после обновления появляется кнопка оформить заказ
#6
denet
-
- Пользователи
-
- 140 сообщений
Продвинутый пользователь
Отправлено 09 Сентябрь 2015 - 17:03
Куда мне писать насчет того что у после заказа на сайте, появляется табличка оформить заказ или продолжать покупку, через секунды 3 и в корзинки не удаляются товары
#7
Alekseys
-
- Пользователи
-
- 2 355 сообщений
Активный участник
Отправлено 09 Сентябрь 2015 - 18:40
denet (09 Сентябрь 2015 - 17:03) писал:
Куда мне писать насчет того что у после заказа на сайте, появляется табличка оформить заказ или продолжать покупку, через секунды 3 и в корзинки не удаляются товары
#8
denet
-
- Пользователи
-
- 140 сообщений
Продвинутый пользователь
Отправлено 09 Сентябрь 2015 - 19:32
Alekseys (09 Сентябрь 2015 - 18:40) писал:
Здравствуйте. Уточните, после каких именно изменений возникла данная проблема.
на этот вопрос ответить не могу, я ставил восстановления за неделю, тоже самое долго думает, пишет ошибки, очень долго появляется в корзине и не удаляется,
#9
denet
-
- Пользователи
-
- 140 сообщений
Продвинутый пользователь
Отправлено 12 Сентябрь 2015 - 00:50
Ирина345 (09 Сентябрь 2015 - 16:48) писал:
Найдите в шаблоне HTML
замените на
аналогичные изменения произведите и в шаблоне Быстрый заказ
далее найдите в файле style.css
{% IFNOT cart_count_empty %} <span><a href="{CART_URL}">Оформить заказ</a></span> {% ENDIF %}
замените на
{% IFNOT cart_count_empty %} <br><span class="oform"><a href="{CART_URL}">Оформить заказ</a></span> {% ENDIF %}
аналогичные изменения произведите и в шаблоне Быстрый заказ
далее найдите в файле style.css
#shopping_cart_mini {
background-color: #ffffff;
border-radius: 5px;
margin-right: 30px;
margin-top:15px;
color: #EEEEEE;
max-width: 200px;
z-index: 40;
float: right;
}
замените на
#shopping_cart_mini {
background-color: #ffffff;
border-radius: 5px;
margin-right: 30px;
margin-top: 15px;
color: #EEEEEE;
min-width: 165px;
z-index: 40;
float: right;
text-align: center;
}
в конец файла добавьте
#shopping_cart_mini .heading h4 {
background: red;
padding-bottom: 2px;
border-radius: 5px 6px 0 0;
margin-bottom: 9px;
}
.oform a {
padding: 2px;
background: #DC2334;
border-radius: 8px;
font-weight: bold;
}
Здравствуйте, пишу вам повторно, можете помочь доделать корзину ?
#10
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 12 Сентябрь 2015 - 03:33
В шаблоне Быстрый заказ найдите:
{% IFNOT cart_count_empty %} <span><a href="{CART_URL}">Оформить заказ</a></span> {% ENDIF %}
замените на:
{% IFNOT cart_count_empty %} <br/><span class="oform"><a href="{CART_URL}">Оформить заказ</a></span> {% ENDIF %}
#11
denet
-
- Пользователи
-
- 140 сообщений
Продвинутый пользователь
Отправлено 12 Сентябрь 2015 - 15:48
Vaccina (12 Сентябрь 2015 - 03:33) писал:
В шаблоне Быстрый заказ найдите:
{% IFNOT cart_count_empty %} <span><a href="{CART_URL}">Оформить заказ</a></span> {% ENDIF %}
замените на:
{% IFNOT cart_count_empty %} <br/><span class="oform"><a href="{CART_URL}">Оформить заказ</a></span> {% ENDIF %}
спасибо, как можно поднять текст а то он в низу и сделать его жирнее, и надпись Ваша корзина покупок пуста! тоже в середину и жирный шрифт, помогите пожалуйста, а то смотрится ужасно
#12
Firefly
-
- Модераторы
-
- 3 810 сообщений
Активный участник
Отправлено 12 Сентябрь 2015 - 16:00
denet (12 Сентябрь 2015 - 15:48) писал:
спасибо, как можно поднять текст а то он в низу и сделать его жирнее, и надпись Ваша корзина покупок пуста! тоже в середину и жирный шрифт, помогите пожалуйста, а то смотрится ужасно 123123123.PNG
123123123.PNGЗдравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
#shopping_cart_mini .heading h4 {
background: red;
padding-bottom: 2px;
border-radius: 5px 6px 0 0;
margin-bottom: 50px;
}
Замените на:
#shopping_cart_mini .heading h4 {
background: red;
padding-bottom: 2px;
border-radius: 5px 6px 0 0;
margin-bottom: 30px;
}
В конце style.css добавьте код:
#cart-total {display: block;}
.empty {padding-bottom: 30px;}
#13
denet
-
- Пользователи
-
- 140 сообщений
Продвинутый пользователь
Отправлено 14 Сентябрь 2015 - 00:40
Firefly (12 Сентябрь 2015 - 16:00) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
Замените на:
В конце style.css добавьте код:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
#shopping_cart_mini .heading h4 {
background: red;
padding-bottom: 2px;
border-radius: 5px 6px 0 0;
margin-bottom: 50px;
}
Замените на:
#shopping_cart_mini .heading h4 {
background: red;
padding-bottom: 2px;
border-radius: 5px 6px 0 0;
margin-bottom: 30px;
}
В конце style.css добавьте код:
#cart-total {display: block;}
.empty {padding-bottom: 30px;}
Спасибо огромное, всё работает так как хотел!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
