Перейти к содержимому


Вид Товара

Автор Den1992, 07 сент. 2015 19:57
Товар

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 28

#1 Den1992

Den1992

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 60 сообщений

Отправлено 07 Сентябрь 2015 - 19:57

День добрый как реализовать точто я выложил на скрине! На 2 скрине как у меня сейчас, а нужно что бы было как на 1) За ранее благодарю наших доблестных модераторов)

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

  • 1.PNG
  • 2.PNG

#2 Den1992

Den1992

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 60 сообщений

Отправлено 09 Сентябрь 2015 - 08:11

Ну что можно что то сделать?

#3 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 09 Сентябрь 2015 - 11:52

Просмотр сообщенияDen1992 (07 Сентябрь 2015 - 19:57) писал:

День добрый как реализовать точто я выложил на скрине! На 2 скрине как у меня сейчас, а нужно что бы было как на 1) За ранее благодарю наших доблестных модераторов)
Здравствуйте,

Просмотр сообщенияDen1992 (07 Сентябрь 2015 - 19:57) писал:

День добрый как реализовать точто я выложил на скрине! На 2 скрине как у меня сейчас, а нужно что бы было как на 1) За ранее благодарю наших доблестных модераторов)
Здравствуйте, найдите в шаблоне Товары
<div class="product-info">
				 <div class="product-name">
					 <a href="{goods.URL | url_amp}" title="{goods.NAME}" itemprop="name">{goods.NAME}</a>
					 <meta itemprop="description" content="{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
				 </div>
				 <div class="product-price">
					 <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
					 <span class="regular-price">
						 <span class="price" itemprop="price">{goods.MIN_PRICE_NOW | money_format}</span>
						 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
						 <p class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</p>
						 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
						 <p class="price-old">{goods.MIN_PRICE_OLD | money_format}</p>
						 {% ENDIF %}
					 </span>
					 </div>
				 </div>
				 </div>
после вставьте
<div class="rating">
<div class="ratings">
<div class="rating-box" title="Рейтинг товара">
{% IF goods.OPINION_RATING_VALUE %}
<span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<meta itemprop="worstRating" content = "1">
<meta itemprop="bestRating" content = "10">
<meta itemprop="ratingValue" content = "{goods.OPINION_RATING_VALUE}">
<meta itemprop="reviewCount" content = "{goods.OPINION_RATING_CNT_ALL}">
<div class="rating" style="width:{goods.OPINION_RATING_VALUE}0%" alt="{goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
</span>
{% ELSE %}
<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
{% ENDIF %}
</div>
</div>
</div>
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<!--a class="add-cart quick btn-cart product-addcart btn-addto" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a-->
<a class="add-cart btn-cart product-addcart btn-addto kupit" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>Купить</a>
</form>

далее в конец main.css добавьте
.rating-box {background: url("{ASSETS_IMAGES_PATH}bkg_rating.png") repeat-x scroll 0 0 transparent;display: inline-block;height: 12px;position: relative;vertical-align: middle;width: 60px;margin: 3px 12px 0 0;}
.rating-box .rating {background: url("{ASSETS_IMAGES_PATH}bkg_rating.png") repeat-x scroll 0 100% transparent;height: 11px;left: 0;position: absolute;top: 0;}
a.add-cart.btn-cart.product-addcart.btn-addto.kupit {
color: #fff;
background: #E21E54;
padding: 3px 24px 3px 24px;
border-radius: 6px;
}
.rating {
margin-bottom: 7px;
}

.products-grid .item {
overflow: hidden;
margin-bottom: 30px;
height: 395px;
}

далее загрузите в раздел Сайт-Редактор шаблонов  прикрепленное изображение

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

  • bkg_rating.png

#4 Den1992

Den1992

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 60 сообщений

Отправлено 09 Сентябрь 2015 - 15:08

Просмотр сообщенияИрина345 (09 Сентябрь 2015 - 11:52) писал:

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

