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

[dizel1990]

Здравствуйте. Подскажите пожалуйста, как сделать масштаб изображения больше.
А, то плохо видно.

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

• 

[mikola]

dizel1990 (11 Апрель 2013 - 21:44) писал:

Здравствуйте. Подскажите пожалуйста, как сделать масштаб изображения больше.
А, то плохо видно.

Для изменения :
заходим в панель управления (бэкофис)-настройки-основные -далее выбираем Изображения товаров(для изменения размера товаров на сайте) так же изменения разрешения ( Изображений категорий)

[dizel1990]

Mikola (11 Апрель 2013 - 21:53) писал:

Для изменения :
заходим в панель управления (бэкофис)-настройки-основные -далее выбираем Изображения товаров(для изменения размера товаров на сайте) так же изменения разрешения ( Изображений категорий)

Спасибо.
А можно, чтобы изображений в ряд было 4, а не 3. Можно данный момент реализовать?

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

• 

[Сake]

Найдите в вашем шаблоне "Товары" строку

is_divided("3","</tr><tr>","")

и замените её на

is_divided("4","</tr><tr>","")

[dizel1990]

Сake (12 Апрель 2013 - 02:41) писал:

Найдите в вашем шаблоне "Товары" строку

is_divided("3","</tr><tr>","")

и замените её на

is_divided("4","</tr><tr>","")

Спасибо, но не помогло. Есть ещё варианты?

А можно, чтобы изображений в ряд было 4, а не 3. Можно данный момент реализовать?
Прикрепленные изображения

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

• 

[mikola]

Цитата

Спасибо, но не помогло. Есть ещё варианты?

А можно, чтобы изображений в ряд было 4, а не 3. Можно данный момент реализовать?
Прикрепленные изображения

Для изменения кол-во товаров в ряд - найдите в шаблоне "Товары" строку

is_divided("3"

и замените её на

is_divided("4"

далее вам необходимо будет уменьшить размер блоков в классе

.goodsListItem {
		overflow: hidden;
		padding: 0;
		text-align: center;
		vertical-align: top;
		width: 195px;
}

далее класс

.goodsListItemBlock {
		height: 300px;
		margin: 5px;
		overflow: hidden;
		width: 210px;
}

в данных классах вам необходимо уменьшить значение свойства width. Размер шрифта именования товара вы можете изменить в классе

.goodsListItemName a {
		font-size: 16px;
		font-weight: normal;
		line-height: 18px;
		margin: 0;
		padding: 0;
}

[dizel1990]

Mikola (12 Апрель 2013 - 20:54) писал:

Для изменения кол-во товаров в ряд - найдите в шаблоне "Товары" строку

is_divided("3"

и замените её на

is_divided("4"

далее вам необходимо будет уменьшить размер блоков в классе

.goodsListItem {
	 overflow: hidden;
	 padding: 0;
	 text-align: center;
	 vertical-align: top;
	 width: 195px;
}

далее класс

.goodsListItemBlock {
	 height: 300px;
	 margin: 5px;
	 overflow: hidden;
	 width: 210px;
}

в данных классах вам необходимо уменьшить значение свойства width. Размер шрифта именования товара вы можете изменить в классе

.goodsListItemName a {
	 font-size: 16px;
	 font-weight: normal;
	 line-height: 18px;
	 margin: 0;
	 padding: 0;
}

Ничего не меняется вообще. Есть ещё идеи?

[Vaccina]

Найдите в вашем шаблоне "HTML" или "Страница" или "Товар" следующую строку

<td style="vertical-align: top; ">
   <div style="margin-right: 40px;">

и замените её на

<td style="vertical-align: top; ">
   <div>

далее в файле стилей main.css найдите

.content_catalog_nested_categories li {
	background: none repeat scroll 0 0 transparent !important;
	float: left;
	height: 150px;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 1em;
	text-align: center;
	width: 135px;
}

и замените на

.content_catalog_nested_categories li {
	background: none repeat scroll 0 0 transparent !important;
	float: left;
	height: 150px;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 1em;
	text-align: center;
	width: 125px;
}

[dizel1990]

Vaccina (13 Апрель 2013 - 04:18) писал:

Найдите в вашем шаблоне "HTML" или "Страница" или "Товар" следующую строку

<td style="vertical-align: top; ">
<div style="margin-right: 40px;">

и замените её на

<td style="vertical-align: top; ">
<div>

далее в файле стилей main.css найдите

.content_catalog_nested_categories li {
background: none repeat scroll 0 0 transparent !important;
float: left;
height: 150px;
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 1em;
text-align: center;
width: 135px;
}

и замените на

.content_catalog_nested_categories li {
background: none repeat scroll 0 0 transparent !important;
float: left;
height: 150px;
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 1em;
text-align: center;
width: 125px;
}

спасибо помогли.

[dizel1990]

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

И как сделать текст во всю страницу, а то справа опять пустота образовывается? Как убрать данную пустоту?
Пример приложил.

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

• 
• 

Сообщение отредактировал dizel1990: 18 Апрель 2013 - 23:17

[Vaccina]

Вам необходимо в файле стилей main.css найти

.pad-box {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	max-width: 650px;
}

и заменить на

.pad-box {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

[dizel1990]

Vaccina (19 Апрель 2013 - 04:18) писал:

Вам необходимо в файле стилей main.css найти

.pad-box {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
max-width: 650px;
}

и заменить на

.pad-box {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
}

Спасибо. Помогли.Но возникли другие вопросы.1) По изображению опять, появились аналогичные проблемы внутри разделов (непосредственно, где лежит товар), как здесь избавится от белового места? Либо сделать между изображениями место больше, либо воткнуть ещё одно изображение. Подскажите где это меняется?.
2) Непосредственно вкладка, когда уже можно купить товар, тоже белое место нужно убрать. Сдвинуть изображение вправо или растянуть. Как это сделать?

3) И во вкладке гарантии, доставки, текст как был так и остался. Большое белое не заполненное пространство. Как избавиться от белого пространства?

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

• 
• 
• 

[miyako]

dizel1990 (19 Апрель 2013 - 11:16) писал:

Спасибо. Помогли.Но возникли другие вопросы.1) По изображению опять, появились аналогичные проблемы внутри разделов (непосредственно, где лежит товар), как здесь избавится от белового места? Либо сделать между изображениями место больше, либо воткнуть ещё одно изображение. Подскажите где это меняется?.
2) Непосредственно вкладка, когда уже можно купить товар, тоже белое место нужно убрать. Сдвинуть изображение вправо или растянуть. Как это сделать?

