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


Переместить Корзину


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

#1 funtik-tops

funtik-tops

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

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

Отправлено 05 Март 2015 - 12:34

Здравствуйте! Необходимо корзину поднять. Для примера как нужно разместил скриншот до и после.

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

  • до.jpg
  • после.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 06 Март 2015 - 03:12

В main.css найдите:
#header #cart {
  float: right;
  min-width: 280px;
  right: 20px;
  top: 3px;
  z-index: 20;
}

замените на:
#header #cart {
  float: right;
  margin-top: 30px;
  min-width: 280px;
  z-index: 20;
}

далее найдите:
#header #cart .heading h4 {
  color: #333333;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 3px;
  margin-top: 0;
  text-align: right;
}

замените на:
#header #cart .heading h4 {
  color: #333333;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 3px;
  margin-top: 0;
  text-align: center;
}


#3 funtik-tops

funtik-tops

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

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

Отправлено 06 Март 2015 - 11:48

Надпись корзина покупок стала невидимой, а корзина так и осталась справа.

#4 funtik-tops

funtik-tops

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

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

Отправлено 06 Март 2015 - 22:01

Мне кто-нибудь ответит, или служба поддержки ответит только после праздников? Мне уже нужно запускать продажи, не могу ждать.

#5 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 06 Март 2015 - 22:07

Просмотр сообщенияfuntik-tops (06 Март 2015 - 11:48) писал:

Надпись корзина покупок стала невидимой, а корзина так и осталась справа.
Здравствуйте.
Чтобы корзина стала вновь видима - вам нужно в шаблоне main.css найти код:
h4 {
font-size: 18px;
line-height: 20px;
margin-bottom: 15px;
}
И заменить его вот этим кодом:
h4 {
font-size: 18px;
line-height: 20px;
margin-bottom: 15px;
color: #000;
}


#6 funtik-tops

funtik-tops

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

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

Отправлено 07 Март 2015 - 10:45

С заменой цвета у меня нет проблем, цвет я и сам могу поменять, мне надо корзину переместить по центру над надписью корзина покупок как на примере на картинке в сообщении выше!

#7 funtik-tops

funtik-tops

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

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

Отправлено 09 Март 2015 - 17:42

Ау, где поддержка? Вопрос актуален.

#8 funtik-tops

funtik-tops

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

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

Отправлено 10 Март 2015 - 13:54

С такой поддержкой придется наверно переходит на бесплатный движок opencart или prestashop.

#9 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 10 Март 2015 - 14:11

Просмотр сообщенияfuntik-tops (07 Март 2015 - 10:45) писал:

С заменой цвета у меня нет проблем, цвет я и сам могу поменять, мне надо корзину переместить по центру над надписью корзина покупок как на примере на картинке в сообщении выше!
Здравствуйте.
Если я вас правильно понял, то сделайте следующее:
В шаблоне main.css найдите код:
#header #cart .heading {
float: right;
margin-top: 24px;
padding-left: 14px;
padding-right: 7px;
position: relative;
z-index: 1;
margin-left: 80px;
}
}
И замените его вот этим кодом:
#header #cart .heading {
float: right;
margin-top: 24px;
/* padding-left: 14px; */
/* padding-right: 7px; */
position: relative;
z-index: 1;
margin-left: 80px;
}
Далее найдите вот этот код:
#header #cart .cart_circle {
display: block;
width: 44px;
height: 44px;
background: url('http://avtokresla.storeland.net/cart.png?design=spring') 50% 50% no-repeat;
background-color: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 3px;
right: 0;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
cursor: pointer;
}
И замените его вот этим кодом:
#header #cart .cart_circle {
display: block;
width: 44px;
height: 44px;
background: url('http://avtokresla.storeland.net/cart.png?design=spring') 50% 50% no-repeat;
background-color: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 3px;
right: 0;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
cursor: pointer;
margin-top: -45px;
margin-right: 83px;
}
После этого добавьте в тот же шаблон код:
span#cart-total {
margin-left: -35px;
}


#10 funtik-tops

