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


Изменение Дизайна Корзины.

корзина дизайн шаг заказ

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

#21 Danil

Danil

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

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

Отправлено 27 Сентябрь 2014 - 19:25

Просмотр сообщенияA-myshop (27 Сентябрь 2014 - 18:03) писал:

Dars, спасибо всё получилось. Теперь когда меню товаров убрали осталось много свободного места. Можно ли подвинуть основное окно немного левее.
В style.css найдите код
.container .twelve.columns {
width: 80%;
z-index: 1000000;
overflow: visible;
margin-top: 20px;
}
И замените на
.container .twelve.columns {
width: 100%;
z-index: 1000000;
overflow: visible;
margin-top: 20px;
}
Так же найдите и удалите
.main_part_wrapper {
float: right !important;
}
Найдите
.container .columns {
float: left;
display: inline;
margin-left: 10px;
margin-right: 5px;
margin-top: 10px;
}
и замените на
.container .columns {
float: left;
display: inline;
margin-right: 5px;
margin-top: 10px;
}


#22 A-myshop

A-myshop

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

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

Отправлено 28 Сентябрь 2014 - 13:37

Ничего не изменилось в лучшую сторону.
Слител фон значок корзины. больше ничего не поменялось

#23 Danil

Danil

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

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

Отправлено 28 Сентябрь 2014 - 13:46

Просмотр сообщенияA-myshop (28 Сентябрь 2014 - 13:37) писал:

Ничего не изменилось в лучшую сторону.
Слител фон значок корзины. больше ничего не поменялось
Здравствуйте.
В style.css найдите код
.container .twelve.columns {
width: 100%;
z-index: 1000000;
overflow: visible;
margin-top: 20px;
}
И замените на
.container .twelve.columns {
width: 80%;
z-index: 1000000;
overflow: visible;
float: right;
margin-top: 20px;
}


#24 A-myshop

A-myshop

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

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

Отправлено 28 Сентябрь 2014 - 13:58

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

#25 Danil

Danil

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

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

Отправлено 28 Сентябрь 2014 - 14:13

Просмотр сообщенияA-myshop (28 Сентябрь 2014 - 13:58) писал:

В контактах каталог убрали, а можно ли всё таки левее немного сделать основное окно в контактах и доставке. чтобы заполнить пустое место от удалённого каталога.
В шаблоне html найдите код
	 <div class="twelve columns omega main_part_wrapper">
И замените на
	 <div class="twelve columns omega main_part_wrapper" {% IF PAGE_TITLE = Доставка (Пример страницы)%}style="width:100%;"{% ELSE IF PAGE_TITLE = Связь с администрацией %}style="width:100%;"{% ENDIF %}>


#26 A-myshop

A-myshop

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

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

Отправлено 28 Сентябрь 2014 - 14:59

http://beautystyle-s...and.ru/feedback

Посмотрите пожалуйста сами... У меня ощущение что я может неправильно как то объясняю и вы не совсем понимаете что я хочу.

У меня всё начинает разваливаться на сайте... Сначала пропал фон и кнопка корзины, не прошло и часа как уже проблема со слайдами и его клавишами управления.... Что происходит подскажите пожалуйста?

#27 Danil

Danil

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

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

Отправлено 28 Сентябрь 2014 - 15:16

Просмотр сообщенияA-myshop (28 Сентябрь 2014 - 14:59) писал:

http://beautystyle-s...and.ru/feedback

Посмотрите пожалуйста сами... У меня ощущение что я может неправильно как то объясняю и вы не совсем понимаете что я хочу.

У меня всё начинает разваливаться на сайте... Сначала пропал фон и кнопка корзины, не прошло и часа как уже проблема со слайдами и его клавишами управления.... Что происходит подскажите пожалуйста?
Сообщение 25 было исправлено, произведите изменения еще раз.
Далее в style.css найдите код
.container .columns {
float: left;
display: inline;
margin-right: 5px;
margin-top: 10px;
}
И замените на
.container .columns {
float: left;
display: inline;
margin-top: 10px;
}


#28 A-myshop

A-myshop

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

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

Отправлено 28 Сентябрь 2014 - 16:58

ничего не изменилось

сразу не заметил... про 25 сообщение. Поменял, теперь не работает вобще НИЧЕГО!.

