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


Фон Размеры Идр


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

#21 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

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

поче

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

В style.css найдите строку
.buy-item button:hover {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #404040;}
и замените #404040 на Ваш цвет.
спасибо. почему у меня не отображается краткое описание у товара, хотя я его заполняю?

#22 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

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

и еще. как сделать так. чтобы цена товара не округлялась, а показывала ту цену , которая указана, например, $7,54

#23 shnafix

shnafix

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

  • Модератоpы
  • 506 сообщений

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

Просмотр сообщенияilnarius (29 Сентябрь 2013 - 20:19) писал:

В странице товара хотелось бы провести некоторые изменения, прошу помочь мне
1) у брать серую область около большого изображения товара. или перекрасить в белый цвет
2)2 изменить значок "товар есть в наличии"
3) спустить вниз "недавно просмотренные товары"
4)поменять местами название товара и "вернуться в категорию Х"
1. В style.css найдите блок
figure.main-image div {position: relative; background: #f2f2f0; text-align: center;width: 100%;overflow: hidden;}
и измените параметр
background: #f2f2f0;
или удалите его.
2. Для этого удалите из списка файлов stiker1.png и stiker2.png и загрузите свои изображения под этими же названиями.
3. Добавьте в style.css в блок
.car{margin: 10px auto;width: 100%;max-width: 410px;position: relative;overflow: visible;}
параметр
padding-top: 45px;
4. Переместите блок из раздела Товары
<div class="breadcrumb">
		<p>
		{% FOR upper_navigation %}
		  {% IF upper_navigation.last %}
			<span>></span><a href="{upper_navigation.URL}" title="Вернуться в категорию &laquo;{upper_navigation.NAME}&raquo;"><b>Вернуться в категорию {upper_navigation.NAME}</b></a>
		  {% ENDIF %}
		{% ENDFOR %}
	   </p>
	  </div>
и вставьте его после тега
<header>

А строку
   <h1 itemprop="name">{GOODS_NAME}</h1>
вставьте между строками
</form>
	 
<!-- Сопутствующие товары -->


#24 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 29 Сентябрь 2013 - 21:36

Просмотр сообщенияshnafix (29 Сентябрь 2013 - 20:51) писал:

1. В style.css найдите блок
figure.main-image div {position: relative; background: #f2f2f0; text-align: center;width: 100%;overflow: hidden;}
и измените параметр
background: #f2f2f0;
или удалите его.
2. Для этого удалите из списка файлов stiker1.png и stiker2.png и загрузите свои изображения под этими же названиями.
3. Добавьте в style.css в блок
.car{margin: 10px auto;width: 100%;max-width: 410px;position: relative;overflow: visible;}
параметр
padding-top: 45px;
4. Переместите блок из раздела Товары
<div class="breadcrumb">
	 <p>
	 {% FOR upper_navigation %}
		 {% IF upper_navigation.last %}
		 <span>></span><a href="{upper_navigation.URL}" title="Вернуться в категорию &laquo;{upper_navigation.NAME}&raquo;"><b>Вернуться в категорию {upper_navigation.NAME}</b></a>
		 {% ENDIF %}
	 {% ENDFOR %}
	 </p>
	 </div>
и вставьте его после тега
<header>

А строку
<h1 itemprop="name">{GOODS_NAME}</h1>
вставьте между строками
</form>
	
<!-- Сопутствующие товары -->
не получается сделать 3 пункт, куда в этом блоке
/* Слайдер-карусель на главной в сопутсвующих товарах */
.car{margin: 10px auto;width: 100%;max-width: 410px;position: relative;overflow: visible;}
.mycont2 h4, .car h4 {padding: 5px 10px 10px 10px;}
.mycont, .mycont2 {margin:0 auto;padding: 5px;background: #fff;}
.mycarousel li{width:193px;margin:0 10px;text-align: center;}
.mycarousel2 li{width:160px;margin:0 10px;text-align: center;}
.jcarousel-clip{overflow: hidden;}
.jcarousel-prev, .jcarousel-next{display:block;width:32px;height:30px;cursor:pointer;}
.jcarousel-prev{background:url('{ASSETS_IMAGES_PATH}slides-arrow-left.png') no-repeat;left: -25px;top: 40%; position: absolute;height: 100px;}
.jcarousel-next{background:url('{ASSETS_IMAGES_PATH}slides-arrow-right.png') no-repeat;right: -37px;top: 40%; position: absolute;height: 100px;}
куда вставлять

padding-top: 45px;

#25 Absolem

Absolem

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

  • Модератоpы
  • 145 сообщений

Отправлено 29 Сентябрь 2013 - 22:04

Просмотр сообщенияilnarius (29 Сентябрь 2013 - 21:36) писал:

не получается сделать 3 пункт, куда в этом блоке
/* Слайдер-карусель на главной в сопутсвующих товарах */
.car{margin: 10px auto;width: 100%;max-width: 410px;position: relative;overflow: visible;}
.mycont2 h4, .car h4 {padding: 5px 10px 10px 10px;}
.mycont, .mycont2 {margin:0 auto;padding: 5px;background: #fff;}
.mycarousel li{width:193px;margin:0 10px;text-align: center;}
.mycarousel2 li{width:160px;margin:0 10px;text-align: center;}
.jcarousel-clip{overflow: hidden;}
.jcarousel-prev, .jcarousel-next{display:block;width:32px;height:30px;cursor:pointer;}
.jcarousel-prev{background:url('{ASSETS_IMAGES_PATH}slides-arrow-left.png') no-repeat;left: -25px;top: 40%; position: absolute;height: 100px;}
.jcarousel-next{background:url('{ASSETS_IMAGES_PATH}slides-arrow-right.png') no-repeat;right: -37px;top: 40%; position: absolute;height: 100px;}
куда вставлять

padding-top: 45px;
код -
.car{margin: 10px auto;width: 100%;max-width: 410px;position: relative;overflow: visible;}
Замените на
.car{margin: 10px auto;width: 100%;max-width: 410px;position: relative;overflow: visible;padding-top: 45px;}


#26 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 29 Сентябрь 2013 - 22:28

Просмотр сообщенияAbsolem (29 Сентябрь 2013 - 22:04) писал:

код -
.car{margin: 10px auto;width: 100%;max-width: 410px;position: relative;overflow: visible;}
Замените на
.car{margin: 10px auto;width: 100%;max-width: 410px;position: relative;overflow: visible;padding-top: 45px;}
ничего не меняется(

#27 Absolem

Absolem

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

  • Модератоpы
  • 145 сообщений

Отправлено 29 Сентябрь 2013 - 22:58

Пришлите пожалуйста скриншот с некорректным отображением

#28 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 29 Сентябрь 2013 - 23:21

Просмотр сообщенияAbsolem (29 Сентябрь 2013 - 22:58) писал:

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

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

  • м3 е92 или е91.jpg


#29 shnafix

shnafix

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

  • Модератоpы
  • 506 сообщений

Отправлено 30 Сентябрь 2013 - 12:27

Просмотр сообщенияilnarius (29 Сентябрь 2013 - 23:21) писал:

я хотел опустить недавние товары ниже, а в месте, где знаимали недавние товары,будет информация о доставке и краткое описание товара. как в шаблоне техника
Сейчас у Вас отсутствуют предложенные изменения -

Цитата

код -
.car{margin: 10px auto;width: 100%;max-width: 410px;position: relative;overflow: visible;}
Замените на
.car{margin: 10px auto;width: 100%;max-width: 410px;position: relative;overflow: visible;padding-top: 45px;} 
А блок "С этим товаром смотрят" Вы тоже хотите спустить вниз?
Описание и доставка находятся снизу товара. Вы хотите продублировать информацию или убрать из того блока?

#30 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 30 Сентябрь 2013 - 14:30

Просмотр сообщенияshnafix (30 Сентябрь 2013 - 12:27) писал:

Сейчас у Вас отсутствуют предложенные изменения -

А блок "С этим товаром смотрят" Вы тоже хотите спустить вниз?
Описание и доставка находятся снизу товара. Вы хотите продублировать информацию или убрать из того блока?
я хочу опустить блок недавно просмотренных товаров цифра 5, и поставить вместо него блок с условиями доставки и кратким описанием о товаре, да убрать из того блока информацию о доставке. но вот беда. у меня не отображается краткое описание товара. где оно должно отображаться? и еще. у меня нет блока "С этим товаром смотрят"

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

  • м3 е92 или е91.jpg


#31 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 30 Сентябрь 2013 - 15:42

нужно провести с корзиной вот такие действия. пробовал менять изображения next.png и prev.png результата не дало

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

  • м3 е92 или е91.jpg


#32 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 30 Сентябрь 2013 - 16:40

Вы на скриншоте выше выделили 5 пунктов, которые хотите изменить. Часть из них понятна, но часть остается загадкой. Не могли бы Вы описать поподробнее что именно хотите сделать с 1, 2 и 4 пунктами. Так же не совсем понятно что именно хотите сделать с корзиной. Вы хотите перенести на строку с сортировкой и сделать такой же значок? Тогда не понятно зачем  Вы изменяли изображения next.png и prev.png.  По одной картинке очень проблематично понять, что Вы хотите сделать. Пожалуйста, опишите все поподробнее.

#33 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 30 Сентябрь 2013 - 17:37

Просмотр сообщенияStasya (30 Сентябрь 2013 - 16:40) писал:

Вы на скриншоте выше выделили 5 пунктов, которые хотите изменить. Часть из них понятна, но часть остается загадкой. Не могли бы Вы описать поподробнее что именно хотите сделать с 1, 2 и 4 пунктами. Так же не совсем понятно что именно хотите сделать с корзиной. Вы хотите перенести на строку с сортировкой и сделать такой же значок? Тогда не понятно зачем  Вы изменяли изображения next.png и prev.png.  По одной картинке очень проблематично понять, что Вы хотите сделать. Пожалуйста, опишите все поподробнее.
1) в корзине я хочу просто изменить этот черный круг на картинку, а слова "товаров в корзине заменить" на "Корзина"
2) в странице товара:
1) Переместить название товара
2) Переместить "Вернуться в категорию Х" туда, где было название
3)Цену с кнопкой заказать переместить вниз
4) уменьшить большое изобр товара. в настр-> основн. у меня не меняется почему то
5) Внутри этой коричневой рамки должна быть информация о доставке, рейтинг, краткое описание. но это потом, сначала нужно сделать пункты 1-4

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

  • м3 е92 или е91.jpg


