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


Оформление Корзины


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

#21 katty_k

katty_k

    Продвинутый пользователь

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

Отправлено 21 Февраль 2012 - 08:38

Спасибо!

#22 katty_k

katty_k

    Продвинутый пользователь

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

Отправлено 23 Февраль 2012 - 09:33

Спасибо, за все ваши ответы, не могли бы вы помочь как можно сделать корзину, как на этом сайте: http://mircvetov76.ru/
Мой сайт: http://cosmetic-deluxe.ru/

#23 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 24 Февраль 2012 - 11:52

Вам необходимо в шаблоне после строки

<script type="text/javascript" src="http://js.storeland.ru/web/upload/assets/js/18/17285/main.js"></script>

Добавить

<script type="text/javascript" src="http://js.storeland.ru/web/upload/assets/js/12/11313/jquery.scrollFollow.js"></script>

<script type="text/javascript">
 $( document ).ready( function () {
   $("#cartInfo" ).scrollFollow( {
	speed: 700,
	offset: 15, 
	container: 'contentWrap'
   } );
 } );
</script>

Файл http://js.storeland....scrollFollow.js необходимо скачать и загрузить в свой магазин, далее изменить путь к этому файлу. Так же возможно понадобиться перенести весь код корзины внутрь блока <div id="contentWrap">

#24 katty_k

katty_k

    Продвинутый пользователь

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

Отправлено 25 Февраль 2012 - 10:07

Просмотр сообщенияVaccina (24 Февраль 2012 - 11:52) писал:

Вам необходимо в шаблоне после строки

<script type="text/javascript" src="http://js.storeland.ru/web/upload/assets/js/18/17285/main.js"></script>

Извините, но я никак не могу найти строку:
<script type="text/javascript" src="http://js.storeland.ru/web/upload/assets/js/18/17285/main.js"></script>
В каком шаблоне она должна быть? HTML? Подскажите пожалуйста...

#25 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 27 Февраль 2012 - 16:23

Ищите строку
main.js"></script>
Эта строка находиться в шаблоне "HTML"

#26 katty_k

katty_k

    Продвинутый пользователь

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

Отправлено 27 Февраль 2012 - 17:07

Просмотр сообщенияVaccina (27 Февраль 2012 - 16:23) писал:

Ищите строку
main.js"></script>
Эта строка находиться в шаблоне "HTML"
Спасибо, за ответ, только я хотела, чтобы дизайн корзины сделать такой же, а  движение корзины вдоль страницы это второстепенно.... Извините, не правильно объяснила((( Как мне сделать дизайн именно такой же: http://mircvetov76.ru/

#27 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 28 Февраль 2012 - 19:19

Пожалуйста, обратитесь к пользователю http://forum.storela...user/2684-zvrv/
Данный магазин построен на системе storeland и данный пользователь является владельцем магазина.

#28 shefff

shefff

    Пользователь

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

Отправлено 16 Март 2013 - 02:26

Помогите пожалуйста.
Вставил фоновый блок за корзину.
Но такое ощущение, как будто сверху ЛИШНЯЯ пустая строка. Но я не могу понять что лишнее?
Как снизить границу этого блока?

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

  • Безимени-2 (копия).JPG


#29 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 16 Март 2013 - 04:32

Добавьте в ваш файл стилей main.css

.cartInfo > table {
  margin-top: 0 !important;
}


#30 shefff

shefff

    Пользователь

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

Отправлено 16 Март 2013 - 22:33

Просмотр сообщенияVaccina (16 Март 2013 - 04:32) писал:

Добавьте в ваш файл стилей main.css

.cartInfo > table {
margin-top: 0 !important;
}

Не помогло.
Куда именно вставить нужно?

#31 Koderhan

Koderhan

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

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

Отправлено 18 Март 2013 - 08:10

Просмотр сообщенияshefff (16 Март 2013 - 22:33) писал:

Не помогло.
Куда именно вставить нужно?
В самый конец файла.

#32 bg999

bg999

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

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

Отправлено 23 Июнь 2013 - 17:38

Добрый вечер. Подскажите пожалуйста:
1 Как перекрасить сумму в корзине в хедере обратно в розовый, только так чтобы исключительно в корзине в хедере цвет поменялся а не везде. Адрес моего сайта http://cosmetikova.ru/ Прикрепляю ниже картинку

Изображение


2. Как сделать такое окошко, которое появляется при добавлении товара в корзину и наведении курсором на значок корзина. пример реализации можно найти на сайтах: http://www.mrporter..../product/384928    http://www.net-a-por.../product/351084   http://klubkrasoti.r...20/v2115/p95695
картинка прикреплена ниже

Изображение

Сообщение отредактировал bg999: 23 Июнь 2013 - 17:39


#33 shnafix

shnafix

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

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

Отправлено 23 Июнь 2013 - 20:03

Просмотр сообщенияbg999 (23 Июнь 2013 - 17:38) писал:

Добрый вечер. Подскажите пожалуйста:
1 Как перекрасить сумму в корзине в хедере обратно в розовый, только так чтобы исключительно в корзине в хедере цвет поменялся а не везде. Адрес моего сайта http://cosmetikova.ru/ Прикрепляю ниже картинку

Изображение

В редакторе шаблонов - > main.css найдите сроки
/* Colors */
.red				 {color:#d00000 !important;}
.green				 {color:#057f02 !important;}
.gray				 {color:#7c7c7c !important;}
.black				 {color:#000 !important;}
.gold				 {color:#BE9E4C !important;}[/size]

и вставьте в строкe
.black   {color:#000 !important;} вместо color:#000 значение розового цвета.

#34 bg999

bg999

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

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

Отправлено 23 Июнь 2013 - 21:28

Просмотр сообщенияshnafix (23 Июнь 2013 - 20:03) писал:

В редакторе шаблонов - > main.css найдите сроки
/* Colors */
.red				 {color:#d00000 !important;}
.green				 {color:#057f02 !important;}
.gray				 {color:#7c7c7c !important;}
.black				 {color:#000 !important;}
.gold				 {color:#BE9E4C !important;}[/size]

[size=4]
и вставьте в строкe .black   {color:#000 !important;} вместо color:#000 значение розового цвета.



не нашел такого в main.css
а что со вторым вопросом?

#35 miyako

miyako

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

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

Отправлено 24 Июнь 2013 - 11:16

Просмотр сообщенияbg999 (23 Июнь 2013 - 21:28) писал:

не нашел такого в main.css
а что со вторым вопросом?

Найдите код в шаблоне HTML:
<style type="text/css">
/* <![CDATA[ */
#us_form {
margin: 0;
font-family: arial, helvetica, clean, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-decoration: none;
color: black;
background-color: white;
overflow: visible;
}
#us_form table {
margin: 0;
}
#us_form th, #us_form td {
vertical-align: top;
text-align: left;
border: 0;
padding: 0;
}
/* http://stackoverflow.com/questions/1100409 */
.us_input, .us_select {
	border-top: 1px #acaeb4 solid;
	border-left: 1px #dde1e7 solid;
	border-right: 1px #dde1e7 solid;
	border-bottom: 1px #e3e9ef solid;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 2px;
}
.us_input:hover, .us_select:hover, .us_input:focus, .us_select:focus {
	border-top: 1px #5794bf solid;
	border-left: 1px #c5daed solid;
	border-right: 1px #b7d5ea solid;
	border-bottom: 1px #c7e2f1 solid;
}
label input.us_checkbox {
margin-right: 4px;
}
#us_form * {font-family:arial,helvetica,sans-serif;font-size:13px;}
/* ]]> */
</style>
с строку:
</style>
замените на:
.black	{color:pink !important;}
</style>

Значение pink можете заменить на ваш цвет

#36 bg999

bg999

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

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

Отправлено 24 Июнь 2013 - 18:18

когда делаю как вы описали выше то перекрашивается исключительно текст "руб." а нужно чтобы текст "руб." оставался черным а сама сумма (только цифры) перекрашивались в розовый.
Кто нибудь подскажите, пожалуйста:
1 Как перекрасить сумму в корзине в хедере обратно в розовый, только так чтобы исключительно в корзине в хедере цвет поменялся а не везде. Адрес моего сайта http://cosmetikova.ru/ Прикрепляю ниже картинку

Изображение


2. Как сделать такое окошко, которое появляется при добавлении товара в корзину и наведении курсором на значок корзина. пример реализации можно найти на сайтах: http://www.mrporter..../product/384928 http://www.net-a-por.../product/351084   http://klubkrasoti.r...20/v2115/p95695
картинка прикреплена ниже

Изображение

#37 support 2.0

support 2.0

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

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

Отправлено 24 Июнь 2013 - 22:25

Просмотр сообщенияbg999 (24 Июнь 2013 - 18:18) писал:

когда делаю как вы описали выше то перекрашивается исключительно текст "руб." а нужно чтобы текст "руб." оставался черным а сама сумма (только цифры) перекрашивались в розовый.
Кто нибудь подскажите, пожалуйста:
1 Как перекрасить сумму в корзине в хедере обратно в розовый, только так чтобы исключительно в корзине в хедере цвет поменялся а не везде. Адрес моего сайта http://cosmetikova.ru/ Прикрепляю ниже картинку

Изображение


2. Как сделать такое окошко, которое появляется при добавлении товара в корзину и наведении курсором на значок корзина. пример реализации можно найти на сайтах: http://www.mrporter..../product/384928 http://www.net-a-por.../product/351084   http://klubkrasoti.r...20/v2115/p95695
картинка прикреплена ниже

Изображение

найдите строчку
.black {color:pink !important;}
и удалите ее
теперь найдите
.black				 {color:#000 !important;}
сразу после нее поставьте
.black span {color: pink !important; font-weight: bold;font-style: italic;
}

в main.css после блока
#cartInfo td.cartTextData {padding-top:5px;}
вставьте
#cartInfo td.cartTextData a {color: pink !important;font-weight: bold;}

По поводу корзины, то не думаю, что такое можно будет реализовать. Получается, в шаблоне должны быть доступны все переменные, которые доступны в шаблоне корзина. Если позволите, отложу пока Ваш последний вопрос до завтра. Пока не могу на него однозначно ответить.

#38 Сake

Сake

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

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

Отправлено 25 Июнь 2013 - 03:25

Для корзины можно делать отдельный запрос на страницу корзины и получать всю необходимую информацию по типу http://forum.storela...-об/#entry65341

В любом случае для начала необходимо будет реализовать окно в которое в последствии будет вставляться информация. Вам необходимо в вашем шаблоне "HTML" найти примерно следующий код вашей корзины

<div style="position: absolute; top: 15px; right: 20px;" id="cartInfo">

в данном случае необходимо после данной строки вставить

<div class="cart-preloaded"><div class="cart-info"></div></div>

далее в файл стилей main.css добавить

.cart-preloaded {
position: relative;
}

только после этих изменений можно двигаться дальше. Вам необходимо вставить данные изменения на свой сайт.

#39 bg999

bg999

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

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

Отправлено 25 Июнь 2013 - 12:42

Просмотр сообщенияsupport 2.0 (24 Июнь 2013 - 22:25) писал:

найдите строчку
.black {color:pink !important;}
и удалите ее
теперь найдите
.black				 {color:#000 !important;}
сразу после нее поставьте
.black span {color: pink !important; font-weight: bold;font-style: italic;
}

в main.css после блока
#cartInfo td.cartTextData {padding-top:5px;}
вставьте
#cartInfo td.cartTextData a {color: pink !important;font-weight: bold;}

По поводу корзины, то не думаю, что такое можно будет реализовать. Получается, в шаблоне должны быть доступны все переменные, которые доступны в шаблоне корзина. Если позволите, отложу пока Ваш последний вопрос до завтра. Пока не могу на него однозначно ответить.


вроде уже лучше единственное как сделать так чтобы при добавлении товаров в корзину перекрашивалась только сумма а надпись руб. оставалась черной?

Просмотр сообщенияСake (25 Июнь 2013 - 03:25) писал:

Для корзины можно делать отдельный запрос на страницу корзины и получать всю необходимую информацию по типу http://forum.storela...-об/#entry65341

В любом случае для начала необходимо будет реализовать окно в которое в последствии будет вставляться информация. Вам необходимо в вашем шаблоне "HTML" найти примерно следующий код вашей корзины

<div style="position: absolute; top: 15px; right: 20px;" id="cartInfo">

в данном случае необходимо после данной строки вставить

<div class="cart-preloaded"><div class="cart-info"></div></div>

далее в файл стилей main.css добавить

.cart-preloaded {
position: relative;
}

только после этих изменений можно двигаться дальше. Вам необходимо вставить данные изменения на свой сайт.


Внес изменения которые вы написали, что делать дальше по ссылке перешел но непонял как это может помочь в моей ситуаци. Я в интернет нашел что то что мне нужно называется mini cart.

#40 Сake

Сake

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

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

Отправлено 26 Июнь 2013 - 02:13

Цитата

вроде уже лучше единственное как сделать так чтобы при добавлении товаров в корзину перекрашивалась только сумма а надпись руб. оставалась черной?

На данный момент у вас именно такое отображение, если вы говорите о корзине в шапке. Если же вы имеете в виду цену в всплывающем окне при добавлении товара в корзину, то для задания цвета данной цене - необходимо в файле стилей main.css найти

.black span {
	color: #E9077C;
	font-style: italic;
}

и заменить на

.black span, .newCartSum .num {
	color: #E9077C;
	font-style: italic;
}

По корзине: Далее добавьте в файл стилей main.css

.cart-info {
	background: #FFFFFF;
	box-shadow: 0 0 2px #BABABA;
	height: 200px;
	position: absolute;
	right: 80px;
	top: 55px;
	width: 360px;
	z-index: 99999;
	display: none;
}
.cart-info.selected {
	display: block;
}
.cart-info:after {
	content: ' ';
	top: -20px;
	right: 48px;
	position: absolute;
	border-color: transparent transparent rgba(132, 131, 131, 0.3) transparent;
	border-style: solid;
	border-width: 10px;
	height:0;
	width:0;
	z-index: 2;
}
.cart-info:before {
	content: ' ';
	top: -18px;
	right: 49px;
	position: absolute;
	border-color: transparent transparent #fff transparent;
	border-style: solid;
	border-width: 9px;
	height:0;
	width:0;
	z-index: 3;
}
.cart-info .cart-count {
	width: 96%;
	height: 28px;
	margin: 0 auto;
	border-bottom: 1px solid #E6E6E6;
	color: #828282;
	font-size: 12px;
	line-height: 28px;
	text-align: right;
}
.cart-info .cart-item {
	width: 96%;
	height: 130px;
	margin: 5px auto;
	overflow-x: hidden;
	overflow-y: auto;
	border-bottom: 1px solid #E6E6E6;
}
.cart-info .cart-total {
   height: 25px;
   width: 96%;
   margin: 5px auto;
   font-size: 12px;
   line-height: 25px;
   text-align: right;
}

и замените код корзины

<div class="cart-info"></div>

заменить на

<div class="cart-info">
<div class="cart-count"></div>
<div class="cart-item"></div>
<div class="cart-total"></div>
</div>





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

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