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

[Vaccina]

У вас из данной инструкции:
http://forum.storela...то/#entry152422

различается только один блок, в вашем случае используется:

.fullimg {
display: block;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5% 2%;
min-height: 300px;
max-height: 345px;
/* border: 1px solid #ECF0F1; */
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: white;
}

в него необходимо добавить float: left;

Остальное все по инструкции, так как совпадения у вас имеются, ищите блоки по первым строкам через Ctrl+F

[Oksana88]

Если следовать инструкции, то исчезает главное фото и дополнительные фотографии расположены слева, а не справа и обрезаны. И еще на главной странице поехали слайды

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

• 

[Ирина345]

Oksana88 (25 Апрель 2015 - 15:21) писал:

Если следовать инструкции, то исчезает главное фото и дополнительные фотографии расположены слева, а не справа и обрезаны. И еще на главной странице поехали слайды

Здравствуйте, выполните инструкцию полностью из сообщения 4 данной темы форума и не отменяйте изменения.

[Oksana88]

Выполнила, жду рекомендаций)

[Vaccina]

В main.css найдите:

.fullimg {
  background: #fff;
  border-radius: 6px;
  box-sizing: border-box;
  display: block;
  float: left;
  max-height: 300px;
  min-height: 300px;
  overflow: hidden;
  padding: 3% 2%;
  width: 50%;
}

замените на:

.fullimg {
  background:  #fff;
  border-radius: 6px;
  box-sizing: border-box;
  display: block;
  float: left;
  max-height: 300px;
  min-height: 300px;
  overflow: hidden;
  padding: 3% 2%;
  width: 65%;
}

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

.fullimg .owl-carousel .owl-item {
 
}

замените на:

.fullimg .owl-carousel .owl-item {
  display: inline-block;
  float: left;
  width: 185px !important;
}
.item.js-zoom-gallery {
  width: auto !important;
}

.fullimg .owl-wrapper-outer {
  overflow: hidden;
  padding: 0 15px;
  width: auto;
}

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

#owl-carusel .item {
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  height: 37px;
  margin: 10px 8px;
  padding: 0;
  text-align: center;
}

замените на:

#owl-carusel .item {
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  margin: 10px 8px;
  padding: 0;
  text-align: center;
}

[Oksana88]

Выполнила, кроме последнего пункта.
нет этого текста
#owl-carusel .item {
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  height: 37px;
  margin: 10px 8px;
  padding: 0;
  text-align: center;
}
есть такой:
#owl-carusel .item {
    display: inline-block;
    margin: 10px 8px 10px 8px;
    padding: 0px 0px;
    /* width: 75px; */
    height: 37px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    text-align: center;
}
убрала из него:
height: 37px;

Что нужно делать дальше?

[Cupuyc]

Oksana88 (30 Апрель 2015 - 15:09) писал:

Выполнила, кроме последнего пункта.
нет этого текста
#owl-carusel .item {
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  height: 37px;
  margin: 10px 8px;
  padding: 0;
  text-align: center;
}
есть такой:
#owl-carusel .item {
display: inline-block;
margin: 10px 8px 10px 8px;
padding: 0px 0px;
/* width: 75px; */
height: 37px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #FFF;
text-align: center;
}
убрала из него:
height: 37px;

Что нужно делать дальше?

Здравствуйте, пожалуйста уточните что именно вы хотите изменить в данный момент?

[Oksana88]

Здравствуйте,
1. Увеличить размер центральной фотографии и сделать вывод одной фотографии, т.к сейчас видно фото и часть второго фото;
2. После внесенных изменений фотография стала не четкая;
3. Показывать три дополнительные фотографии и сделать кнопки, перелистнуть фотографию, если фотографий больше трех;
После внесенных изменений на странице http://mixoks.ru/ слайды стали отображаться столбиком, раньше был один слайд при нажатии кнопок (стрелочек) отображался следующий слайд

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

• 
• 

[Oksana88]

Мне кто-нибудь ответит?

[Oksana88]

Cupuyc (30 Апрель 2015 - 15:12) писал:

Здравствуйте, пожалуйста уточните что именно вы хотите изменить в данный момент?

Здравствуйте, как сделать?
1. Увеличить размер центральной фотографии и сделать вывод одной фотографии, т.к сейчас видно фото и часть второго фото;
2. После внесенных изменений фотография стала не четкая;
3. Показывать три дополнительные фотографии и сделать кнопки, перелистнуть фотографию, если фотографий больше трех;
После внесенных изменений на странице http://mixoks.ru/ слайды стали отображаться столбиком, раньше был один слайд при нажатии кнопок (стрелочек) отображался следующий слайд

[Nikolay JV]

Alekseys (28 Январь 2015 - 14:31) писал:

В main.css добавьте

#views_block .owl-item {
width: 130px!important;
}

Добрый день.
Тоже проделал
#13

#15