Здравствуйте, найдите в шаблоне Товары
<div class="product-info">
				 <div class="product-name">
					 <a href="{goods.URL | url_amp}" title="{goods.NAME}" itemprop="name">{goods.NAME}</a>
					 <meta itemprop="description" content="{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
				 </div>
				 <div class="product-price">
					 <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
					 <span class="regular-price">
						 <span class="price" itemprop="price">{goods.MIN_PRICE_NOW | money_format}</span>
						 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
						 <p class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</p>
						 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
						 <p class="price-old">{goods.MIN_PRICE_OLD | money_format}</p>
						 {% ENDIF %}
					 </span>
					 </div>
				 </div>
				 </div>
после вставьте
<div class="rating">
<div class="ratings">
<div class="rating-box" title="Рейтинг товара">
{% IF goods.OPINION_RATING_VALUE %}
<span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<meta itemprop="worstRating" content = "1">
<meta itemprop="bestRating" content = "10">
<meta itemprop="ratingValue" content = "{goods.OPINION_RATING_VALUE}">
<meta itemprop="reviewCount" content = "{goods.OPINION_RATING_CNT_ALL}">
<div class="rating" style="width:{goods.OPINION_RATING_VALUE}0%" alt="{goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
</span>
{% ELSE %}
<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
{% ENDIF %}
</div>
</div>
</div>
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<!--a class="add-cart quick btn-cart product-addcart btn-addto" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a-->
<a class="add-cart btn-cart product-addcart btn-addto kupit" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>Купить</a>
</form>

далее в конец main.css добавьте
.rating-box {background: url("{ASSETS_IMAGES_PATH}bkg_rating.png") repeat-x scroll 0 0 transparent;display: inline-block;height: 12px;position: relative;vertical-align: middle;width: 60px;margin: 3px 12px 0 0;}
.rating-box .rating {background: url("{ASSETS_IMAGES_PATH}bkg_rating.png") repeat-x scroll 0 100% transparent;height: 11px;left: 0;position: absolute;top: 0;}
a.add-cart.btn-cart.product-addcart.btn-addto.kupit {
color: #fff;
background: #E21E54;
padding: 3px 24px 3px 24px;
border-radius: 6px;
}
.rating {
margin-bottom: 7px;
}

.products-grid .item {
overflow: hidden;
margin-bottom: 30px;
height: 395px;
}

далее загрузите в раздел Сайт-Редактор шаблонов  прикрепленное изображение
Спасибо,но немного не то я имел в виду вот то что вы сделали и это что было в рамочке товара как на скриншоте! А так все нормально, жду дальнейшей помощи!)

#5 Den1992

Den1992

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 60 сообщений

Отправлено 13 Сентябрь 2015 - 06:35

Хелп

#6 Cupuyc

Cupuyc

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

  • Пользователи
  • PipPipPipPip
  • 747 сообщений

Отправлено 13 Сентябрь 2015 - 11:28

Просмотр сообщенияDen1992 (13 Сентябрь 2015 - 06:35) писал:

Хелп

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

#7 Den1992

Den1992

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 60 сообщений

Отправлено 13 Сентябрь 2015 - 12:38

Просмотр сообщенияCupuyc (13 Сентябрь 2015 - 11:28) писал:



Здравствуйте, пожалуйста выполните изменения из предыдущей инструкции для продолжения.
я делал и получилось, немного не то! Мне нужно что бы и цена и кнопка и звезды были в рамке вместе с товаром!

#8 Cupuyc

Cupuyc

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

  • Пользователи
  • PipPipPipPip
  • 747 сообщений

Отправлено 13 Сентябрь 2015 - 13:11

Просмотр сообщенияDen1992 (13 Сентябрь 2015 - 12:38) писал:

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

Пожалуйста выполните изменения из предыдущей инструкции для внесения соответствующих правок.

#9 Den1992

Den1992

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 60 сообщений

Отправлено 15 Сентябрь 2015 - 16:04

Просмотр сообщенияCupuyc (13 Сентябрь 2015 - 13:11) писал:

Пожалуйста выполните изменения из предыдущей инструкции для внесения соответствующих правок.
внёс изменения

#10 Den1992

Den1992

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 60 сообщений

