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

[Viking]

Добрый день.

Нужно создать механизм "Вы смотрели" с размещением Контакты - Корзина - Вы смотрели, сразу ограничив 4-мя товарами

[Vaccina]

В шаблоне HTML после:

<dt class="toOformZakazCart">
									<a href="{CART_URL}" class="btn btn-success" title="Перейти к оформлению заказа">Оформить заказ</a>
								  </dt>
								</dl>
							  </div>
							{% ENDIF %}
						  </div>
						</div>

добавьте:

<!-- Последние товары, просмотренные пользователем -->
				  {% IFNOT recently_viewed_goods_empty %}
				  <div class="recent_viewed"><br /><h2>Вы смотрели</h2>
					<div class="contentTbodyRecentlyViewed">
					  <table class="recent_viewed">
						{% FOR recently_viewed_goods %}
						<tr class="txtalgnlft {% IF recently_viewed_goods.last %}last{% ENDIF %}">
						  <td class="img txtalgncnt">
							<a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
						  </td>
						  <td class="link statetitle fnt12n txtalgnlft">
							<a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a>
						  </td>
						</tr>
						{% ENDFOR %}
					  </table>
					</div>
				  </div>
				  {% ENDIF %}
				  <!-- Последние товары, просмотренные пользователем -->

[Viking]

Здравствуйте.

Теперь надо заголовок простилизовать и почем-то первая позиция вылетает перечеркнутая

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

• 

[AnnaM]

Viking (03 Сентябрь 2014 - 08:54) писал:

Здравствуйте.

Теперь надо заголовок простилизовать и почем-то первая позиция вылетает перечеркнутая

В шаблоне "HTML" найдите код

<!-- Последние товары, просмотренные пользователем -->
								  {% IFNOT recently_viewed_goods_empty %}
								  <div class="recent_viewed"><br /><h2>Вы смотрели</h2>

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

<div class="homePageListCart">
						  <h4><a href="http://sportbaby-msk.ru/cart">Корзина</a></h4>
						 
						</div>
<!-- Последние товары, просмотренные пользователем -->
								  {% IFNOT recently_viewed_goods_empty %}
								  <div class="recent_viewed"><br /><div class="homePageListCart">
						  <h4>Вы смотрели</h4>
						 
						</div>

[Viking]

не удачный вариант

[Alekseys]

Viking (03 Сентябрь 2014 - 10:11) писал:

не удачный вариант

Здравствуйте. В разделе Сайт -> Редактор шаблонов -> main.css замените

.left-sidebar {
float: left;
overflow: hidden;
padding: 0% 1% 0% 1%;
width: 23%;
}

на

.left-sidebar {
float: left;
overflow: hidden;
margin: 0% 1% 0% 1%;
width: 23%;
}

и удалите

.last {
text-decoration: line-through;
}

[Viking]

Alekseys (03 Сентябрь 2014 - 11:45) писал:

Здравствуйте. В разделе Сайт -> Редактор шаблонов -> main.css замените

.left-sidebar {
float: left;
overflow: hidden;
padding: 0% 1% 0% 1%;
width: 23%;
}

на

.left-sidebar {
float: left;
overflow: hidden;
margin: 0% 1% 0% 1%;
width: 23%;
}

не вижу чем отличается замена?

Добавил в конец описание этого как я понял нового стиля

/* Я Описываю стиль для заголовка на главной Вы смотрели */
.recent_viewed h4 {
  display: inline-block;
  width: 100%;
  padding: 4px 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #34495E;
  margin-top: 20px;
  color: #ECF0F1;
  font-size: 14px;
}

не понравилось, что ширину придется "ловить" изменением width: 100%;
и в мобильной версии показывает только первую перечеркнутую позицию...

так что без помощи не справлюсь

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

• 

[Alekseys]

Viking (03 Сентябрь 2014 - 12:16) писал:

не вижу чем отличается замена?

Добавил в конец описание этого как я понял нового стиля

/* Я Описываю стиль для заголовка на главной Вы смотрели */
.recent_viewed h4 {
  display: inline-block;
  width: 100%;
  padding: 4px 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #34495E;
  margin-top: 20px;
  color: #ECF0F1;
  font-size: 14px;
}

не понравилось, что ширину придется "ловить" изменением width: 100%;
и в мобильной версии показывает только первую перечеркнутую позицию...

так что без помощи не справлюсь

При замене

.left-sidebar {
float: left;
overflow: hidden;
padding: 0% 1% 0% 1%;
width: 23%;
}

на

.left-sidebar {
float: left;
overflow: hidden;
margin: 0% 1% 0% 1%;
width: 23%;
}

ширина заголовка "Вы смотрели" должна прийти в норму.

[Viking]

извиняюсь, сразу не углядел замену padding на margin, но предложенный вариант тоже не устроил: отрезает радиусы правой стороны...
в итоге подбором width: 95%; вроде выглядит нормально:

/* Я Описываю стиль для заголовка на главной Вы смотрели */
.recent_viewed h4 {
  display: inline-block;
  width: 95%;
  padding: 5px 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #34495E;
  margin-top: 20px;
  color: #ECF0F1;
  font-size: 14px;
}

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

[Alekseys]

Viking (03 Сентябрь 2014 - 13:32) писал:

извиняюсь, сразу не углядел замену padding на margin, но предложенный вариант тоже не устроил: отрезает радиусы правой стороны...
в итоге подбором width: 95%; вроде выглядит нормально:

/* Я Описываю стиль для заголовка на главной Вы смотрели */
.recent_viewed h4 {
  display: inline-block;
  width: 95%;
  padding: 5px 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #34495E;
  margin-top: 20px;
  color: #ECF0F1;
  font-size: 14px;
}

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

Замените в main.css

.last {
text-decoration: line-through;
}

на

.last {
text-decoration: none;
}

[Viking]

Alekseys (03 Сентябрь 2014 - 13:35) писал:

Замените в main.css

.last {
text-decoration: line-through;
}

на

.last {
text-decoration: none;
}

в итоге проявилось побочное явление: старая цена перестала зачеркиваться в товарах на главной и в шаблоне Товары
поэтому вернул
.last {
text-decoration: line-through;

и добавил в стиле

.recent_viewed h4 {
  display: inline-block;
  width: 95%;
  padding: 5px 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #34495E;
  margin-top: 20px;
  color: #ECF0F1;
  font-size: 14px;
text-decoration: none;
}

[Ирина345]

Viking (03 Сентябрь 2014 - 15:49) писал:

в итоге проявилось побочное явление: старая цена перестала зачеркиваться в товарах на главной и в шаблоне Товары
поэтому вернул
.last {
text-decoration: line-through;

и добавил в стиле

.recent_viewed h4 {
  display: inline-block;
  width: 95%;
  padding: 5px 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #34495E;
  margin-top: 20px;
  color: #ECF0F1;
  font-size: 14px;
text-decoration: none;
}

Здравствуйте, если вопрос стоит в том чтобы убрать у первого товара в блоке "Вы смотрели" закрашивание, то удалите из main.css

.last {
	text-decoration: line-through;
}

на старую цену это не повлияет