funtik-tops

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

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

Отправлено 10 Март 2015 - 16:04

Если в корзине нет товаров, то всё ок. Если положить товар в корзину, то корзина и надпись корзина находится не по центру. Нужно отцентрировать.

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

  • корзина.jpg
  • корзина-2.jpg


#11 Vaccina

Vaccina

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

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

Отправлено 12 Март 2015 - 04:18

В main.css найдите и удалите:
span#cart-total {
margin-left: -35px;
}

Далее найдите:
#header #cart .heading {
float: right;
margin-top: 24px;
/* padding-left: 14px; */
/* padding-right: 7px; */
position: relative;
z-index: 1;
margin-left: 80px;
}
замените на:
#header #cart .heading {
  float: right;
  margin-top: 24px;
  position: relative;
  text-align: center;
  z-index: 1;
}


#12 funtik-tops

funtik-tops

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

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

Отправлено 12 Март 2015 - 12:39

Внес изменения, осталось тоже самое, когда в корзине нет ничего то всё по центру, если есть то смещается влево.

#13 Cupuyc

Cupuyc

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

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

Отправлено 12 Март 2015 - 16:56

Просмотр сообщенияfuntik-tops (12 Март 2015 - 12:39) писал:

Внес изменения, осталось тоже самое, когда в корзине нет ничего то всё по центру, если есть то смещается влево.
Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите блок кода:
#header #cart .heading {
  float: right;
  margin-top: 24px;
  position: relative;
  text-align: center;
  z-index: 1;
}
И замените его на:
#header #cart .heading {
  float: right;
  margin-top: 24px;
  position: relative;
  text-align: center;
  z-index: 1;
  max-width: 200px;
}


#14 funtik-tops

funtik-tops

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

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

Отправлено 12 Март 2015 - 18:10

Спасибо!

#15 Лада

Лада

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

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

Отправлено 10 Октябрь 2016 - 16:28

Здравствуйте. Помогите пожалуйста. Поменяла шапку. http://ori-shop.ru/ Теперь нужно сделать несколько изменений:
1. Подвинуть поиск
2. подвинуть корзину и заменить надпись "В корзине товаров на" на другую.
3. Контакты сдвинуть влево и сделать, чтобы они не были так скомканы.
4. Надпись "Мы рады приветствовать вас" убрать или заменить на другую

И еще. Уже не по шапке.
5. В левом меню можно изменить надпись "Каталог товаров"?
6. В разделе "Контакты" под кнопкой "отправить" нужно написать свой текст.
7. В разделе "Контакты" надпись "Связь с администрацией" убрать или заменить.

Заранее благодарю за ответ.

#16 Razon

Razon

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

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

Отправлено 10 Октябрь 2016 - 16:39

Просмотр сообщенияЛада (10 Октябрь 2016 - 16:28) писал:

Здравствуйте. Помогите пожалуйста. Поменяла шапку. http://ori-shop.ru/ Теперь нужно сделать несколько изменений:
1. Подвинуть поиск
2. подвинуть корзину и заменить надпись "В корзине товаров на" на другую.
3. Контакты сдвинуть влево и сделать, чтобы они не были так скомканы.
4. Надпись "Мы рады приветствовать вас" убрать или заменить на другую

И еще. Уже не по шапке.
5. В левом меню можно изменить надпись "Каталог товаров"?
6. В разделе "Контакты" под кнопкой "отправить" нужно написать свой текст.
7. В разделе "Контакты" надпись "Связь с администрацией" убрать или заменить.

Заранее благодарю за ответ.

Здравствуйте,  пожалуйста укажите, какие именно изменения необходимо осуществить, на какие названия заменить и куда переместить элементы.

#17 Лада

Лада

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

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

Отправлено 10 Октябрь 2016 - 17:26

Просмотр сообщенияRa1zon (10 Октябрь 2016 - 16:39) писал:

Здравствуйте,  пожалуйста укажите, какие именно изменения необходимо осуществить, на какие названия заменить и куда переместить элементы.