#34 Vaccina

Vaccina

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

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

Отправлено 01 Октябрь 2013 - 05:04

Цитата

1) в корзине я хочу просто изменить этот черный круг на картинку, а слова "товаров в корзине заменить" на "Корзина"

Данный черный круг задается в файле стилей style.css в виде правила

.summary strong {
	background: #3C3C3C;
	border-radius: 1em;
	display: inline-block;
	font-weight: normal;
	height: 1.5em;
	margin-right: 0.5em;
	margin-top: -0.417em;
	padding: 0.25em;
	text-align: center;
	width: 1.5em;
}

где свойство background совместно с border-radius и реализовывает круг. Вы можете убрать свойство border-radius и оставить только background с указанием вместо цвета #3C3C3C ссылку на ваше изображение.

Заменить текст "товаров в корзине" вы можете путем его поиска и замены в шаблоне "HTML".

Цитата

4) уменьшить большое изобр товара. в настр-> основн. у меня не меняется почему то

Пожалуйста, сообщите какие размеры изображений у вас заданы для товаров в разделе Настройки -> Основные.

Относительно других изменений: Вам необходимо учитывать то что данная тема представляет из себя адаптивный шаблон, и путем переноса блоков эта самая адаптивность которая тестировалась - может нарушится. Возможно вам стоит пересмотреть такие глобальные изменения для данной темы оформления или выбрать другую более подходящую вам тему. Возможно это такие темы как "Сияние", "Пластик", "Мокко". Данные темы лучше поддаются изменению.

