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


Главная Страница - Изображения Товаров

Автор qiwi, 05 апр. 2011 15:07

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

#1 qiwi

qiwi

    Пользователь

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

Отправлено 05 Апрель 2011 - 15:07

Добрый день, подскажите где изменить структуру главной страницы: вместо текста добавить изображения с рекомендуемым товаром.
как здесьБезымянный.png

#2 a.pashuta

a.pashuta

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

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

Отправлено 05 Апрель 2011 - 15:20

Просмотр сообщенияqiwi (05 Апрель 2011 - 15:07) писал:

Добрый день, подскажите где изменить структуру главной страницы: вместо текста добавить изображения с рекомендуемым товаром.
как здесьПрикрепленный файл Безымянный.png
если речь идет о размещении товаров на главной странице, то это делается в разделе товары. выбираете категорию товары на главной. далее нажимаете ссылку разместить товары. добавляете товар.


и получается для примера вот как-то так:

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

  • Безымянный1.png
  • Безымянный3.png

#3 qiwi

qiwi

    Пользователь

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

Отправлено 05 Апрель 2011 - 16:55

Благодарю, это я и имела ввиду, оказывается всё намного проще, чем я думала.

#4 a.pashuta

a.pashuta

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

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

Отправлено 05 Апрель 2011 - 17:19

Просмотр сообщенияqiwi (05 Апрель 2011 - 16:55) писал:

Благодарю, это я и имела ввиду, оказывается всё намного проще, чем я думала.
Пожалуйста. Обращайтесь.

#5 qiwi

qiwi

    Пользователь

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

Отправлено 05 Апрель 2011 - 18:28

Ещё один вопрос здесь же. Как сделать подобную рамочку вокруг изображений товаров и вокруг списка "категории"Безымянный.png
Спасибо.

#6 Vaccina

Vaccina

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

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

Отправлено 06 Апрель 2011 - 15:39

Сделать рамку вокруг изображений товаров можно след. образом:
  В редакторе тем отредактировать шаблон товаров, и найти след. блок
  
   <table>
		{% FOR goods %}
		  <td class="goodsListItem">  
			<div class="goodsListItemBlock withBorder cornerAll">
			  <table class="goodsListItemImage">
				<tr>
				  <td>
					<a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
				  </td>
				</tr>
			  </table>
			  
			  <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>
		  </td>
		{goods.index | is_divided("3","</tr><tr>","")}
		{% ENDFOR goods %}
	  </table>

В самом верхнем теге <table> вставить стиль style="border:1px black dashed;"

  И в результате должно получиться след.

  
	<table style="border:1px black dashed;">
		{% FOR goods %}
		  <td class="goodsListItem">  
			<div class="goodsListItemBlock withBorder cornerAll">
			  <table class="goodsListItemImage">
				<tr>
				  <td>
					<a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
				  </td>
				</tr>
			  </table>
			  
			  <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>
		  </td>
		{goods.index | is_divided("3","</tr><tr>","")}
		{% ENDFOR goods %}
	  </table>

Что касается обведения списка категорий, то попробуйте проделать след.
Отредактировать шаблон HTML(главной страницы)
Найти следующий блок

  <td class="content_catalog cont250">
			<!-- Каталог -->
			  <div class="pad-box">
				<ul class="leftmenu"> 
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>

И так же прописать для тега <td> стиль style="border:1px black dashed;"
Что бы получилось следующее
  <td class="content_catalog cont250" style="border:1px black dashed;">
			<!-- Каталог -->
			  <div class="pad-box">
				<ul class="leftmenu"> 
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>


Так же можно поиграть с данным свойством.

#7 qiwi

qiwi

    Пользователь

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

Отправлено 06 Апрель 2011 - 18:57

Спасибо, всё получилось, кроме одного момента. Надпись "Наши рекомендации" не хочет залезать под рамку. Куда я только её не приспосабливала, она всё равно снаружи как бы прописана. Помогите с этим вопросом.

#8 Vaccina

Vaccina

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

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

Отправлено 06 Апрель 2011 - 20:31

Что бы хоть как-то вам помочь, скажите ссылку на ваш магазин.

#9 qiwi

qiwi

    Пользователь

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

Отправлено 07 Апрель 2011 - 00:19

Здесь

#10 Vaccina

Vaccina

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

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

Отправлено 07 Апрель 2011 - 01:01 

<table style="border:1px black dashed;">
		{% FOR goods %}
		  <td class="goodsListItem">  
			<div class="goodsListItemBlock withBorder cornerAll">
			  <table class="goodsListItemImage">
				<tr>
				  <td>
					<a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
				  </td>
				</tr>
			  </table>
			  
			  <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>
		  </td>
		{goods.index | is_divided("3","</tr><tr>","")}
		{% ENDFOR goods %}
	  </table>

