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

[Niilitmash]

Здравствуйте! Мне нужно поставить номер телефона над корзиной. И хотелось бы чтобы рядом с телефоном отображалась картинка телефона.

[Ирина345]

Niilitmash (11 Июнь 2014 - 15:29) писал:

Здравствуйте! Мне нужно поставить номер телефона над корзиной. И хотелось бы чтобы рядом с телефоном отображалась картинка телефона.

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

#contactInfo {
position: absolute;
font-size: 1.2em;
top: 5px;
left: 450px;
}

замените на

#contactInfo {
position: absolute;
font-size: 1.2em;
top: -13px;
left: 712px;
}

Загрузите на сайт картинку телефона и напишите нам об этом

[Niilitmash]

Спасибо! Картинку загрузил - telefon.png

[Castiel]

Для более корректного отображения сделайте еще небольшие изменения

В файле "main.css".
Найти:

.contactInfoContent {
height: 100px;
width: 180px;
vertical-align: middle;
}

Заменить:

.contactInfoContent {
height: 100%;
width: 100%;
vertical-align: middle;
}

В файле "main.css".
Найти:

#contactInfo {
position: absolute;
font-size: 1.2em;
top: -13px;
left: 712px;
}

Заменить:

#contactInfo {
position: absolute;
font-size: 1.2em;
top: 25px;
right: 90px;
}

[Niilitmash]

Изменения внёс!

[Ирина345]

Niilitmash (11 Июнь 2014 - 17:17) писал:

Изменения внёс!

найдите

#contactInfo td {font-size:15px;padding:0px;text-align:center !important;}

замените на

#contactInfo td {font-size:15px;padding:0px;text-align:center !important;background:url('{ASSETS_IMAGES_PATH}telefon.png') left no-repeat; background-position: -4px -2px;height: 38px;width: 205px} 

[Niilitmash]

Картинка не появилась.

[MikDark]

Niilitmash (12 Июнь 2014 - 15:08) писал:

Картинка не появилась.

замените на:
#contactInfo td {font-size:15px;padding:0px;text-align:center !important;background:url('{ASSETS_IMAGES_PATH}telefon.png') left no-repeat; background-position: -4px -2px;height: 38px;width: 205px}

[Ирина345]

Niilitmash (12 Июнь 2014 - 15:08) писал:

Картинка не появилась.

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

[Niilitmash]

Картинка появилась, только бы ещё телефон отцентрировать по отношению к корзине. И чтобы он там и находился а не двигался в зависимости от разрешений экрана.

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

• 

[Ирина345]

Niilitmash (12 Июнь 2014 - 16:07) писал:

Картинка появилась, только бы ещё телефон отцентрировать по отношению к корзине. И чтобы он там и находился а не двигался в зависимости от разрешений экрана.

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

#contactInfo {
position: absolute;
font-size: 1.2em;
top: 25px;
right: 90px;
}

замените на

#contactInfo {
position: absolute;
font-size: 1.2em;
top: 25px;
right: 59px;
}

[Niilitmash]

Всё, спасибо.

[Oldien]

Как в шаблоне Мокко добавить в каталог товаров краткое описание

[Vaccina]

В шаблоне Товары в необходимом месте в товаре вставьте:

<p>
			  {goods.DESCRIPTION_SHORT}
			</p>

[Oldien]

А как найти это необходимое место?
Мне нужно чтобы было здесь.

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

• 

[Dars]

Oldien (31 Июль 2014 - 22:43) писал:

А как найти это необходимое место?
Мне нужно чтобы было здесь.

В шаблоне "Товары" найдите код:

<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
				<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
				<div class="goodsListItemPriceNew">
				  <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
				</div> 
				<div class="goodsListItemPriceOld">
				  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
					{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
					{% ENDIF %}

Здесь первый div - картинка, <h3> - название товара, следующие div'ы - цена. Вставьте код в то место, где вы хотите отображать описание. То есть, если между картинкой и названием - то между строками:

<div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>

и

				<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>

;

если между названием и ценой - между строками:

<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>

и

				<div class="goodsListItemPriceNew">

[Oldien]

Да, спасибо все вставилось, только теперь не везде входит весь текст и не видна цена

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

• 

[Vaccina]

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

.contactInfoContent {
	font-size: 20px;
	height: 10px;
	vertical-align: middle;
	width: 180px;
}

замените на:

.contactInfoContent {
	font-size: 20px;
	height: 10px;
	vertical-align: middle;
}

далее добавьте:

.goodsListItem p {
	margin: 0;
	height: 45px;
	overflow: hidden;
}

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

.goodsListItemBlock {
	height: 200px;
	margin: 5px;
	overflow: hidden;
}

замените на:

.goodsListItemBlock {
	height: 230px;
	margin: 5px;
	overflow: hidden;
}

[Oldien]

Спасибо все получилось
Теперь еще есть вопрос.
Название у всех разной длины и описание тоже. Можно как-то сделать чтобы описание начиналось у всех ровно (на одной линии) и цена так же чтоб не прыгала выше ниже из-за разности длины названий и краткого описания?

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

• 

[Alekseys]

Oldien (01 Август 2014 - 12:39) писал:

Спасибо все получилось
Теперь еще есть вопрос.
Название у всех разной длины и описание тоже. Можно как-то сделать чтобы описание начиналось у всех ровно (на одной линии) и цена так же чтоб не прыгала выше ниже из-за разности длины названий и краткого описания?

Здравствуйте, Поправить это можно в main.css, поменяв строчку:

.goodsListItemName {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;max-height:3.6em;overflow:hidden;}

на:

.goodsListItemName {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;height:3.6em;overflow:hidden;}