Перейти к содержимому


Корзина

Автор Свят, 16 янв. 2014 17:34

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 61

#1 Свят

Свят

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 16 Январь 2014 - 17:34

Здравствуйте.
У меня такой вопрос.
Когда листаешь каталог, что нибудь решил добавить в корзину. Всплывает окно, предлагающее продолжить или перейти в корзину. Когда нажимаешь продолжить - перекидывает в начало страницы и приходится заново листать что уже видел.
Помогите пожалуйста, чтобы при добавлении такого не происходило и мы были там где добавили.
Спасибо.

#2 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 16 Январь 2014 - 17:47

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "Ajax добавление товара в корзину".
Найти код:
<!-- Обновление данных корзины -->
<script>
$('.fancyModalClose').click(function(){
$.fancybox.close();  
});
$('div.cartInfo .cartSum').html($('.newCartSum').html());
$('#cartCount').html($('.newCartCount').html());
</script>
Заменить:
<!-- Обновление данных корзины -->
<script>
$('.fancyModalClose').click(function(){
$.fancybox.close();
return false;
});
$('div.cartInfo .cartSum').html($('.newCartSum').html());
$('#cartCount').html($('.newCartCount').html());
</script>


Найти код:
	<a class="fancyModalClose  orangebut fnt11 fntarl txtalgncnt dinline fntupcase anone0" href="#" style="display:inline-block;">Продолжить покупки</a>
Заменить:
	<a class="fancyModalClose  orangebut fnt11 fntarl txtalgncnt dinline fntupcase anone0" href="" style="display:inline-block;">Продолжить покупки</a>

#3 Свят

Свят

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 16 Январь 2014 - 17:54

Просмотр сообщенияKoderhan (16 Январь 2014 - 17:47) писал:

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "Ajax добавление товара в корзину".
Найти код:
<!-- Обновление данных корзины -->
<script>
$('.fancyModalClose').click(function(){
$.fancybox.close();
});
$('div.cartInfo .cartSum').html($('.newCartSum').html());
$('#cartCount').html($('.newCartCount').html());
</script>
Заменить:
<!-- Обновление данных корзины -->
<script>
$('.fancyModalClose').click(function(){
$.fancybox.close();
return false;
});
$('div.cartInfo .cartSum').html($('.newCartSum').html());
$('#cartCount').html($('.newCartCount').html());
</script>


Найти код:
<a class="fancyModalClose orangebut fnt11 fntarl txtalgncnt dinline fntupcase anone0" href="#" style="display:inline-block;">Продолжить покупки</a>
Заменить:
<a class="fancyModalClose orangebut fnt11 fntarl txtalgncnt dinline fntupcase anone0" href="" style="display:inline-block;">Продолжить покупки</a>
Спасибо всё работает)

#4 Свят

Свят

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 19 Январь 2014 - 19:44

Здравствуйте. Помогите реализовать данную идею.
Добавить к слову "корзина" слева картинку корзины и чтобы она была кликабельна на корзину соответственно. (корзину сдвинуть правее а то картинка не поместится)
Зазмеры картинки - 85*70.
Спасибо.

Прикрепленные изображения

  • корзина.jpg

#5 @lina_va

@lina_va

    Активный участник

  • Модератоpы
  • 498 сообщений

Отправлено 19 Январь 2014 - 20:33

Просмотр сообщенияСвят (19 Январь 2014 - 19:44) писал:

Здравствуйте. Помогите реализовать данную идею.
Добавить к слову "корзина" слева картинку корзины и чтобы она была кликабельна на корзину соответственно. (корзину сдвинуть правее а то картинка не поместится)
Зазмеры картинки - 85*70.
Спасибо.

Добрый вечер
Подвинуть корзину Вы можете в main.css:
#header .bottommain .headright {
width: 29.3%;
padding: 0.7% 0 0 0;
margin-right: 60px;
height: 60px;
}

тэг 
margin-right: 60px
  отвечает за расстояние от правого края. Подвиньте корзину на ваше усмотрение


Загрузите нужную картинку в бэкофис
В html после
	 <div class="headright fright txtalgncnt fnt11 fmlptn cartInfo">
вставьте
<a href= "http://medmag24.ru/cart">
	 <img src="{ASSETS_IMAGES_PATH}k.jpg" style="float: left; width: 50px;height: 50px;">
			 </a>