Отправлено 17 Сентябрь 2015 - 22:08

Просмотр сообщенияCupuyc (13 Сентябрь 2015 - 13:11) писал:



Пожалуйста выполните изменения из предыдущей инструкции для внесения соответствующих правок.
прошу прощение но вопрос еще в силе

#11 Vaccina

Vaccina

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

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

Отправлено 18 Сентябрь 2015 - 02:16

Если дело только в рамке, то после изменений из инструкции выше в main.css найдите:
.products-grid .item-inner .product-image {border: 1px solid rgba(247,146,66,.7);height: 270px;width:270px;vertical-align: middle;display: table-cell;}
замените на:
.products-grid .item-inner .product-image {height: 270px;width:270px;vertical-align: middle;display: table-cell;}

далее найдите:
.products-grid .item {
	overflow: hidden;
	margin-bottom: 30px;
	height: 395px;
}

после него пропишите:
.products-grid .item .item-inner {
	border: 1px solid rgba(247, 146, 66, 0.7);
	padding: 5px;
	border-radius: 5px;
}

#12 Den1992

Den1992

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 60 сообщений

Отправлено 29 Сентябрь 2015 - 15:55

Просмотр сообщенияVaccina (18 Сентябрь 2015 - 02:16) писал:

Если дело только в рамке, то после изменений из инструкции выше в main.css найдите:
.products-grid .item-inner .product-image {border: 1px solid rgba(247,146,66,.7);height: 270px;width:270px;vertical-align: middle;display: table-cell;}
замените на:
.products-grid .item-inner .product-image {height: 270px;width:270px;vertical-align: middle;display: table-cell;}

далее найдите:
.products-grid .item {
overflow: hidden;
margin-bottom: 30px;
height: 395px;
}

после него пропишите:
.products-grid .item .item-inner {
border: 1px solid rgba(247, 146, 66, 0.7);
padding: 5px;
border-radius: 5px;
}


О Гуд. Спасибо помогло . Не могли бы помочь вот с этим.
1.логотип правее а  то что то он слишком сдвинут в лево
2.Поиск и корзинку правее выравнить по линии ( КОРЗИНА И ПОИСК У МЕНЯ ПЛАВАЮЩИЕ тоесть при прокрутки крутиться с ползунком)
3.слайдер чуть левее

Ах да и выравнить шаблон не нужны эти белые пустоты где я зачеркнул их за черными линиями! Так же что бы выравнение было на всех страницах За ранее благодарен. Аккаунт SL-359568

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

  • 1.png

#13 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 29 Сентябрь 2015 - 20:00

Просмотр сообщенияDen1992 (29 Сентябрь 2015 - 15:55) писал:

О Гуд. Спасибо помогло . Не могли бы помочь вот с этим.
1.логотип правее а  то что то он слишком сдвинут в лево
2.Поиск и корзинку правее выравнить по линии ( КОРЗИНА И ПОИСК У МЕНЯ ПЛАВАЮЩИЕ тоесть при прокрутки крутиться с ползунком)
3.слайдер чуть левее

Ах да и выравнить шаблон не нужны эти белые пустоты где я зачеркнул их за черными линиями! Так же что бы выравнение было на всех страницах За ранее благодарен. Аккаунт SL-359568

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.header-content .logo {padding:20px 0;}

Замените на:
.header-content .logo {padding: 20px 0 20px 12px;}

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.header-top .header-top-right .header-right-mobile {float: right;position: fixed;}

Замените на:
.header-top .header-top-right .header-right-mobile {float: right;position: fixed;margin-left: 60px;}

3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#slideshow {margin: 0 0;position: relative;}

Замените на:
#slideshow {margin-left: -15px;position: relative;}

#14 Den1992

Den1992

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 60 сообщений

Отправлено 30 Сентябрь 2015 - 07:43

Просмотр сообщенияFirefly (29 Сентябрь 2015 - 20:00) писал:

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.header-content .logo {padding:20px 0;}

Замените на:
.header-content .logo {padding: 20px 0 20px 12px;}

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.header-top .header-top-right .header-right-mobile {float: right;position: fixed;}