Хм.. Попробуйте выше блок замените на 

 <table style="border:1px black dashed;">
	<tr><td colspan="3"><h3>Наши рекомендации</h3></td></tr>
		{% FOR goods %}
		  <td class="goodsListItem">  
			<div class="goodsListItemBlock withBorder cornerAll">
			  <table class="goodsListItemImage">
				<tr>
				  <td>
					<a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
				  </td>
				</tr>
			  </table>
			  
			  <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>
		  </td>
		{goods.index | is_divided("3","</tr><tr>","")}
		{% ENDFOR goods %}
	  </table>

#11 qiwi

qiwi

    Пользователь

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

Отправлено 07 Апрель 2011 - 12:01

Спасибо ооогромное сейчас получилось сделать.
Тут возник момент-тоже сама не справилась (( Мне надо выделить цветом (добавить фон) строки с надписями "Категории" и "Наши рекомендации".Безымянный.png

#12 Vaccina

Vaccina

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

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

Отправлено 07 Апрель 2011 - 18:02

Для того что бы вам поменять цвет фона Категории, вам нужно в файле стилей main.css
найти блок 

.contentTbodyCatalogHeader {margin: 5px;padding-bottom: 0px;background:url('http://img.moda-lab.ru/web/upload/assets/images/8/7040/кнопка3.jpg')no-repeat center;}

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

background:green;
+ так же добавить свойство color и задать ему белый цвет, так как у вас в данный момент текст зеленый, и если залить еще фон зеленым то текст будет не виден.

В общем у нас получается нечто следующее
.contentTbodyCatalogHeader {margin: 5px;padding-bottom: 0px;background:green; color:#FFF;}

Что касается заголовка Наши рекомендации, то вам нужно поправить шаблон товаров
Найти уже перемещенную строку 

<tr><td colspan="3"><h3>Наши рекомендации</h3></td></tr>

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

<tr><td colspan="3"><h3 style="background:green; color:#FFF;">Наши рекомендации</h3></td></tr>
Стиль мы задали почти такой же как и Категории

#13 qiwi

qiwi

    Пользователь

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

Отправлено 08 Апрель 2011 - 12:27

Скажите,пожалуйста, а как в качестве фона к "Наши рекомендации" прописать картинку, с "категориями" у меня получилось сделать.

И здесь по прикреплённому фото подскажите:
1.Как выравнить рамку с фоном "Категории"(убрать зазоры)
2.Убрать строку "Вы здесь-Главная" и поднять рамку с товаром до шапки.

Простите за назойливость.Безымянный.png

#14 Vaccina

Vaccina

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

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

Отправлено 08 Апрель 2011 - 15:09

Выровнять Текст категории можно можно использовать 
<tr><td colspan="3" style="text-align:center;"><h3 style="background:green; color:#FFF;">Наши рекомендации</h3></td></tr>
Что касается второго вопроса, то вам нужно найти и удалить или просто за комментировать в шаблоне Страница код похожий на этот.

<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> &gt; <strong>{PAGE_NAME}</strong></p>

#15 qiwi

qiwi

    Пользователь

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

Отправлено 11 Апрель 2011 - 13:22

Помогите, пожалуйста, убрать воздух между элементами согласно изображению, а то у самой никак не получается.
Безымянный.png
1) между Шапкой и "Наши рекомендации"
2) между хедером Категории навигации слева и рамкой навигации
3) между изображениями товара внутри рамки

Спасибо.

#16 Vaccina

Vaccina

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

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

Отправлено 11 Апрель 2011 - 21:59

У вас сайт закрыт для просмотра (Сайт находится в разработке)
Помочь нет возможности. Снимите блокировку, что бы можно было разобраться с шаблоном.

#17 qiwi

qiwi

    Пользователь

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

Отправлено 12 Апрель 2011 - 11:36

Доступ открыт

#18 Vaccina

Vaccina

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

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

Отправлено 13 Апрель 2011 - 00:30

Для того что бы отображалось так, как вы хотите - нужно менять верстку.

Есть альтернатива, что бы хоть как-то смотрелось:

Правим шаблон "html"

Найти 
<table id="contentMainTb" style="margin-top:1px;">
Заменить 
<table id="contentMainTb" style="margin-top: -37px;">

Найти 
<td id="leftMenuBlockWrap" style="border:1px solid #d2691e;padding-bottom:30px;">
Заменить 
<td id="leftMenuBlockWrap" style="border:0px solid #d2691e;padding-bottom:30px;">

Найти 
<ul id="subNavigation">
Заменить 
<ul id="subNavigation" style="margin-top:30px;">

Найти 
<table style="border:2px solid #d2691e;margin-top:1px;margin-left:8px;">
Заменить 
<table style="border:1px solid #d2691e;margin-top:1px;margin-left:8px;">

Обратно в Главная


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

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

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