3) И во вкладке гарантии, доставки, текст как был так и остался. Большое белое не заполненное пространство. Как избавиться от белого пространства?

Найдите код в main.css:

.listing .contm {
position: relative;
display: inline;
float: left;
width: 435px;
}

и замените на:

.listing .contm {
position: relative;
display: inline;
float: left;
width: 635px;
}

Найдите код:

.htmlDataBlock {
max-width: 650px;
}

и замените на:

.htmlDataBlock {
}

[dizel1990]

miyako (19 Апрель 2013 - 14:24) писал:

Найдите код в main.css:

.listing .contm {
position: relative;
display: inline;
float: left;
width: 435px;
}

и замените на:

.listing .contm {
position: relative;
display: inline;
float: left;
width: 635px;
}

Найдите код:

.htmlDataBlock {
max-width: 650px;
}

и замените на:

.htmlDataBlock {
}

Спасибо. С текстом проблемы решились, а вот с изображениями нет.
1) По изображению опять, появились аналогичные проблемы внутри разделов (непосредственно, где лежит товар), как здесь избавится от белового места? Либо сделать между изображениями место больше, либо воткнуть ещё одно изображение. Подскажите где это меняется?.
2) Непосредственно вкладка, когда уже можно купить товар, тоже белое место нужно убрать. Сдвинуть изображение вправо или растянуть. или изображение с кнопкой купить просто сдвинуть. Как это сделать?

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

• 
• 

[Stasya]

1. Найдите в шаблоне Товары строку

{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}

и замените ее на

{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}

2. Сначала найдите у себя в шаблоне Товар вот этот блок

<div>
	 <input type="hidden" name="hash" value="{HASH}" />
	 <input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />

и замените его на

<div class="cont700">
	 <input type="hidden" name="hash" value="{HASH}" />
	 <input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />

Затем в файле main.css найдите блок

.cont700 {
width: 700px;
}

и замените его на

.cont700 {
width: 930px;
}

Теперь возвращаемся в шаблон Товар и находим строку

<div class="goodsDataMainImage" >

и заменяем ее на

<div class="goodsDataMainImage" style="margin-left: 98px;">

Попробуйте заменить эту строку

<div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} >

на

<div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} style="margin-left:93px;">

Теперь находим в файле main.css вот этот блок

.goodsDataMainOrder {
border: 1px solid #E5E5E5;
width: 360px;
}

и заменяем его на

.goodsDataMainOrder {
border: 1px solid #E5E5E5;
width: 360px;
margin-left: 61px;
}

[dizel1990]

