Сообщений в теме: 55

[Vaccina]

Для увеличения изображений - необходимо изменить размер в настройках, а также изменить размер и в файле стилей main.css, а именно в классах

.goodsListItemBlock {
	background: none repeat scroll 0 0 #FFFFFF;
	cursor: pointer;
	height: 230px;
	margin: 5px;
	overflow: hidden;
}
.goodsListItemImage {
	display: table-cell;
	height: 100px;
	margin-top: 1em;
	vertical-align: middle;
	width: 260px;
}

в данных классах необходимо изменить свойства width и height, как для основного блока goodsListItemBlock, так и для блока с изображением .goodsListItemImage

[Eleneva]

Vaccina (31 Июль 2012 - 19:51) писал:

Попробуйте так же добавить display:table-cell вместе с vertical-align:middle

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

[Dars]

Eleneva (21 Апрель 2014 - 21:51) писал:

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

Какое конкретно изображение вы хотите выровнять?

[support 2.0]

Eleneva (21 Апрель 2014 - 21:51) писал:

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

возможно, Вы имели ввиду изображение девушки, для этого Вам нужно в main.css найти

background:url(girl.jpg) no-repeat fixed;

и заменить на

background:url(girl.jpg) no-repeat 0px -122px fixed;

если размеры нужно отрегулировать, изменяйте значение 122 в большую или меньшую сторону.

[Eleneva]

Нет

support 2.0 (21 Апрель 2014 - 23:29) писал:

возможно, Вы имели ввиду изображение девушки, для этого Вам нужно в main.css найти

background:url(girl.jpg) no-repeat fixed;

и заменить на

background:url(girl.jpg) no-repeat 0px -122px fixed;

если размеры нужно отрегулировать, изменяйте значение 122 в большую или меньшую сторону.

Нет, вопрос касается главного изображения товара в разделе "товар".
Сделать так, чтобы главное фото товара не прыгало при кликах на доп.фото у меня получилось по инструкции от Вакцины, осталось выровнять его по вертикали. Горизонтально ориентированные доп.фото при клике и становлении на место главного/основного прижимаются к верхнему краю, а нужно чтобы они были по центру.

[daria_dnk]

Eleneva (22 Апрель 2014 - 07:42) писал:

Нет
Нет, вопрос касается главного изображения товара в разделе "товар".
Сделать так, чтобы главное фото товара не прыгало при кликах на доп.фото у меня получилось по инструкции от Вакцины, осталось выровнять его по вертикали. Горизонтально ориентированные доп.фото при клике и становлении на место главного/основного прижимаются к верхнему краю, а нужно чтобы они были по центру.

Здравствуйте!
Поскольку у вас установлена фиксированная высота блока с фото (400px)(очевидно Вы сделали это чтобы главное фото не прыгало при кликах на доп.фото), отцентрировать вертикально ориентированные изображения не получится.

[Eleneva]

daria_dnk (22 Апрель 2014 - 21:30) писал:

Здравствуйте!
Поскольку у вас установлена фиксированная высота блока с фото (400px)(очевидно Вы сделали это чтобы главное фото не прыгало при кликах на доп.фото), отцентрировать вертикально ориентированные изображения не получится.

Хорошо, как можно сделать если я уберу фиксированную вертикальную высоту?

[Vaccina]

Какие изменения вы делали в файле main.js (у вас в консоли выявляются ошибки и перестало работать переключение фото)?
Чтобы зафиксировать фото и отцентровать по вертикали в main.css найдите:

.goodsDataMainImage {
	height: 400px;
	padding: 2px;
	text-align: center;
	width: 400px;
}

замените на:

.goodsDataMainImage {
	height: 400px;
	padding: 2px;
	text-align: center;
	width: 400px;
}
.goodsDataMainImage a {
	display: table-cell;
	height: 400px;
	width: 400px;
	vertical-align: middle;
}

после данных изменений, главное фото всегда будет по центру по вертикали

[Eleneva]

Vaccina (23 Апрель 2014 - 03:03) писал:

Какие изменения вы делали в файле main.js (у вас в консоли выявляются ошибки и перестало работать переключение фото)?
Чтобы зафиксировать фото и отцентровать по вертикали в main.css найдите:

.goodsDataMainImage {
height: 400px;
padding: 2px;
text-align: center;
width: 400px;
}

замените на:

.goodsDataMainImage {
height: 400px;
padding: 2px;
text-align: center;
width: 400px;
}
.goodsDataMainImage a {
display: table-cell;
height: 400px;
width: 400px;
vertical-align: middle;
}

после данных изменений, главное фото всегда будет по центру по вертикали

Приведенный выше код не помог. После подключения cloud-zoom изображения прижались к левому краю и только вот этот код .cloud-zoom img {  margin: 0 auto;  vertical-align:middle;}  смог их отцентрировать горизонтально но не вертикально.
По поводу ошибок посмотрела, они действительно есть, приложено фото. Первые две строчки выдаются даже если я восстанавливаю оригинальный дизайн из галереи, 404 ошибка о файлах которых нет но они прописаны в классах. Заблокировано клиентом относится к "плюсо", если я удаляю полностью его код из "товара" то она не выдается, не знаю как с этой ошибкой быть но плюсо работает. Оставшиеся строчки про консультсистем и каталог не представляю что означают, но строчка про каталог вылазит после наведения на доп.фото (с ним связаны изменения: смена выведения доп фото на главное с клика на просто наведение (убирала, эффекта ноль), также в cloud-zoom.1.0.2.js. я убирала строчку "loading" (попробовала восстановить её как было, результата ноль), не помню чтоб трогала forall.js там всё должно быть в оригинале)

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

• 

[Сake]

У вас как я понимаю используется тема "Мокко". В данной теме оформления нет файла forall.js. По всей вероятности вы подключили его для каких-то целей. Проблема в том что в файле содержится ошибка из-за кодировки файла. Попробуйте заменить ваш файл forall.js следующим файлом (производите замену путем удаления и загрузки файла, а не изменения содержимого).  forall.js.zip   94,93К   56 Количество загрузок:

[vanyushka]

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

[Alexey11]

ipodushkin (11 Май 2014 - 16:59) писал:

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

Добавьте данный блок кода в шаблон main.css

.goodsDataFormSubmitButton input{border-radius:0!important;}

[vanyushka]

Alexey11 (12 Май 2014 - 08:21) писал:

Добавьте данный блок кода в шаблон main.css

.goodsDataFormSubmitButton input{border-radius:0!important;}

Спасибо!
А как сделать таким же все остальное? (изменилась только кнопка добавить в корзину).

[Dars]

ipodushkin (12 Май 2014 - 11:16) писал:

Спасибо!
А как сделать таким же все остальное? (изменилась только кнопка добавить в корзину).

В main.css найдите и удалите строку:

.cornerAll				  {-moz-border-radius:5px;-webkit-border-radius:5px;}

[vanyushka]

Dars (12 Май 2014 - 13:21) писал:

В main.css найдите и удалите строку:

.cornerAll				 {-moz-border-radius:5px;-webkit-border-radius:5px;}

Спасибо!

Еще кто будет также делать надо дополнительно удалить под .cornerAll такой код:

input.cornerAll, textarea.cornerAll			 {border:1px solid #cccccc;}

[Dars]

ipodushkin (12 Май 2014 - 13:40) писал:

Спасибо!
А как сделать таким же все остальное? (изменилась рамка только в каталоге).
Мне нужна еще прямоугольная таблица свойств товара (в карточке товара), также рамки похожих товаров.
Также рамки фотографий товара (в карточке товара), как одно большое фото с рамкой, так и маленькие под ним.
Также рамки товаров на главной странице и товаров которые "могут вас заинтересовать" (не помню как точно называется рубрика, но показывается под товаром у которого нет похожих товаров).
Во всех пунктах выше речь идет о рамках.

p.s. удалил как вы и сказали .cornerAll. при первичном просмотре рамки были с углами как надо, а сейчас все опять с округленными.

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