Здравствуйте. Я уже изменила шапку. Корзина поиск и контакты теперь надо сместить. Поиск и корзину в те окошки, которые справа.

1. Подвинуть поиск
2. подвинуть корзину и заменить надпись "В корзине товаров на" на "Выбрано товаров на".
3. Контакты сдвинуть влево к краю горизонтального меню и пониже и сделать, чтобы они не были так скомканы.
4. Уже сделала

И еще. Уже не по шапке.
5. В левом меню можно изменить надпись "Каталог товаров" на "Рекомендуемые товары"?
6. В разделе "Контакты" под кнопкой "отправить" нужно написать свой текст.
7. В разделе "Контакты" надпись "Связь с администрацией"  заменить на "Обращайтесь с любыми вопросами".

#18 Razon

Razon

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

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

Отправлено 10 Октябрь 2016 - 17:54

Просмотр сообщенияЛада (10 Октябрь 2016 - 17:26) писал:

Здравствуйте. Я уже изменила шапку. Корзина поиск и контакты теперь надо сместить. Поиск и корзину в те окошки, которые справа.

1. Подвинуть поиск
2. подвинуть корзину и заменить надпись "В корзине товаров на" на "Выбрано товаров на".
3. Контакты сдвинуть влево к краю горизонтального меню и пониже и сделать, чтобы они не были так скомканы.
4. Уже сделала

И еще. Уже не по шапке.
5. В левом меню можно изменить надпись "Каталог товаров" на "Рекомендуемые товары"?
6. В разделе "Контакты" под кнопкой "отправить" нужно написать свой текст.
7. В разделе "Контакты" надпись "Связь с администрацией"  заменить на "Обращайтесь с любыми вопросами".

1.  В файле main.css найдите строки:
} #search .search_box  {
  background:none;
  border:none;
  font: 11px Verdana, Geneva, sans-serif;
  width: 200px;
  padding:0px;padding-left: 14px;
  padding-top: 8px;
 
}

Замените на:
} #search .search_box  {
  background:none;
  border:none;
  font: 11px Verdana, Geneva, sans-serif;
  width: 200px;
  padding:0px;padding-left: 27px;
  padding-top: 6px;
 
}

2. В файле main.css  найдите строки:
#cartInfo {
  position:absolute;
  font-size: 13px;
  top: 54px;
  left: 380px;
  white-space:nowrap;
  overflow:hidden;
  height:20px;
  width: 340px;
}

Замените на:
#cartInfo {
  position:absolute;
  font-size: 13px;
  top: 100px;
  left: 652px;
  white-space:nowrap;
  overflow:hidden;
  height:20px;
  width: 340px;
}

В файле HTML  найдите строку:
		<a href="{CART_URL}">в корзине товаров на</a>:

Замените на:
		<a href="{CART_URL}">выбрано товаров на</a>:

3. В файле main.css найдите строки:
/*contactInfo*/
#contactInfo {
  position:absolute;
  font-size:1.1em;
  top: 10px;
  left: 170px;
}

Замените на:
/*contactInfo*/
#contactInfo {
  position:absolute;
  font-size:1.1em;
  top: 10px;
  left: 15px;
}
.contentTableHeadMainWorkTime {font-size:15px;}

5. В файле HTML  найдите строку:
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>

Замените на:
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Рекомендуемые товары</a></h2>

6. В файле Связь с администрацией найдите строки:
<input class="more-link" type="submit" class="button_med" value="Отправить"/>
		{% ENDIF %}

Замените на:
<input class="more-link" type="submit" class="button_med" value="Отправить"/>
		{% ENDIF %}
		<div class="usertext">Ваш текст.</div>

Вместо слов ваш текст,  напишите необходимый вам текст.

7. В файле Связь с администрацией найдите строку:
  <h1>Связь с администрацией</h1>

Замените на:
  <h1>Обращайтесь с любыми вопросами</h1>


#19 Лада

Лада

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

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

Отправлено 10 Октябрь 2016 - 21:37

Спасибо большое. Все получилось.




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

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