Stasya (19 Апрель 2013 - 19:18) писал:

1. Найдите в шаблоне Товары строку

{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}

и замените ее на

{% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}

2. Сначала найдите у себя в шаблоне Товар вот этот блок

<div>
	 <input type="hidden" name="hash" value="{HASH}" />
	 <input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />

и замените его на

<div class="cont700">
	 <input type="hidden" name="hash" value="{HASH}" />
	 <input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />

Затем в файле main.css найдите блок

.cont700 {
width: 700px;
}

и замените его на

.cont700 {
width: 930px;
}

Теперь возвращаемся в шаблон Товар и находим строку

<div class="goodsDataMainImage" >

и заменяем ее на

<div class="goodsDataMainImage" style="margin-left: 98px;">

Попробуйте заменить эту строку

<div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} >

на

<div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} style="margin-left:93px;">

Теперь находим в файле main.css вот этот блок

.goodsDataMainOrder {
border: 1px solid #E5E5E5;
width: 360px;
}

и заменяем его на

.goodsDataMainOrder {
border: 1px solid #E5E5E5;
width: 360px;
margin-left: 61px;
}

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

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

• 

[Taisia]

что бы изменить расстояние сбоку найдите в main.css код

.myblock2 {
	display: inline-block;
	margin-top: 20px;
   }

и замените на

.myblock2 {
	display: inline-block;
	margin-top: 20px;
	width: 103%;
}

width: 103% - меняйте параметр для изменения расстояния

что бы изменить расстояние снизу найдите код

.goodsListItem {
	overflow: hidden;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 195px;
}

и замените на

.goodsListItem {
	overflow: hidden;
	padding: 0 0 6px;
	text-align: center;
	vertical-align: top;
	width: 195px;
}

где padding: 0 0 6px; - меняйте параметр для изменения расстояния

[dizel1990]

Taisia (20 Апрель 2013 - 12:59) писал:

что бы изменить расстояние сбоку найдите в main.css код

.myblock2 {
display: inline-block;
margin-top: 20px;
}

и замените на

.myblock2 {
display: inline-block;
margin-top: 20px;
width: 103%;
}

width: 103% - меняйте параметр для изменения расстояния

что бы изменить расстояние снизу найдите код

.goodsListItem {
overflow: hidden;
padding: 0;
text-align: center;
vertical-align: top;
width: 195px;
}

и замените на

.goodsListItem {
overflow: hidden;
padding: 0 0 6px;
text-align: center;
vertical-align: top;
width: 195px;
}

где padding: 0 0 6px; - меняйте параметр для изменения расстояния

Спасибо помогли. Остался вопрос. Как сделать, чтобы текст над изображением полностью влезал?

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

• 

[mikola]

dizel1990 (20 Апрель 2013 - 22:26) писал:

Спасибо помогли. Остался вопрос. Как сделать, чтобы текст над изображением полностью влезал?

добрый день
в бэкофисе-в сайт редактор тем-main.css
найти код

.goodsListItemImage				 {height:185px;width:100%;margin-top:1em;border-collapse: collapse;border-spacing: 0;}

меняем его на

.goodsListItemImage				 {height: 220px;width:100%;margin-top:1em;border-collapse: collapse;border-spacing: 0;}

после этого находим код

.goodsListItemBlock				 {height:300px;width:210px;margin:5px;overflow:hidden; background: url('http://design.macinbox.ru/fontov.jpg');}

меняем на код

.goodsListItemBlock				 {height: 330px;width:210px;margin:5px;overflow:hidden; background: url('http://design.macinbox.ru/fontov.jpg');}

[dizel1990]

Mikola (21 Апрель 2013 - 13:31) писал:

добрый день
в бэкофисе-в сайт редактор тем-main.css
найти код

.goodsListItemImage				 {height:185px;width:100%;margin-top:1em;border-collapse: collapse;border-spacing: 0;}

меняем его на

.goodsListItemImage				 {height: 220px;width:100%;margin-top:1em;border-collapse: collapse;border-spacing: 0;}

после этого находим код

.goodsListItemBlock				 {height:300px;width:210px;margin:5px;overflow:hidden; background: url('http://design.macinbox.ru/fontov.jpg');}

меняем на код

.goodsListItemBlock				 {height: 330px;width:210px;margin:5px;overflow:hidden; background: url('http://design.macinbox.ru/fontov.jpg');}

Спасибо помогли. есть ещё один вопрос. Как  в сопутствующих товарах сделать вряд 4 изображения и сделать так, чтобы цена помещалась (а то новая помещается, а старая нет).

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

•