Замените на:
.header-top .header-top-right .header-right-mobile {float: right;position: fixed;margin-left: 60px;}

3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#slideshow {margin: 0 0;position: relative;}

Замените на:
#slideshow {margin-left: -15px;position: relative;}
Спасибо. Но При немного свернутом окне адаптация слайдера не происходит. Также если смотреть с телефона.

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

  • 1.jpg

#15 Den1992

Den1992

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 60 сообщений

Отправлено 01 Октябрь 2015 - 14:26

ещё актуально

#16 Danil

Danil

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

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

Отправлено 01 Октябрь 2015 - 15:11

Просмотр сообщенияDen1992 (01 Октябрь 2015 - 14:26) писал:

ещё актуально
Здравствуйте.
Попробуйте сделать следующее:
в main.css найдите и удалите код 
.slides_container {
	cursor: move;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1920px;
	height: 570px;
	overflow: hidden;
}
так же найдите 
#slider {
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	width: 1920px;
	max-height: 570px;
	overflow: hidden;
	z-index: 1;
}
и замените на 
#slider {
	position: relative;
	margin: 0 auto;
	max-height: 337px;
	overflow: hidden;
	z-index: 1;
}
найдите 
.slides_container img {
	position: relative !important;
	left: 0 !important;
}
и замените на 
.slides_container img {
	position: relative !important;
	left: 0 !important;
	width: 100%;
}

#17 Den1992

Den1992

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 60 сообщений

Отправлено 02 Октябрь 2015 - 15:38

Просмотр сообщенияDanil (01 Октябрь 2015 - 15:11) писал:

Здравствуйте.
Попробуйте сделать следующее:
в main.css найдите и удалите код
.slides_container {
cursor: move;
position: absolute;
left: 0px;
top: 0px;
width: 1920px;
height: 570px;
overflow: hidden;
}
так же найдите
#slider {
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
width: 1920px;
max-height: 570px;
overflow: hidden;
z-index: 1;
}
и замените на
#slider {
position: relative;
margin: 0 auto;
max-height: 337px;
overflow: hidden;
z-index: 1;
}
найдите
.slides_container img {
position: relative !important;
left: 0 !important;
}
и замените на
.slides_container img {
position: relative !important;
left: 0 !important;
width: 100%;
}
Что то не так

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

  • 2.jpg

#18 Den1992

Den1992

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 60 сообщений

Отправлено 03 Октябрь 2015 - 14:00

ау

#19 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 03 Октябрь 2015 - 17:45

Просмотр сообщенияDen1992 (02 Октябрь 2015 - 15:38) писал:

Что то не так

Здравствуйте.
Проверили сайт на наличие js ошибок и таковых обнаружено не было (скриншот в приложении).
Возможно, данная ошибка возникает у Вас по причине блокирования какого-либо скрипта установленными расширениями. Попробуйте отключить установленные браузерные расширения и проверьте работу сайта заново, предварительно выполнив быструю очистку кэша комбинацией Ctrl+F5. Если данная ошибка продолжит повторяться, укажите, при каких условиях она появляется.

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

  • Screenshot.png

#20 Den1992

Den1992

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 60 сообщений

Отправлено 05 Октябрь 2015 - 09:58

Просмотр сообщенияFirefly (03 Октябрь 2015 - 17:45) писал:

Здравствуйте.
Проверили сайт на наличие js ошибок и таковых обнаружено не было (скриншот в приложении).
Возможно, данная ошибка возникает у Вас по причине блокирования какого-либо скрипта установленными расширениями. Попробуйте отключить установленные браузерные расширения и проверьте работу сайта заново, предварительно выполнив быструю очистку кэша комбинацией Ctrl+F5. Если данная ошибка продолжит повторяться, укажите, при каких условиях она появляется.
нет просто я делал востановление темы! СЕйсач я снова сделал изменения по инструкции и ошибка есть! Взгляните теперь!
Обратно в Каталог товаров



Темы с аналогичным тегами Товар

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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Цитрус
  5. → Каталог товаров
  6. Privacy Policy