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


Помогите Правильно Отредактировать Шаблон Mokko!

Автор dfysdbu, 18 февр. 2013 23:05

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

#41 dfysdbu

dfysdbu

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

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

Отправлено 09 Март 2013 - 15:12

Спасибо всё работает!
Подскажите теперь как мне уменьшить расстояние между блоками товара (красные стрелки на картинке), что бы влез ещё один товар на картинке место обозначенное синей стрелкой?
Изображение

#42 Koderhan

Koderhan

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

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

Отправлено 09 Март 2013 - 15:32

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

#43 dfysdbu

dfysdbu

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

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

Отправлено 09 Март 2013 - 15:39

Просмотр сообщенияKoderhan (09 Март 2013 - 15:32) писал:

Пожалуйста, не могли бы сообщить адрес вашего магазина или номер аккаунта?
http://lusstore.ru

#44 Koderhan

Koderhan

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

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

Отправлено 09 Март 2013 - 16:30

Просмотр сообщенияdfysdbu (09 Март 2013 - 15:39) писал:

http://lusstore.ru
В файле "main.csstemplate".
Найти код:
.my1 li {width: 200px; list-style: none;}
.goodsListItem {
  text-align:center;
  vertical-align:top;
  width:200px;
  overflow:hidden;
  padding:0px;
  list-style-type: none;
  text-align: center;
  float: left;
  width: 10em;
  overflow: hidden;
  padding: 1em;
  margin: 0em;
  list-style-type: none;
  }   /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/
Заменить:
.my1 li {width: 188px; list-style: none;margin: 1px;}
.goodsListItem {
  text-align:center;
  vertical-align:top;
  width:200px;
  overflow:hidden;
  padding:0px;
  list-style-type: none;
  text-align: center;
  float: left;
  width: 10em;
  overflow: hidden;
  list-style-type: none;
  }   /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/

#45 dfysdbu

dfysdbu

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

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

Отправлено 09 Март 2013 - 17:16

Всё работает, просто супер, благодарю!
Не подскажете теперь как сделать отступ рамки от фотографии побольше, ни как не могу найти где это скрин ниже?
Изображение

#46 support 2.0

support 2.0

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

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

Отправлено 09 Март 2013 - 18:02

Просмотр сообщенияdfysdbu (09 Март 2013 - 17:16) писал:

Всё работает, просто супер, благодарю!
Не подскажете теперь как сделать отступ рамки от фотографии побольше, ни как не могу найти где это скрин ниже?
Изображение

Тогда изображение немного уменьшится до такого размера в 150px (такие как стоят справа от того, что вы показали на скрине)
Таким образом Вам нужно зайти в раздел Настройки -> основные -> изображения товаров -> изменить 175 на 150

#47 dfysdbu

dfysdbu

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

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

Отправлено 09 Март 2013 - 18:30

Просмотр сообщенияsupport 2.0 (09 Март 2013 - 18:02) писал:

Тогда изображение немного уменьшится до такого размера в 150px (такие как стоят справа от того, что вы показали на скрине)
Таким образом Вам нужно зайти в раздел Настройки -> основные -> изображения товаров -> изменить 175 на 150
Это я понял, а вот именно что бы изображение осталось 175, можно както область между рамками товара уменьшить, что бы та область что я указал подросла?

#48 support 2.0

support 2.0

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

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

Отправлено 09 Март 2013 - 20:22

Просмотр сообщенияdfysdbu (09 Март 2013 - 18:30) писал:

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

но у Вас тогда сами эти розовые блоке будут шире

#49 dfysdbu

dfysdbu

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

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

Отправлено 09 Март 2013 - 20:40

Просмотр сообщенияsupport 2.0 (09 Март 2013 - 20:22) писал:

но у Вас тогда сами эти розовые блоке будут шире
Так это и нужно!

#50 dfysdbu

dfysdbu

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

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

Отправлено 10 Март 2013 - 11:23

Просмотр сообщенияsupport 2.0 (09 Март 2013 - 20:22) писал:

но у Вас тогда сами эти розовые блоке будут шире
Люди так можно розовое окно товара расширить?

#51 Koderhan

Koderhan

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

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

Отправлено 10 Март 2013 - 12:22

Просмотр сообщенияdfysdbu (10 Март 2013 - 11:23) писал:

Люди так можно розовое окно товара расширить?
В файле "main.csstemplate".
Найти код:
.my1 li {width: 190px; list-style: none;margin: 12px;}
Заменить:
.my1 li {
	width: 200px;/*ширина блока*/
	list-style: none;
	margin: 4px;/*внешний отступ блока с картинкой*/
	}

#52 dfysdbu

dfysdbu

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

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

Отправлено 10 Март 2013 - 17:00

Просмотр сообщенияKoderhan (10 Март 2013 - 12:22) писал:

В файле "main.csstemplate".
Найти код:
.my1 li {width: 190px; list-style: none;margin: 12px;}
Заменить:
.my1 li {
width: 200px;/*ширина блока*/
list-style: none;
margin: 4px;/*внешний отступ блока с картинкой*/
}
Спасибо ступил, всё было просто!
Подскажите ещё как исправить отображение сопутствующего товара, оно как то изменилось не в хорошую сторону?
Изображение

#53 Koderhan

Koderhan

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

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

Отправлено 10 Март 2013 - 17:30

Просмотр сообщенияdfysdbu (10 Март 2013 - 17:00) писал:

Спасибо ступил, всё было просто!
Подскажите ещё как исправить отображение сопутствующего товара, оно как то изменилось не в хорошую сторону?
Изображение
В файле "Товар".
Найти код:
<table>
	<tr>
	{% FOR related_goods %}
	  <td class="goodsListItem">
		<div class="goodsListItemBlock withBorder cornerAll">
		  <div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-small" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div>
		  <h3 class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>
		  <div class="goodsListItemPriceNew">
			<a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
		  </div>
		  <div class="goodsListItemPriceOld">
			{% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
			  <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
			{% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
			  <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
			{% ENDIF %}
		  </div>
		</div>
	  </td>
	  {% IFNOT related_goods.last %}{related_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
	{% ENDFOR goods %}
	</tr>
  </table><br /><br />
Заменить:
<table class="t1">
<tr>
<td class="my4">
						<ol class="my1">
						  {% FOR goods %}
								<li class="goodsListItem">
								  <div class="goodsListItemBlock withBorder cornerAll">
								  <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>
								  </div>
								</li>
						 {% ENDFOR goods %}
						</ol>
				  </td>
</tr>
</table>

#54 dfysdbu

dfysdbu

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

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

Отправлено 10 Март 2013 - 17:54

Просмотр сообщенияKoderhan (10 Март 2013 - 17:30) писал:

В файле "Товар".
Найти код:
<table>
<tr>
{% FOR related_goods %}
	 <td class="goodsListItem">
	 <div class="goodsListItemBlock withBorder cornerAll">
		 <div class="goodsListItemImage"><a href="{related_goods.URL}"><img class="goods-image-small" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_goods.NAME}" /></a></div>
		 <h3 class="goodsListItemName"><a href="{related_goods.URL}">{related_goods.NAME}</a></h3>
		 <div class="goodsListItemPriceNew">
		 <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
		 </div>
		 <div class="goodsListItemPriceOld">
		 {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
			 <a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
		 {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
			 <a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
		 {% ENDIF %}
		 </div>
	 </div>
	 </td>
	 {% IFNOT related_goods.last %}{related_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
{% ENDFOR goods %}
</tr>
</table><br /><br />
Заменить:
<table class="t1">
<tr>
<td class="my4">
					 <ol class="my1">
						 {% FOR goods %}
							 <li class="goodsListItem">
								 <div class="goodsListItemBlock withBorder cornerAll">
								 <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>
								 </div>
							 </li>
						 {% ENDFOR goods %}
					 </ol>
				 </td>
</tr>
</table>
Я вставил код, но сопутствующие товары совсем исчезли со страницы!
Как исправить?

#55 Stasya

Stasya

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

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

Отправлено 10 Март 2013 - 18:25

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

#56 dfysdbu

dfysdbu

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

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

Отправлено 10 Март 2013 - 18:28

http://lusstore.ru/g...et-1929-4-khrom
Код вернул как до последнего изменения или вернуть код как на голом сайте без изменений?

#57 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 10 Март 2013 - 18:45

Просмотр сообщенияdfysdbu (10 Март 2013 - 18:28) писал:

http://lusstore.ru/g...et-1929-4-khrom
Код вернул как до последнего изменения или вернуть код как на голом сайте без изменений?
Хотел уточнить проблема с сопутствующими товарами ..в чём именно проблема??

#58 dfysdbu

dfysdbu

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

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

Отправлено 10 Март 2013 - 18:48

Просмотр сообщенияMikola (10 Март 2013 - 18:45) писал:

Хотел уточнить проблема с сопутствующими товарами ..в чём именно проблема??
Изображение сопутствующих товаров сильно заужены
Изображение

#59 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 10 Март 2013 - 18:53

Просмотр сообщенияdfysdbu (10 Март 2013 - 18:48) писал:

Изображение сопутствующих товаров сильно заужены
зайдите в Бэкофис-сайт-редактор тем-main.css
Найти код 
.goodsListItem {
  text-align:center;
  vertical-align:top;
  width:200px;
  overflow:hidden;
  padding:0px;
  list-style-type: none;
  text-align: center;
  float: left;
  width: 10em;
меняем на 
.goodsListItem {
  text-align:center;
  vertical-align:top;
  width:200px;
  overflow:hidden;
  padding:0px;
  list-style-type: none;
  text-align: center;
  float: left;
  width: 15em;

#60 dfysdbu

dfysdbu

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

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

Отправлено 10 Март 2013 - 19:15

Просмотр сообщенияMikola (10 Март 2013 - 18:53) писал:

зайдите в Бэкофис-сайт-редактор тем-main.css
Найти код
.goodsListItem {
text-align:center;
vertical-align:top;
width:200px;
overflow:hidden;
padding:0px;
list-style-type: none;
text-align: center;
float: left;
width: 10em;
меняем на
.goodsListItem {
text-align:center;
vertical-align:top;
width:200px;
overflow:hidden;
padding:0px;
list-style-type: none;
text-align: center;
float: left;
width: 15em;
У меня там 2 блока таких какой править?

/* Страница категории. ячейки с товаром */
.goodsListItem					  {text-align:center;vertical-align:top;width:200px;overflow:hidden;padding:0px;}   /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/
.goodsListItem					  {text-align:center;vertical-align:top;width:200px;overflow:hidden;padding:0px;list-style-type: none;text-align: center;  float: left;  width: 15em;  overflow: hidden;  padding: 1em;  margin: 0em;  list-style-type: none;}   /* Размер в 200 пикселей сделан, чтобы и 2 и 5 товаров нормально смотрелись и была возможность увеличить разрешение до 1220 пикселей*/

Обратно в Изменение общей стилистики


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

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

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