Отключен JavaScript

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

0

Создать Строку С Названием В Товарах Как На Всём Сайте

Автор Andrew S., 30 янв. 2015 06:21

Назад

Авторизуйтесь для ответа в теме

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

#21 Vaccina

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

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

Отправлено 05 Март 2015 - 04:34

Попробуйте следующее, в main.css найдите:

.recentlyName a {
  display: block;
  height: 1.8em;
  overflow: hidden;
}

замените на:

.recentlyName a {
  display: block;
  height: 50px;
  overflow: hidden;
}

P.S.: не стоит создавать отдельную тему, лучше продолжать дискуссию вопроса на том же месте, чтобы мы могли просмотреть прошлые переписки и на их основе проконсультировать

Наверх

#22 Andrew S.

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

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 13 Март 2015 - 23:28

Vaccina (05 Март 2015 - 04:34) писал:

Попробуйте следующее, в main.css найдите:

.recentlyName a {
display: block;
height: 1.8em;
overflow: hidden;
}

замените на:

.recentlyName a {
display: block;
height: 50px;
overflow: hidden;
}

P.S.: не стоит создавать отдельную тему, лучше продолжать дискуссию вопроса на том же месте, чтобы мы могли просмотреть прошлые переписки и на их основе проконсультировать

Круто, вроде оно.

А можно ли сместить фото вниз и чтобы название сместилось влево? Так бы больше всего вмещалось. Если что, размер фото там уменьшить, подогнать по размеру.

Вот так:

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

Наверх

#23 Vaccina

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

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

Отправлено 14 Март 2015 - 05:55

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

<li class="item">
										<div class="recentlyImg">
											<a itemprop="significantLinks" class="recentlyImgUrl" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
												<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=snow{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{recently_viewed_goods.NAME}" />
											</a>
										</div>
										<div class="recentlyContent">
											<div class="recentlyName">
												<a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a>
											</div>

замените на:

<li class="item">
<div class="recentlyName">
												<a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a>
											</div>
										<div class="recentlyImg">
											<a itemprop="significantLinks" class="recentlyImgUrl" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
												<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=snow{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{recently_viewed_goods.NAME}" />
											</a>
										</div>
										<div class="recentlyContent">

Наверх

#24 Andrew S.

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

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 23 Март 2015 - 12:15

Vaccina (14 Март 2015 - 05:55) писал:

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

<li class="item">
									 <div class="recentlyImg">
										 <a itemprop="significantLinks" class="recentlyImgUrl" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
											 <img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=snow{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" />
										 </a>
									 </div>
									 <div class="recentlyContent">
										 <div class="recentlyName">
											 <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a>
										 </div>

замените на:

<li class="item">
<div class="recentlyName">
											 <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a>
										 </div>
									 <div class="recentlyImg">
										 <a itemprop="significantLinks" class="recentlyImgUrl" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
											 <img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=snow{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" />
										 </a>
									 </div>
									 <div class="recentlyContent">

Подскажите, а можно ли вот тут отступы добавить?

Наверх

#25 Danil

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

Пользователи
4 645 сообщений

Отправлено 23 Март 2015 - 12:33

Andrew S. (23 Март 2015 - 12:15) писал:

Подскажите, а можно ли вот тут отступы добавить?

Прикрепленный файл

Otstupy.png

Здравствуйте.
Попробуйте так:
В main.css найдите код

.recentlyProductsList .item {
display: inline-block;
float: left;
overflow: hidden;
width: 98%;
margin: .5em 0 .5em 0.2%;
height: 118px;
margin: .5em 0 .5em 0.5%;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background-color: #FFF;
}

и замените на

.recentlyProductsList .item {
display: inline-block;
float: left;
overflow: hidden;
width: 98%;
margin: .5em 0 .5em 0.2%;
height: 118px;
margin: .5em 0 .5em 0.5%;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background-color: #FFF;
padding:5px;
}

Наверх

#26 Andrew S.

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

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 23 Март 2015 - 13:01

Danil (23 Март 2015 - 12:33) писал:

Здравствуйте.
Попробуйте так:
В main.css найдите код

.recentlyProductsList .item {
display: inline-block;
float: left;
overflow: hidden;
width: 98%;
margin: .5em 0 .5em 0.2%;
height: 118px;
margin: .5em 0 .5em 0.5%;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background-color: #FFF;
}

и замените на

.recentlyProductsList .item {
display: inline-block;
float: left;
overflow: hidden;
width: 98%;
margin: .5em 0 .5em 0.2%;
height: 118px;
margin: .5em 0 .5em 0.5%;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background-color: #FFF;
padding:5px;
}

Спасибо, только я это немного изменил:

padding-left:5px;
padding-right:5px;

Т.к. снизу слишком маленький отступ стал.

Можно ещё добавить отступ между фото и ценой с кнопкой?

Наверх

#27 Danil

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

Пользователи
4 645 сообщений

Отправлено 23 Март 2015 - 13:04

Andrew S. (23 Март 2015 - 13:01) писал:

Спасибо, только я это немного изменил:

padding-left:5px;
padding-right:5px;

Т.к. снизу слишком маленький отступ стал.

Можно ещё добавить отступ между фото и ценой с кнопкой?

В main.css найдите

.recentlyContent {
  float: right;
  width: 73%;
  padding: 0.3em .1em;
}

и замените на

.recentlyContent {
  float: right;
  width: 73%;
  padding: 0.3em 1.1em;
}

Наверх

#28 Andrew S.

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

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 23 Март 2015 - 20:40

Подскажите ещё, пожалуйста, как сдвинуть вниз на 1 пиксель в двух местах:

а) наименования разделов сайта;

б) наименования товаров.

А то косовато смотрится это. Давно уже смотрю, смотрю и никак не могу привыкнуть.

Наверх

#29 Danil

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

Пользователи
4 645 сообщений

Отправлено 26 Март 2015 - 10:30

Andrew S. (23 Март 2015 - 20:40) писал:

Подскажите ещё, пожалуйста, как сдвинуть вниз на 1 пиксель в двух местах:

а) наименования разделов сайта;

Прикрепленный файл

1piks_katalogue.png

б) наименования товаров.

Прикрепленный файл

1piks_tovar.png

А то косовато смотрится это. Давно уже смотрю, смотрю и никак не могу привыкнуть.

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

.body-content-top-center h1 {
  font-size: 1.73em;
  font-weight: normal;
  margin-top: 0;
  color: #444;
}

и замените на

.body-content-top-center h1 {
  font-size: 1.73em;
  font-weight: normal;
  margin-top: 1px;
  color: #444;
}

Наверх

Назад

Обратно в Каталог товаров

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

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

Создать Строку С Названием В Товарах Как На Всём Сайте

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

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

Войти

Google поиск