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


Выравнивание Товара

Выравнивание

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

#1 Дмитрий063

Дмитрий063

    Новичок

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

Отправлено 02 Октябрь 2013 - 13:20

Здравствуйте! подскажите как выровнить ячейки товара, чтобы получись как в теме http://forum.storela...0-выравнивание/, но я начал как там написано, и у меня получились слишком растянутые ячейки и маленькое изображение равнялось по левому краю, при этом нижние края остаються невровень?
P.S. прикрепляю картинку и отметл красным

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

  • s1.jpg


#2 Vaccina

Vaccina

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

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

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

Попробуйте добавить в ваш файл стилей style.css следующий класс

.items.masonry-brick figure > div {
	height: 200px !important;
	overflow: hidden;
}


#3 Дмитрий063

Дмитрий063

    Новичок

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

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

Спасибо, но исправилась только высота,
1)маленькое изображение равнялось по левому краю,
2)нижние края остаються невровень

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

  • s2.jpg


#4 Vaccina

Vaccina

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

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

Отправлено 04 Октябрь 2013 - 02:29

Попробуйте сделать следующее - в файле стилей main.css найдите и удалите класс

figure img {
	display: block;
}

далее найдите

.containers .items, .containers2 .items {
	display: inline-block;
	float: none !important;
	vertical-align: top;
	width: 170px !important;
}

и замените на

.containers .items, .containers2 .items {
	display: inline-block;
	float: none !important;
	height: 335px;
	vertical-align: top;
	width: 170px !important;
}


#5 Дмитрий063

Дмитрий063

    Новичок

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

Отправлено 04 Октябрь 2013 - 13:52

Ок Спасибо, а как теперь кнопку заказать сделать так, чтобы она находилась в низу на одном расстоянии и вместе с ней цена с описанием.

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

  • s3.jpg


#6 empty9228

empty9228

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

  • Модератоpы
  • 618 сообщений

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

Здравствуйте! для того что бы это сделать в админке своего магазина зайдите сайт - редактор шаблонов - main.css, в коде это файла в самом конце вставьте

.containers2 .buy-item {
position: absolute;
bottom: 5px;
}
.containers2 .rating {
position: absolute;
bottom: 50px;
}
.containers2 .price {
position: absolute;
bottom: 82px;
}
.containers2 h3 {
position: absolute;
top: 55%;
width: inherit;
}


#7 Дмитрий063

Дмитрий063

    Новичок

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

Отправлено 08 Октябрь 2013 - 21:13

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

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

  • s4.jpg


#8 Vaccina

Vaccina

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

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

Отправлено 09 Октябрь 2013 - 04:46

В файле style.css найдите:
.bg {
	background: url("http://design.stilnye-shtuchki.ru/tiffany_fon1.jpg") no-repeat center top;
}

no-repeat замените на repeat. Ищите по классу .bg

#9 Дмитрий063

Дмитрий063

    Новичок

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

Отправлено 09 Октябрь 2013 - 10:59

Спасибо) А как сделать так чтобы когда заходишь на страничку заказа вкладка была открыта описание а не отзывы?

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

  • s5.jpg


#10 empty9228

empty9228

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

  • Модератоpы
  • 618 сообщений

Отправлено 09 Октябрь 2013 - 11:22

Здравствуйте!
В админке магазина во вкладке Сайт-редактор шаблонов нужно найти файл ТОВАР
далее найти в нем код

<!-- Если подключен модуль отзывов о товарах -->
		  {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
			<li><a href="javascript:tabSwitch(4);" id="tab_4" class="active">Отзывы</a></li>
		  {% ENDIF %}
		</ul>

и в этом коде в строке

<li><a href="javascript:tabSwitch(4);" id="tab_4" class="active">Отзывы</a></li>

удалить class="active"

#11 Дмитрий063

Дмитрий063

    Новичок

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

Отправлено 06 Ноябрь 2013 - 22:06

И ещё раз добрый вечре ещё несколько вопросов
1) как помять размеры шрифта во времени когда магазин работает
2)как поменять цвет не активной карзины
3) как изменить высоту подвала

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

  • 555555.jpg


#12 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 07 Ноябрь 2013 - 02:14

1. Найдите в файле стилей style.css

.contacts {
	float: left;
	position: relative;
}

и замените на

.contacts {
	float: left;
	font-size: 16px;
	position: relative;
}

2. Найдите в файле стилей

.summary a {
	background: #D4D4D4;
	color: #FFE4AB;
	display: block;
	padding: 1.75em 1em 1.5em;
	position: absolute;
	right: 0;
	text-align: center;
	top: -4.2em;
	width: 13.333em;
}

и измените цвет #FFE4AB

3. Найдите в файле стилей

footer {
	background: #404040;
	clear: both;
	color: #E6E4DA;
	overflow: hidden;
	padding: 1.5em 0;
	width: 100%;
}

и замените на

footer {
	background: #404040;
	clear: both;
	color: #E6E4DA;
	overflow: hidden;
	width: 100%;
}

далее найдите


.networks {
	border-top: 1px solid #404041;
	clear: both;
	padding-top: 2em;
}

и замените на

.networks {
	border-top: 1px solid #404041;
	clear: both;
}


#13 SDV

SDV

    Пользователь

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

Отправлено 21 Январь 2014 - 14:31

Все получилось вроде с 10го раза :) Как уменьшить высоту карточки? http://stocktoys.storeland.ru/
Спасибо...

#14 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 21 Январь 2014 - 18:53

Просмотр сообщенияSDV (21 Январь 2014 - 14:31) писал:

Все получилось вроде с 10го раза :) Как уменьшить высоту карточки? http://stocktoys.storeland.ru/
Спасибо...
В шаблоне style.css найдите данный блок кода:

.containers .items, .containers2 .items {display: inline-block; float: none !important; *display: inline; vertical-align: top;  width:170px !important; position: relative; height: 465px;}

просто измените параметр height:465px;  установите скажем 350px

#15 SDV

SDV

    Пользователь

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

Отправлено 21 Январь 2014 - 20:53

Спасибо! Все получилось...





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

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