Всех хотят убрать, а мне надо изменить положение кнопки "в сравнение"

ukbg · 29 січня 2016

Здрасте, хелпаните пожалуйста.... Везде пишут как убрать вкладки в сравнение и прочее... Меня же интересует обратный процесс, но не убрать или вернуть, а сменить местополжение "В закладки" с отображением числа товаров добавленных. У меня она как бы есть, но не там где хочется, а туда где хочется, не хочет работать правильно... Мож кто че вкурсе, как перенести например в топ(верх страницы(от меню чуть выше)) ВОТ!) ПОМОГАЙТЕ, ЛЮДИ ДОБРЫЕ!)

ukbg · 29 січня 2016

И да, чтобы она еще функционировала как надо!) То есть показывала количество товаров добавленных "в сравнение"...)

hoolygan · 29 січня 2016

Через JQuerry пробуй, должно помочь.

https://www.google.com.ua/search?q=jquery+%D1%81%D0%B5%D0%BB%D0%B5%D0%BA%D1%82%D0%BE%D1%80%D1%8B%2B%D0%BF%D0%B5%D1%80%D0%B5%D0%BC%D0%B5%D1%89%D0%B5%D0%BD%D0%B8%D0%B5&ie=utf-8&oe=utf-8&gws_rd=cr&ei=-narVoKiEYfmywOSgqSABw

mazein · 29 січня 2016

Если переносить в пределах product.tpl, то всё должно работать, главное с умом подойти.

ukbg · 29 січня 2016

Не, мне знаете куда надо, наверх, чтобы на всех страницах была, вот где корзина, только в центре...) В менюхе грубо говоря...)

ukbg · 29 січня 2016

Спасибо большущеее!)))) Прям как надо сделал!) А то я чет затупил совсем!) Еще раз спасибо!)

ukbg · 30 січня 2016

простите за наглость, а как сделать желтый?

Ну то есть я знаю как цвета менять, просто не получается, не могу найти где изменить цвет в css//((( Пробовал color вставлять в перемешку, но чте ничего не получилось.. при наведении сирано синий получается!

Змінено 30 січня 2016 користувачем ukbg

ukbg · 31 січня 2016

Чет не получается, прям не допетриваю как, вставляю но ничего не меняется, при наведении как был синий, так синим и остается...

Вот код css менюшки, целиком.

/* menu */

#menu {
	display: table-cell;
	vertical-align: middle;
	width: 100%
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	background-image: url(.../image/menu.png);
    border-radius: 9px;
    float: right;
}
#menu > ul > li {
	position: relative;
	display: inline-block;
	padding: 6px 0px 6px 14px;
}
#menu > ul > li > a {
	font-size: 16px;
	color: #fff;
	font-family: Calibri;
	font-weight: 400;
	line-height: 14px;
	text-decoration: none;
	display: block;
	padding: 5px 10px 0px 0px;
	margin-bottom: 5px;
	position: relative;
	text-transform: uppercase;
    font-weight: 600;
}
#menu > ul > li > a:hover {
    color: #f4c430;  
    }

#menu > ul > li > a > span {
	background-color: #22B699;
	opacity: 0;
	display: block;
	height: 12px;
	left: 50%;
	margin: 0px 0px 0px -8px;
	position: absolute;
	top: 34px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 12px;
}
#menu > ul > li:hover span {
	opacity: 1;
}
#menu > ul > li:hover a {
	color: #22B699;
}
#menu > ul > li:hover a.active {
	border-bottom: 1px solid #fff;
}
#menu > ul > li > a:hover {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	color: #22B699;
}
#menu > ul > li > a.active {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #22B699;
	color: #22B699;
}
#menu > ul > li.active a {
	border-bottom: 1px solid #22B699;
	color: #22B699;
}
#menu > ul > li.active a:hover {
	border-bottom: 1px solid #fff;
}
#menu > ul > li > a.active:hover {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	color: #22B699;
}
#menu > ul > li > div {
	display: none;
	background: #FFFFFF;
	position: absolute;
	z-index: 61;
	padding: 5px 5px 0px;
	border-bottom: 3px solid #f5f5f5;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	background: #fff;
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	border-top: 3px solid #22B699;
	top: 45px;
}
#menu > ul > li:hover > div {
	display: table;
}
#menu > ul > li > div > ul {
	display: table-cell;
}
#menu > ul > li > div > ul > li{
	text-align: left;
}
#menu > ul > li > div > ul > li + li {
	border-top: 1px solid #EEEEEE;
}
#menu > ul > li ul + ul {
	padding-left: 20px;
}
#menu > ul > li ul > li > a {
	text-decoration: none;
	padding: 8px;
	color: #FFFFFF;
	display: block;
	white-space: nowrap;
	min-width: 120px;
}
#menu > ul > li > div > ul > li > a img {
	vertical-align:middle;
	margin-right:5px;
	max-width: 30px;
}
#menu > ul > li > div > ul > li > a:hover {
	color: #22B699 !important;
	background: #fcfcfc;
}
#menu > ul > li > div > ul > li > a .kolvo{
	opacity: 0;
	vertical-align:super;
	font-size:0.8em;
	margin-left: 2px;
}
#menu > ul > li > div > ul > li > a:hover .kolvo{
	opacity: 1;
	color: #404040;
	text-shadow: 0px 1px 0px #ccc;
	-moz-transition: all 0.2s ease;
  	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease;
	-MS-transition: all 0.2s ease;
}
#menu > ul > li > div > ul > li > a {
	color: #333 !important;