фото вытянулись с искажением и часть фото осталось за рамкой. Помогите исправить.
1. Увеличить саму рамку доп. фотографий.
2. удалить слово "другие фото.
3. Убрать белую рамку вокруг основного фото (для наглядности затемнил фон) http://st.storeland....9/1886/345/.png

[Vaccina]

В main.css найдите:

#views_block {
	position: relative;
	max-width: 420px;
	border: 1px solid #ECF0F1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #ffffff;
}

замените на:

#views_block {
	position: relative;
	max-width: 420px;
	border: 2px solid #ECF0F1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #ffffff;
}

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

.allphoto .title {
	padding-bottom: 5px;
}

замените на:

.allphoto .title {
	padding-bottom: 5px;
	display: none;
}

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

.fullimg {
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5% 2%;
	min-height: 300px;
	max-height: 345px;
	border: 1px solid #ECF0F1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: white;
}

замените на:

.fullimg {
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5% 2%;
	min-height: 300px;
	max-height: 345px;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: white;
}

[Nikolay JV]

Vaccina (24 Май 2016 - 05:47) писал:

В main.css найдите:

#views_block {
position: relative;
max-width: 420px;
border: 1px solid #ECF0F1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #ffffff;
}

замените на:

#views_block {
position: relative;
max-width: 420px;
border: 2px solid #ECF0F1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #ffffff;
}

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

.allphoto .title {
padding-bottom: 5px;
}

замените на:

.allphoto .title {
padding-bottom: 5px;
display: none;
}

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

.fullimg {
display: block;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5% 2%;
min-height: 300px;
max-height: 345px;
border: 1px solid #ECF0F1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: white;
}

замените на:

.fullimg {
display: block;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5% 2%;
min-height: 300px;
max-height: 345px;
border: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: white;
}

Добрый день.
белый фон под фото не исчез, помогите пож. его убрать, так чтобы под фото был только фон background.http://st.storeland.net/6/1886/531/.png

[Юля123]

Nikolay JV (24 Май 2016 - 09:20) писал:

Добрый день.
белый фон под фото не исчез, помогите пож. его убрать, так чтобы под фото был только фон background.http://st.storeland.net/6/1886/531/.png

Здравствуйте, в main.css найдите код:

.goodlistmain {
	position: relative;
	display: block;
	float: left;
	margin: 2px 0px 2px 0px;
	padding: 0;
	width: 99.7%;
	border: 1px solid #B6CCC2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: white;
}

и замените на код:

.goodlistmain {
	position: relative;
	display: block;
	float: left;
	margin: 2px 0px 2px 0px;
	padding: 0;
	width: 99.7%;
	border: 1px solid #B6CCC2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

[Nikolay JV]

Юля123 (24 Май 2016 - 09:28) писал:

Здравствуйте, в main.css найдите код:

.goodlistmain {
position: relative;
display: block;
float: left;
margin: 2px 0px 2px 0px;
padding: 0;
width: 99.7%;
border: 1px solid #B6CCC2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: white;
}

и замените на код:

.goodlistmain {
position: relative;
display: block;
float: left;
margin: 2px 0px 2px 0px;
padding: 0;
width: 99.7%;
border: 1px solid #B6CCC2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

ничего не поменялось.

[Юля123]

Nikolay JV (24 Май 2016 - 09:53) писал:

ничего не поменялось.

Цвет товара изменился, был белый, сейчас такой:




Уточните, какой должен быть.

[Nikolay JV]

Юля123 (24 Май 2016 - 09:58) писал:

Цвет товара изменился, был белый, сейчас такой:

QIP Shot - Screen 349.png


Уточните, какой должен быть.

Я не про каталог говорил а про карточку товара )) (скрин приложен)

[Юля123]

Nikolay JV (24 Май 2016 - 10:02) писал:

Я не про каталог говорил а про карточку товара )) (скрин приложен)

Для карточки товара код:

.fullimg {
		display: block;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 5% 2%;
		min-height: 300px;
		max-height: 345px;
		border: none;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		background: white;
}

У свойства background изменяйте значение на нужное Вам.

[Nikolay JV]

Юля123 (24 Май 2016 - 10:44) писал:

Для карточки товара код:

.fullimg {
	 display: block;
	 overflow: hidden;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 padding: 5% 2%;
	 min-height: 300px;
	 max-height: 345px;
	 border: none;
	 -webkit-border-radius: 2px;
	 -moz-border-radius: 2px;
	 border-radius: 2px;
	 background: white;
}

У свойства background изменяйте значение на нужное Вам.

Благодарю.
помогите пож. с дополнительными фото. они искажены и срезаны снизу. еще не отображается 4ое фото http://chay.storelan...j-Hao-In-Chzhen

[Юля123]

Nikolay JV (24 Май 2016 - 11:29) писал:

Благодарю.
помогите пож. с дополнительными фото. они искажены и срезаны снизу. еще не отображается 4ое фото

Попробуйте удалить из main.css код:

#views_block .item img {
height: 100px;
}

и код:

#views_block .owl-item {width: 130px!important;}

замените на код:

#views_block .owl-item {width: 90px !important;}