k.jpg
- название загруженной картинки

#6 Свят

Свят

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 19 Январь 2014 - 22:24

Просмотр сообщения@lina_va (19 Январь 2014 - 20:33) писал:

Добрый вечер
Подвинуть корзину Вы можете в main.css:
#header .bottommain .headright {
width: 29.3%;
padding: 0.7% 0 0 0;
margin-right: 60px;
height: 60px;
}

тэг 
margin-right: 60px
  отвечает за расстояние от правого края. Подвиньте корзину на ваше усмотрение


Загрузите нужную картинку в бэкофис
В html после
	 <div class="headright fright txtalgncnt fnt11 fmlptn cartInfo">
вставьте
<a href= "http://medmag24.ru/cart">
	 <img src="{ASSETS_IMAGES_PATH}k.jpg" style="float: left; width: 50px;height: 50px;">
			 </a>


k.jpg
- название загруженной картинки
Да,спасибо  с картинкой получилось. Вот только новое.как не менял цифры, что за это отвечает не нашел(
Уменьшить расстояние между картинкой и корзиной, и немного опустить корзину. Скажите какие тэги отвечают за это)
Спасибо.

Прикрепленные изображения

  • 99.jpg

#7 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 20 Январь 2014 - 20:32

В файл main.css в самом конце добавьте блок 
.headright.fright.txtalgncnt.fnt11.fmlptn.cartInfo ul {
margin-right: 55px;
margin-top: 15px;
}

#8 Свят

Свят

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 20 Январь 2014 - 23:08

Просмотр сообщенияStasya (20 Январь 2014 - 20:32) писал:

В файл main.css в самом конце добавьте блок 
.headright.fright.txtalgncnt.fnt11.fmlptn.cartInfo ul {
margin-right: 55px;
margin-top: 15px;
}
Спасибо. А можно избавится от этого круглешечка слева от корзины?

#9 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 21 Январь 2014 - 02:57

В стилях main.css найдите:

#header .bottommain .headleft ul li.title a, #header .bottommain .headright ul li.title a {
	background: url("http://design.medmag24.ru/range-black.png") no-repeat scroll 0 8px rgba(0, 0, 0, 0);
}

удалите background со значением

#10 Свят

Свят

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 21 Январь 2014 - 16:21

Просмотр сообщенияVaccina (21 Январь 2014 - 02:57) писал:

В стилях main.css найдите:

#header .bottommain .headleft ul li.title a, #header .bottommain .headright ul li.title a {
background: url("http://design.medmag24.ru/range-black.png") no-repeat scroll 0 8px rgba(0, 0, 0, 0);
}

удалите background со значением
Получается удалять что в скобках?...т.е. в них оставлять пустоту?

#header .bottommain .headleft ul li.title a, #header .bottommain .headright ul li.title a { }

#11 @lina_va

@lina_va

    Активный участник

  • Модератоpы
  • 498 сообщений

Отправлено 21 Январь 2014 - 16:43

Просмотр сообщенияСвят (21 Январь 2014 - 16:21) писал:

Получается удалять что в скобках?...т.е. в них оставлять пустоту?

#header .bottommain .headleft ul li.title a, #header .bottommain .headright ul li.title a { }
Можете полностью удалить код

#12 Свят

Свят

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 21 Январь 2014 - 16:58

Просмотр сообщения@lina_va (21 Январь 2014 - 16:43) писал:

Можете полностью удалить код
Спасибо)

#13 Свят

Свят

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 01 Февраль 2014 - 11:10

Здравствуйте. Подскажите какой блок отвечает за шрифт и цвет (на скрине выделил).
Спасибо.

Прикрепленные изображения

  • 8989.jpg

#14 @lina_va

@lina_va

    Активный участник

  • Модератоpы
  • 498 сообщений

Отправлено 01 Февраль 2014 - 17:34

Просмотр сообщенияСвят (01 Февраль 2014 - 11:10) писал:

Здравствуйте. Подскажите какой блок отвечает за шрифт и цвет (на скрине выделил).
Спасибо.
B main.css в следующем блоке задайте background
#content .history .cartbottom .right button {
padding: 0 4%;
}

#15 Свят

Свят

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 01 Февраль 2014 - 21:15