Где тут че надо вставить!?, чтобы при наведении желтеньким стал!?

Змінено 31 січня 2016 користувачем ukbg

ukbg · 1 лютого 2016

Pascha смотри принцип, у меня есть тип установки шрифтов цвета всего сайта(соответственно есть элемент отвечающий за все цвета ссылок при наведении), в нем и проблема, так как он раскидывает цвет ссылок сайта при наведении, на все шрифты... А мне надо зажать желтый цвет в коде, чтобы относительно всего сайта, только этот элемент изменился и только при наведении показывал желтый цвет. как на картинке...

З.Ы. К сожалению пока не могу показать сайт...(

ukbg · 1 лютого 2016

насрать на этот принцип, есть css и !important, и еще куча примочек чтоб обойти менеджер настроек...

но без пациента- гадание на кофейной гуще, и тут я вряд ли смогу сказать что то путнее, кроме как указать направление куда копать

а адрес сайта не выпрашиваю, нет- значит нет, у каждого свои причины, мне паралельно...

Вот и я о том же, должен быть момент куда воткнуть в css код в меню, чтобы он обошел стандартный манагер настроек, чтобы ссылка в обход основных настроек была желтого цвета. вот как "z-index:" с элементами, так же и тут можно, ну или что-то подобное... Хоть подскажи куда копать...)

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

Но буду безумно рад любой помощи...)

hoolygan · 1 лютого 2016

Учитываем еще и порядок следования css файлов. Может файл стилей последующий перекрывает предыдущие Ваши изменения. Воспользуйтесь firebug, посмотрите какие css идут последними в отображении элемента, измените, используя псевдокласс child, потом допишите либо в последний файл, либо напрямую в header.tpl

ukbg · 1 лютого 2016

Чет у меня поудобней будет...) Я все просмотрел, везде потыкал, всюду по вставлял, ранее(наглядно поэкспериментировал почти со всем)... Но все равно одно и то же, не могу понять, где именно меняется... Либо альтернатива, может привязать к элементу либо воткнуть куда нить ограничивающий код(но какой?), чтобы он действовал в обход основного стиля и на одном только элементе(этой менюшки).

Или я не там что смотрю....????!!!!

Змінено 1 лютого 2016 користувачем ukbg

hoolygan · 2 лютого 2016

А теперь еще раз пересматриваем файл header.tpl

В большинстве платных шаблонов там есть большооой такой блок стилей (которые с админки подтягиваются), да и в том файле css есть повторяющиеся элементы.

2. Вы показали в скрине свойства БЕЗ :hover А сделайте туда "подвод мышки" - и дальше уже принт-скрин.

Тогда разница заметна будет, и легче разобраться.

hoolygan · 2 лютого 2016

А теперь еще раз пересматриваем файл header.tpl

В большинстве платных шаблонов там есть большооой такой блок стилей (которые с админки подтягиваются), да и в том файле css есть повторяющиеся элементы.

2. Вы показали в скрине свойства БЕЗ :hover А сделайте туда "подвод мышки" - и дальше уже принт-скрин.

Тогда разница заметна будет, и легче разобраться.

#menu > ul > li > a:hover {
color: #f4c430;
}



#menu > ul > li > a:hover {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    color: #22B699;
}

Вот это с Вашего файлика. Кинулось сразу в глаза

Зачем 2 раза повторять в 1-ом файле? Что-то намутили сильно.

Боюсь, что дальше тоже может быть такое..

ukbg · 2 лютого 2016

Все разобрался где че, но теперь след вопрос, где находиться inline таблица стилей!?))) Чет раньше помнил где и че, а тут прям найти не могу, в файлах, где она обычно находиться!?)

Все оказалось куда проще чем я мог себе представить!)

hoolygan · 2 лютого 2016

где находиться inline таблица стилей!?)))

Прямо в файле шаблона (.tpl) сразу с элементом стоит блок style="тут стили" - это они и есть

ukbg · 2 лютого 2016

Ваще огонь!)))) Спасибо!))) Все сделал!)))) Тупо в header.tpl, вот тут:

#menu > ul > li:hover a {color: #fde910;}
#menu > ul > li > a:hover {color: #ffff33;}

Изменения надо было внести!)))

Кстати, че случайно заметил, но потом потерял(но найду если надо), нашел пока лазил по файлам стилей, вот это опасно нет!?

hoolygan · 2 лютого 2016

:-D

http://metabar.ru/

ukbg · 2 лютого 2016

Ааа, то есть это тупо та хрень которая постоянно вылезает, показывая где дешевле купить болгарку, если ты на сайте болгарок?!? Ничего страшного получается????)

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

Pascha спасибо за СРАВНЕНИЯ ТОВАРОВ

hoolygan спасибо за МЕНЮШКУ

Все стало супер... Счастья вам, товарищи!)

Змінено 2 лютого 2016 користувачем ukbg

Вхід

Всех хотят убрать, а мне надо изменить положение кнопки "в сравнение"

Recommended Posts

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Important Information