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


Увеличить Текст, Добавить Переключатель


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

#1 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 14 Ноябрь 2015 - 14:24

Привет всем! Помогите сделать текст немного больше, картинку товара немного больше и что бы прямо в корзине можно было менять количество товаров.
Заранее спасибо)

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

  • 24.jpg


#2 RayLi

RayLi

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

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

Отправлено 14 Ноябрь 2015 - 14:29

Просмотр сообщенияTrend78 (14 Ноябрь 2015 - 14:24) писал:

Привет всем! Помогите сделать текст немного больше, картинку товара немного больше и что бы прямо в корзине можно было менять количество товаров.
Заранее спасибо)

Здравствуйте.
Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

.cartNameBlock {
	width: 75%;
	padding: 0 1%;
	text-align: left;
	overflow: hidden;
}

И замените его вот этим вот кодом:

.cartNameBlock {
	width: 75%;
	padding: 0 1%;
	text-align: left;
	overflow: hidden;
	font-size: 20px;
}


Далее в том же шаблоне найдите следующий код:

.cartImgBlock {
	width: 10%;
	padding: .3em;
}

И замените его вот этим кодом:

.cartImgBlock {
	width: 20%;
	padding: .3em;
}


#3 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 14 Ноябрь 2015 - 14:39

Просмотр сообщенияRayLi (14 Ноябрь 2015 - 14:29) писал:

Здравствуйте.
Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

.cartNameBlock {
width: 75%;
padding: 0 1%;
text-align: left;
overflow: hidden;
}

И замените его вот этим вот кодом:

.cartNameBlock {
width: 75%;
padding: 0 1%;
text-align: left;
overflow: hidden;
font-size: 20px;
}


Далее в том же шаблоне найдите следующий код:

.cartImgBlock {
width: 10%;
padding: .3em;
}

И замените его вот этим кодом:

.cartImgBlock {
width: 20%;
padding: .3em;
}
С шрифтом всё ок.
Но вот если поменять размер изображений хоть на 1%, то крестик удаления и кол-во товара в корзине смещается вниз и всё становится криво.
А что на счёт изменения кол-ва товаров прямо в корзине?

#4 RayLi

RayLi

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

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

Отправлено 14 Ноябрь 2015 - 15:15

Просмотр сообщенияTrend78 (14 Ноябрь 2015 - 14:39) писал:

С шрифтом всё ок.
Но вот если поменять размер изображений хоть на 1%, то крестик удаления и кол-во товара в корзине смещается вниз и всё становится криво.
А что на счёт изменения кол-ва товаров прямо в корзине?

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

#5 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 14 Ноябрь 2015 - 15:18

Просмотр сообщенияRayLi (14 Ноябрь 2015 - 15:15) писал:

Если я вас правильно понял, то данная функция уже реализована изначально в вашем шаблоне, для этого вы должны зайти в корзину и навести на столбик "Количество".
В данном столбце вы можете поменять значение количества и выставить как большее количество товаров, так и меньшее, в зависимости от предпочтения.
Проверьте, пожалуйста.
Нужно вот тут :)

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

  • 25.jpg


#6 Vaccina

Vaccina

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

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

Отправлено 18 Ноябрь 2015 - 04:12

По поводу увеличения, в main.css найдите:
.cartImgBlock {
	width: 10%;
	padding: 0.3em;
}

замените на:
.cartImgBlock {
	width: 20%;
	padding: 0.3em;
}

далее найдите:
.cartNameBlock {
	width: 75%;
	padding: 0px 1%;
	text-align: left;
	overflow: hidden;
}

замените на:
.cartNameBlock {
	width: 65%;
	padding: 0px 1%;
	text-align: left;
	overflow: hidden;
}

К сожалению, изменить количество в данном блоке нельзя

#7 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 18 Ноябрь 2015 - 18:12

Просмотр сообщенияVaccina (18 Ноябрь 2015 - 04:12) писал:

По поводу увеличения, в main.css найдите:
.cartImgBlock {
width: 10%;
padding: 0.3em;
}

замените на:
.cartImgBlock {
width: 20%;
padding: 0.3em;
}

далее найдите:
.cartNameBlock {
width: 75%;
padding: 0px 1%;
text-align: left;
overflow: hidden;
}

замените на:
.cartNameBlock {
width: 65%;
padding: 0px 1%;
text-align: left;
overflow: hidden;
}

К сожалению, изменить количество в данном блоке нельзя
Спасибо, но сделал немного по другому)
Теперь есть пару небольших проблем
немного передвинуть,как показано на 1м скрине
и убрать это ужасное увеличение при любом сообщении в корзине :)

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

  • cort1.jpg
  • cort2.jpg


#8 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 19 Ноябрь 2015 - 03:05

Актуально ;)

#9 Vaccina

Vaccina

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

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

Отправлено 19 Ноябрь 2015 - 03:30

В main.css найдите:
.cartNameBlock {
	width: 65%;
	padding: 0px 1%;
	font-size: 17px;
	text-align: center;
	overflow: hidden;
}

замените на:
.cartNameBlock {
	width: 63%;
	padding: 0px 1%;
	font-size: 17px;
	text-align: center;
	overflow: hidden;
}

В шаблоне Ajax добавление товара в корзину найдите:
<h1>
							<a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a>
						</h1>

замените на:
<h5>
							<a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a>
						</h5>


#10 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 19 Ноябрь 2015 - 14:26

Просмотр сообщенияVaccina (19 Ноябрь 2015 - 03:30) писал:

В main.css найдите:
.cartNameBlock {
width: 65%;
padding: 0px 1%;
font-size: 17px;
text-align: center;
overflow: hidden;
}

замените на:
.cartNameBlock {
width: 63%;
padding: 0px 1%;
font-size: 17px;
text-align: center;
overflow: hidden;
}

В шаблоне Ajax добавление товара в корзину найдите:
<h1>
						 <a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a>
					 </h1>

замените на:
<h5>
						 <a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a>
					 </h5>
Уже намного лучше! Но почему то название скидки вылезает,что бы не делал . Только если все изображение уменьшить в 2 раза

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

  • Без имени-1.png


#11 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 19 Ноябрь 2015 - 14:50

Сам разобрался кое-как ^_^




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

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