Скажите честно, вы издеваетесь?(

#29 Danil

Danil

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

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

Отправлено 28 Сентябрь 2014 - 17:01

Просмотр сообщенияA-myshop (28 Сентябрь 2014 - 16:58) писал:

ничего не изменилось

сразу не заметил... про 25 сообщение. Поменял, теперь не работает вобще НИЧЕГО!.

Скажите честно, вы издеваетесь?(
Изменения произвели, проверьте пожалуйста.
Если снова не то, пришлите скриншот с необходимыми изменениями.

#30 A-myshop

A-myshop

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

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

Отправлено 28 Сентябрь 2014 - 19:26

Четыре скриншота.

1. главная страница. слайдеры совсем отказали. чёрный экран и всё(

2. каталог. Меню категорий находится в самом внизу. хотя должно быть слева от каталога товаров.

3. Доставка. Текст начинается где то за кадром. Хотелось бы видеть весь текст в пределах которые отмечены крассной рамкой.

4. Контакты. Тоже в пределах крассной рамки см скриншот

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

  • 111111.jpg
  • 222222.jpg
  • 333333.jpg
  • 444444.jpg


#31 MikDark

MikDark

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

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

Отправлено 28 Сентябрь 2014 - 19:51

Просмотр сообщенияA-myshop (28 Сентябрь 2014 - 19:26) писал:

Четыре скриншота.

1. главная страница. слайдеры совсем отказали. чёрный экран и всё(

2. каталог. Меню категорий находится в самом внизу. хотя должно быть слева от каталога товаров.

3. Доставка. Текст начинается где то за кадром. Хотелось бы видеть весь текст в пределах которые отмечены крассной рамкой.

4. Контакты. Тоже в пределах крассной рамки см скриншот

1-2) Изменения произвели

3-4) В style.css найдите:
.htmlDataBlock {
margin: 5px 0;
}

и замените на:
.htmlDataBlock {
margin: 5px 50px;
}


#32 A-myshop

A-myshop

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

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

Отправлено 30 Сентябрь 2014 - 12:17

При нажатии на шлавной странице в всплывающем тексте "каталог" переходит нетуда.

В разделах доставка и контакты отступить от краёв немного что бы не обрезало текст

#33 AnnaM

AnnaM

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

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

Отправлено 30 Сентябрь 2014 - 12:56

Просмотр сообщенияA-myshop (30 Сентябрь 2014 - 12:17) писал:

При нажатии на шлавной странице в всплывающем тексте "каталог" переходит нетуда.

В разделах доставка и контакты отступить от краёв немного что бы не обрезало текст
В шаблоне HTML замените
<div class="camera_caption moveFromRight" style="left:110px;">
																   Добро пожаловать в магазин стиля и моды.
																   <div>
																   <hr style="border-color: #C71585;"/><a href="http://z45293.storeland.ru/catalog">Каталог</a></div>
												  </div>
						</div>
на
<div class="camera_caption moveFromRight" style="left:110px;">
																   Добро пожаловать в магазин стиля и моды.
																   <div>
																   <hr style="border-color: #C71585;"/><a href="http://beautystyle-s.storeland.ru/catalog">Каталог</a></div>
												  </div>
						</div>


#34 A-myshop

A-myshop

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

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

Отправлено 01 Октябрь 2014 - 10:42

А по второму вопросу?
И почему то на главной на слайдах кнопки без стрелочек просто пцстые квадраты.

#35 AnnaM

AnnaM

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

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

Отправлено 01 Октябрь 2014 - 12:59

Просмотр сообщенияA-myshop (01 Октябрь 2014 - 10:42) писал:

А по второму вопросу?
И почему то на главной на слайдах кнопки без стрелочек просто пцстые квадраты.
Уточните,пожалуйста,на скриншотах о каких отступах идет речь. Сейча тект в данных разделах не обрезается.

#36 AnnaM

AnnaM

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

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

Отправлено 01 Октябрь 2014 - 13:04

Просмотр сообщенияA-myshop (30 Сентябрь 2014 - 12:17) писал:

При нажатии на шлавной странице в всплывающем тексте "каталог" переходит нетуда.

В разделах доставка и контакты отступить от краёв немного что бы не обрезало текст
2.В style.css вконец добавьте
div#content {
margin-right: 15px;
}


#37 Alekseys

Alekseys

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

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

Отправлено 01 Октябрь 2014 - 15:33

Просмотр сообщенияA-myshop (01 Октябрь 2014 - 10:42) писал:

И почему то на главной на слайдах кнопки без стрелочек просто пцстые квадраты.
В camera.css сделайте небольшие изменения (например поставьте в конце пробел) и сохраните.

#38 bot

bot

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

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

Отправлено 29 Октябрь 2014 - 11:44

Здравствуйте! Почему при наведение курсора на корзинку не правильно отображается заказ? никак не могу понять

Аккаунт SL-311355

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

  • Безымянный.png


#39 Ирина345

Ирина345

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

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

Отправлено 29 Октябрь 2014 - 12:06

Просмотр сообщенияYasin (29 Октябрь 2014 - 11:44) писал:

Здравствуйте! Почему при наведение курсора на корзинку не правильно отображается заказ? никак не могу понять

Аккаунт SL-311355
Здравствуйте, найдите в 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;
display: none;
margin-top: 40px;
max-width: 600px;
z-index: 10;
right: -510px;
position: relative;
}


далее найдите

.shopping_cart {position: relative;display: block;float: right;z-index: 100;background:url('{ASSETS_IMAGES_PATH}cart_icon.png') no-repeat center center;height: 30px;
width: 30px;
padding: 48px;
margin-right: -510px;}
замените на

.shopping_cart {position: relative;display: block;float: right;z-index: 100;background:url('{ASSETS_IMAGES_PATH}cart_icon.png') no-repeat center center;height: 30px;
width: 30px;
padding: 48px;
right: -510px;}


#40 bot

bot

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

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

Отправлено 29 Октябрь 2014 - 12:29

Просмотр сообщенияИрина345 (29 Октябрь 2014 - 12:06) писал:

Здравствуйте, найдите в 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;
display: none;
margin-top: 40px;
max-width: 600px;
z-index: 10;
right: -510px;
position: relative;
}


далее найдите

.shopping_cart {position: relative;display: block;float: right;z-index: 100;background:url('{ASSETS_IMAGES_PATH}cart_icon.png') no-repeat center center;height: 30px;
width: 30px;
padding: 48px;
margin-right: -510px;}
замените на

.shopping_cart {position: relative;display: block;float: right;z-index: 100;background:url('{ASSETS_IMAGES_PATH}cart_icon.png') no-repeat center center;height: 30px;
width: 30px;
padding: 48px;
right: -510px;}
спасибо





Темы с аналогичным тегами корзина, дизайн, шаг, заказ

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

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