Просмотр сообщения@lina_va (01 Февраль 2014 - 17:34) писал:

B main.css в следующем блоке задайте background
#content .history .cartbottom .right button {
padding: 0 4%;
}
Да спасибо. ТО что нужно! а вот теперь сами буквы внутри. это какой блок?
Спасибо.

#16 @lina_va

@lina_va

    Активный участник

  • Модератоpы
  • 498 сообщений

Отправлено 02 Февраль 2014 - 10:03

Просмотр сообщенияСвят (01 Февраль 2014 - 21:15) писал:

Да спасибо. ТО что нужно! а вот теперь сами буквы внутри. это какой блок?
Спасибо.
За текст отвечает блок:
a.greenbut, button.greenbut {
line-height: 2.5;
color: #536a0e;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

#17 Свят

Свят

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 02 Февраль 2014 - 12:04

Просмотр сообщения@lina_va (02 Февраль 2014 - 10:03) писал:

За текст отвечает блок:
a.greenbut, button.greenbut {
line-height: 2.5;
color: #536a0e;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
Спасибо)

#18 Свят

Свят

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 11 Февраль 2014 - 18:19

Здравствуйте. Подскажите какие блоки указывают за цвет:
Спасибо)

Прикрепленные изображения

  • 9654.jpg

#19 @lina_va

@lina_va

    Активный участник

  • Модератоpы
  • 498 сообщений

Отправлено 11 Февраль 2014 - 18:22

Просмотр сообщенияСвят (11 Февраль 2014 - 18:19) писал:

Здравствуйте. Подскажите какие блоки указывают за цвет:
Спасибо)
Добрый вечер
1. Перейти в корзину:
a.greenbut, button.greenbut {
line-height: 2.5;
background: url(http://design.medmag24.ru/content-button-green.jpg) repeat-x;
height: 28px;
display: block;
color: #F0FFF0;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 2px rgba(124, 161, 10, 0.8);
-moz-box-shadow: 0 1px 2px rgba(124, 161, 10, 0.8);
box-shadow: 0 1px 2px rgba(124, 161, 10, 0.8);
}
строка: background: url(http://design.medmag...utton-green.jpg) repeat-x;
2. "Продолжить покупки"
a.orangebut {
line-height: 0.7;
background: url(http://design.medmag24.ru/content-button-orange.jpg) top center repeat-x;
height: 17px;
display: block;
color: #6a470e;
padding: 1.7% 3% 0% 3%;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 2px rgba(124, 161, 10, 0.8);
-moz-box-shadow: 0 1px 2px rgba(124, 161, 10, 0.8);
box-shadow: 0 1px 2px rgba(124, 161, 10, 0.8);
}
строка background: url(http://design.medmag...tton-orange.jpg) top center repeat-x;

#20 Свят

Свят

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 246 сообщений

Отправлено 11 Февраль 2014 - 19:09

Просмотр сообщения@lina_va (11 Февраль 2014 - 18:22) писал:

Добрый вечер
1. Перейти в корзину:
a.greenbut, button.greenbut {
line-height: 2.5;
background: url(http://design.medmag24.ru/content-button-green.jpg) repeat-x;
height: 28px;
display: block;
color: #F0FFF0;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 2px rgba(124, 161, 10, 0.8);
-moz-box-shadow: 0 1px 2px rgba(124, 161, 10, 0.8);
box-shadow: 0 1px 2px rgba(124, 161, 10, 0.8);
}
строка: background: url(http://design.medmag...utton-green.jpg) repeat-x;
2. "Продолжить покупки"
a.orangebut {
line-height: 0.7;
background: url(http://design.medmag24.ru/content-button-orange.jpg) top center repeat-x;
height: 17px;
display: block;
color: #6a470e;
padding: 1.7% 3% 0% 3%;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 2px rgba(124, 161, 10, 0.8);
-moz-box-shadow: 0 1px 2px rgba(124, 161, 10, 0.8);
box-shadow: 0 1px 2px rgba(124, 161, 10, 0.8);
}
строка background: url(http://design.medmag...tton-orange.jpg) top center repeat-x;
Извините не могу понять как мне её менять, чтобы к примеру был у меня цвет #FFA500...
Обратно в Корзина


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Радость
  5. → Корзина
  6. Privacy Policy