Тематика: По цвету: Красный Желтый Зеленый Синий Оранжевый Розовый Серый Белый Черный Мульти

Ваш сайт на CMS Joomla? Добавьте его в галерею Joomfans!

Вы можете совершенно бесплатно добавить ваш веб-сайт в нашу галерею сайтов. Подробнее...

Галерея Добавить

ТЕМА: virtuemart 2 отображение цен, как сделать?

Re: virtuemart 2 отображение цен, как сделать? 4 года, 4 мес. назад #3283

Спасибо. Все получилось все работает. Очень благодарен.
Правда из-за незнания и кривых моих рук цвет кнопок получилось изменить только в файле joomla.css. Еще попутно изменился цвет некоторых кнопок и текста. Но так кажется даже милее.
и еще не удалось мне никак подвинуть кнопку наверх. чтобы она была ближе к строке выбора размера. Но думаю со временем разберусь!

hbfd8c58.jpg
  • freakjr
  • Вне сайта
  • Junior Boarder
  • Постов: 22
  • Репутация: 0

Re: virtuemart 2 отображение цен, как сделать? 4 года, 4 мес. назад #3284

К стилю кнопки примените margin-top: -15px, должно помочь вверх поднять. Значение 15 отредактируйте на свое усмотрение.
  • joomfans
  • Вне сайта
  • Administrator
  • smo,seo, design
  • Постов: 516
  • Репутация: 48
Adipiscing et ridiculus velit! Mauris, pellentesque duis integer sit non. Augue ac! Dolor tincidunt in etiam mus amet!

Re: virtuemart 2 отображение цен, как сделать? 4 года, 4 мес. назад #3285

я так же изменил расположение выпадающего списка.
цвет я менял как уже говорил в joomla.css
вот здесь, поменяв эту строку background: #56bfdc;
*/

button,
.button,
input.button,
span.button,
button.button,
div.button,
input[type="submit"],
input[type="button"],
.pagenav-prev a,
.pagenav-next a,
.readon,
#gkMainbody .itemReadMore,
#gkMainbody .readmore > a,
.pagination ul li a,
.pagination ul li span {
	-moz-border-radius: 2px;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-webkit-border-radius: 2px;
	-webkit-transition: all .3s ease-out;
	background: #56bfdc;
	border: none;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: 400;
	height: 36px;
	line-height: 36px;
	margin: 0 5px 2px 2px;
	padding: 0 15px;
	text-align: center;
	transition: all .3s ease-out
}


куда здесь лучше вставить margin-top:?
  • freakjr
  • Вне сайта
  • Junior Boarder
  • Постов: 22
  • Репутация: 0
Изменено: 4 года, 4 мес. назад от freakjr.

Re: virtuemart 2 отображение цен, как сделать? 4 года, 4 мес. назад #3286

После долгих стараний. и читаний. Я разобрался немного сам и подвинул эту кнопку. И цвет прописсал отдельно. Даже немного закруглил. Только вот вместе с ней изменилась кнопка в карточке товара. Да и + . лучше выглядеть стала. Только вот не смог я пододвинуть квадрат с количеством.

h5c2caab.jpg

Пробовал так же через margin-top. но она не сдвигается вверх. только на чуть чуть. В остальные стороны пляшет спокойно. Подскажите как поправить.
изменял вот в этой части: строка 1850 ,файл vm.css
input.quantity-input {
  color: #888;
  font-size: 12px;
  font-weight: 700!important;
  padding: 3px;
  text-align: center;
  width: 28px
}
  • freakjr
  • Вне сайта
  • Junior Boarder
  • Постов: 22
  • Репутация: 0

Re: virtuemart 2 отображение цен, как сделать? 4 года, 4 мес. назад #3287

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

Для применения стилей к кнопке в категории VM, достаточно просто добавить новый стиль именно для кнопки купить в категории, например в файл vm.css и далее уже украшать (цвет, форму), менять положение и пр. с помощью новых стилей:
.browse-view input.addtocart-button {
/* здесь любые ваши стили */
}


Чтобы поднять поле ввода количества на странице товара, пропишите в конце файла vm.css
div.productdetails-view span.quantity-box {
    margin-top: -25px; /* измените значение на свое усмотрение, чтобы было ровно по отношению к кнопке */
}
  • joomfans
  • Вне сайта
  • Administrator
  • smo,seo, design
  • Постов: 516
  • Репутация: 48
Adipiscing et ridiculus velit! Mauris, pellentesque duis integer sit non. Augue ac! Dolor tincidunt in etiam mus amet!

Re: virtuemart 2 отображение цен, как сделать? 4 года, 4 мес. назад #3288

Спасибо. все поправил!
  • freakjr
  • Вне сайта
  • Junior Boarder
  • Постов: 22
  • Репутация: 0
Время создания страницы: 0.43 секунд