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


Изменение Внешнего Вида Корзины


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

#21 Danil

Danil

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

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

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

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

Не нашел
@media only screen and (max-width: 1024px) and (min-width: 481px)
.container .cols.col-4 {
width: 50%;
}


И подвал исказился
Найдите
.container .cols.col-4 {
width: 50%;
}
И замените на

.container .cols.col-4 {
width: 30%;
}
И вставьте
.marg4 {
float: right !important;
width: 100% !important;
}


#22 aposlavskii

aposlavskii

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

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

Отправлено 03 Октябрь 2014 - 14:50

А можно подвала растянуть на всю ширину окна, а то белая полоса остается и в адаптивной версии чтобы отображалось?

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

  • adapt.jpg


#23 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

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

Просмотр сообщенияaposlavskii (03 Октябрь 2014 - 14:50) писал:

А можно подвала растянуть на всю ширину окна, а то белая полоса остается и в адаптивной версии чтобы отображалось?
Здравствуйте.
Не совсем понял что вам растянуть нужно.

#24 aposlavskii

aposlavskii

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

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

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

Белая линия остается справа

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

  • foot.jpg


#25 Vaccina

Vaccina

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

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

Отправлено 03 Октябрь 2014 - 19:16

попробуйте следующее, в main.css найдите:
.container .cols.col-8 {
	width: 66.6667%;
}
замените на:
.container .cols.col-8 {
	width: 70%;
}


#26 aposlavskii

aposlavskii

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

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

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

1)Как изменить отображение в адаптивной версии?                                                                                                               2) 2)Как сделать чтобы значок корзины не изменялся при изменениях на странице /cart ?

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

  • adapt.jpg


#27 AnnaM

AnnaM

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

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

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

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

1)Как изменить отображение в адаптивной версии?    2) 2)Как сделать чтобы значок корзины не изменялся при изменениях на странице /cart ?
В шаблоне main.css замените
@media only screen and (max-width: 1024px) and (min-width: 481px)
.container .cols.col-4 {
width: 100%;
}
на
@media only screen and (max-width: 1024px) and (min-width: 481px)
.container .cols.col-4 {
width: 100%;
margin-top: -10px;
}
и еще это
@media only screen and (max-width: 480px)
.row2 .marg1, .row2 .marg2, .row2 .marg3, .row2 .marg4, .row2 .marg5, .row2 .marg6, .row2 .marg7, .row2 .marg8, .row2 .marg9, .row2 .marg10, .row2 .marg11, .row2 .marg12 {
margin-left: 0;
}
на
@media only screen and (max-width: 480px)
.row2 .marg1, .row2 .marg2, .row2 .marg3, .row2 .marg4, .row2 .marg5, .row2 .marg6, .row2 .marg7, .row2 .marg8, .row2 .marg9, .row2 .marg10, .row2 .marg11, .row2 .marg12 {
margin-left: 0;
margin-top: -25px;
}


#28 aposlavskii

aposlavskii

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

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

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

А как убрать изменение значка корзины при удалении или добавлении позиции на странице корзины.

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

  • cart11.jpg


#29 Alekseys

Alekseys

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

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

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

Просмотр сообщенияaposlavskii (04 Октябрь 2014 - 14:31) писал:

А как убрать изменение значка корзины при удалении или добавлении позиции на странице корзины.
Здравствуйте. Попробуйте в main.css заменить
.icon-cart:before {
content: "\e603";
}
на
.icon-cart:before {
content: "";
background: url(/design/cart12.png) no-repeat;
width: 75px;
height: 75px;
display: block;
float: left;
}





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

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