#35 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 01 Октябрь 2013 - 17:18

Изображения товаров

  •   Максимальный размер по высоте/ширине в пикселях для иконок 56

  •   Максимальный размер по высоте/ширине в пикселях для маленьких изображений 306

  •   Максимальный размер по высоте/ширине в пикселях для средних изображений 260

  •   Максимальный размер по высоте/ширине в пикселях для больших изображений 1200

  •   Максимальный размер по высоте/ширине в пикселях для используемых пользователем изображений 296


Изображения категорий

  • ?

      Максимальный размер по высоте/ширине в пикселях для иконок 20

  • ?

      Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории 253

  • ?

      Максимальный размер по высоте/ширине в пикселях для используемых пользователем изображений 20

"где свойство background совместно с border-radius и реализовывает круг. Вы можете убрать свойство border-radius и оставить только background с указанием вместо цвета #3C3C3C ссылку на ваше изображение." - не получается вместо #3C3C3C поставить ссылку, картинка не ставится

#36 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 01 Октябрь 2013 - 19:47

у меня появилась JS ошибка как исправить?

SL-171284



#37 Сake

Сake

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

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

Отправлено 02 Октябрь 2013 - 02:06

Просмотр сообщенияilnarius (01 Октябрь 2013 - 19:47) писал:

у меня появилась JS ошибка как исправить?

SL-171284



На данный момент на вашем сайте подобных проблем не обнаружено. Попробуйте очистить кэш в вашем браузере.

Цитата

не получается вместо #3C3C3C поставить ссылку, картинка не ставится

Пожалуйста, сообщите как вы задавали ссылку на изображение? Ссылка должна была выглядеть примерно так

.summary strong {
		background: url('{ASSETS_IMAGES_PATH}cart.png') no-repeat center center;
		border-radius: 1em;
		display: inline-block;
		font-weight: normal;
		height: 1.5em;
		margin-right: 0.5em;
		margin-top: -0.417em;
		padding: 0.25em;
		text-align: center;
		width: 1.5em;
}

Цитата

меньшить большое изобр товара. в настр-> основн. у меня не меняется почему то

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

<a  itemprop="image" rel="group" href="{GOODS_IMAGE_LARGE}"  class="main"><img src="{GOODS_IMAGE_LARGE}" alt="{GOODS_NAME}"  class="main"/></a>

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

<a  itemprop="image" rel="group" href="{GOODS_IMAGE_LARGE}"  class="main"><img src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}"  class="main"/></a>


#38 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

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

Просмотр сообщенияСake (02 Октябрь 2013 - 02:06) писал:

На данный момент на вашем сайте подобных проблем не обнаружено. Попробуйте очистить кэш в вашем браузере.



Пожалуйста, сообщите как вы задавали ссылку на изображение? Ссылка должна была выглядеть примерно так

.summary strong {
	 background: url('{ASSETS_IMAGES_PATH}cart.png') no-repeat center center;
	 border-radius: 1em;
	 display: inline-block;
	 font-weight: normal;
	 height: 1.5em;
	 margin-right: 0.5em;
	 margin-top: -0.417em;
	 padding: 0.25em;
	 text-align: center;
	 width: 1.5em;
}



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

<a itemprop="image" rel="group" href="{GOODS_IMAGE_LARGE}" class="main"><img src="{GOODS_IMAGE_LARGE}" alt="{GOODS_NAME}" class="main"/></a>

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

<a itemprop="image" rel="group" href="{GOODS_IMAGE_LARGE}" class="main"><img src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" class="main"/></a>
спасибо
1) как убрать кол-во товаров в корзине? (цифра 2 за картинкой корзины)
2) это слишком уменьшает изображение. необходимо, чтобы большое изображение было 400 на 400 пикс

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

  • м3 е92 или е91.jpg


#39 ne_yana

ne_yana

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

  • Модератоpы
  • 1 190 сообщений

Отправлено 02 Октябрь 2013 - 20:37

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

спасибо
1) как убрать кол-во товаров в корзине? (цифра 2 за картинкой корзины)
2) это слишком уменьшает изображение. необходимо, чтобы большое изображение было 400 на 400 пикс

В файле style.css
.summary a:hover strong, .basket-info:hover .summary a strong {background: #0f0f0f;}
заменить на
.summary a:hover strong, .basket-info:hover .summary a strong {background: #0f0f0f; color: white;}

В коде
.summary strong {background: url('{ASSETS_IMAGES_PATH}korzina.png') no-repeat center center; padding: 0.25em; height: 1.5em; width: 1.5em; display: inline-block; margin-right: 0.5em; text-align: center; margin-top: -0.417em; font-weight: normal;}
прописать color:transparent;

#40 ilnarius

ilnarius

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородМосква

Отправлено 02 Октябрь 2013 - 21:10

Просмотр сообщенияne_yana (02 Октябрь 2013 - 20:37) писал:

В файле style.css
.summary a:hover strong, .basket-info:hover .summary a strong {background: #0f0f0f;}
заменить на
.summary a:hover strong, .basket-info:hover .summary a strong {background: #0f0f0f; color: white;}

В коде
.summary strong {background: url('{ASSETS_IMAGES_PATH}korzina.png') no-repeat center center; padding: 0.25em; height: 1.5em; width: 1.5em; display: inline-block; margin-right: 0.5em; text-align: center; margin-top: -0.417em; font-weight: normal;}
прописать color:transparent;
спасибо., где находятся коды для цвета корзины(увеличил и обозначил цифрами)

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

  • м3 е92 или е91.jpg





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

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