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


Прошу Помощи Специалистов.


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

#21 support 2.0

support 2.0

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

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

Отправлено 09 Апрель 2013 - 16:57

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

Спасибо будем пробовать. Подскажите вот какой вопрос.
Как у основных и Подкатегории изменить размер картинок.
Делал через
.goodsListItem {
	 overflow: hidden;
	 padding: 0;
	 text-align: center;
	 vertical-align: top;
	 width: 200px;
}
.goodsListItemBlock {
	 cursor: pointer;
	 height: 200px;
	 margin: 5px;
	 overflow: hidden;
}
.goodsListItemImage {
	 height: 100px;
	 margin-top: 1em;
}

думал изменить размер блоков, потом в настройки-основные, но к сожалению не чего не помогло. Нужно увеличить что бы было Ширина 200, а Высота 250.

размер изображений меняется именно в Изображения категорий
Наведите на знак вопроса и прочтите какая именно строчка на что влияет. Изменения вступают в силу не сразу а через некоторое время. (минут 15-час). Связано это с тем, что Ваши изменения отправляются на сервер и попадают в очередь.

#22 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 10 Апрель 2013 - 14:12

К сожалению поменяв значение в настройках, не чего не изменилось. Фотография растянута и её не видно, также пропали и названия категорий - подкатегорий(спрятались за фото)
И ещё такой вопросик, скажите пожалуйста, можно ли(главное как) Переместить навигацию вверхний правый угол сайта

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

  • 1.jpg
  • 2.jpg


#23 Koderhan

Koderhan

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

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

Отправлено 10 Апрель 2013 - 15:32

Просмотр сообщенияMaxnina (10 Апрель 2013 - 14:12) писал:

К сожалению поменяв значение в настройках, не чего не изменилось. Фотография растянута и её не видно, также пропали и названия категорий - подкатегорий(спрятались за фото)
И ещё такой вопросик, скажите пожалуйста, можно ли(главное как) Переместить навигацию вверхний правый угол сайта
Увеличить блок с категорий можно в файле main.css.
Код:
/* Каталог навигации по категориям на странице списка товаров */
.content_catalog_nested_categories li {
  text-align:center;
  float:left;
  width:135px;/*ширина блока*/
  height:150px;/*высота блока*/
  overflow:hidden;
  padding:1em;
  margin:0px;
  list-style-type:none;
  background:none !important;
}


#24 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 10 Апрель 2013 - 17:51

Благодарю Вас Koderhan. Все получилось, чуть поковырялся и выставил как положено.

#25 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

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

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

1- Как убрать рамку вокруг фото в категориях. 2- И подвинуть описание чуть правее. (Скрин прикрепил)

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

3-Если смотреть товар не списком, а таблицей то уж очень маленькие фото. Скажите какой скрипт отвечает за размер фото ?

4-Как поменять цвет цена в категории точнее списки товара в этой категории, и потом поменять в самом товаре ?

5-При добавлении товара, точнее его фото( фото хорошего качества) при открытии товара, фото простите за слово "мерзкого" качества, возможно ли это исправить ? (Скрин приложил)

6-Можно ли перенести артикул под цену товара и изменить его цвет ??

Всем за внимание спасибо.

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

  • 01.jpg
  • 02.jpg
  • 04.jpg
  • 05.jpg


#26 Stasya

Stasya

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

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

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

1. В файле main.css найдите блок
.listing .imagem {
position: relative;
display: inline;
float: left;
width: 220px;
margin-right: 10px;
border: 1px solid #D6D6D6;
text-align: center;
background: #FFF;
padding: 1px;
}
и замените его на
.listing .imagem {
position: relative;
display: inline;
float: left;
width: 220px;
margin-right: 10px;
text-align: center;
background: #FFF;
padding: 1px;
}

2.Там же найдите блок
.listing .contm {
position: relative;
display: inline;
float: left;
width: 435px;
}
и замените его на
.listing .contm {
position: relative;
display: inline;
float: left;
width: 435px;
padding-left: 22px;
}
3. Размеры изображений Вы можете настроить в разделе  Настройки-> Основные.
4. Не совсем понятно, что Вы имеете ввиду. Можно по точнее объяснить, что именно Вы хотите.
5. Надо немножко подождать после загрузки изображения. Оно в течении некоторого времени копируется на сервер и будет отображаться как надо.
6. В шаблоне Товар найдите блок
<!-- Артикул, если указан -->
<div class="goodsDataMainModificationArtNumber" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ELSE %}itemprop="identifier"{% ENDIF %}>
	 Артикул: <span>{GOODS_MOD_ART_NUMBER}</span>
</div>
копируйте и удалите  его с прежнего местонахождения. Затем вставьте его после блока
<!-- Доступность товара -->
					 <div class="goodsDataMainModificationAvailable">
						 <div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div>
						 <div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Товара нет в наличии</div>
					 </div>
Для изменения цвета в файле main.css найдите блок
.goodsDataMainModificationArtNumber {
padding-bottom: 1em;
}
и замените его например на
.goodsDataMainModificationArtNumber {
padding-bottom: 1em;
color: red;
}


#27 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 16 Апрель 2013 - 16:29

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

#28 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 16 Апрель 2013 - 17:41

Вот вопрос, который решит сразу несколько маленьких.

Как вделать название товара, потом его изображение примерно 650 пикселей, а потом про доставку и описание.
Понял следующее, в Настройках-Основные блок "Максимальный размер по высоте/ширине в пикселях для средних изображений" отвечает за размер фото. И так, если я ставлю 650 или 600 как мне нужно то доставка, цена, артикул и т.д. сдвигаются. Я так понимаю ,можно просто код перенести и будет все супер. Помогите найти этот код(ы), не как не могу разобраться на скрине все показал.

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

  • Без имени-1.jpg


#29 support 2.0

support 2.0

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

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

Отправлено 16 Апрель 2013 - 18:52

Просмотр сообщенияMaxnina (16 Апрель 2013 - 17:41) писал:

Вот вопрос, который решит сразу несколько маленьких.

Как вделать название товара, потом его изображение примерно 650 пикселей, а потом про доставку и описание.
Понял следующее, в Настройках-Основные блок "Максимальный размер по высоте/ширине в пикселях для средних изображений" отвечает за размер фото. И так, если я ставлю 650 или 600 как мне нужно то доставка, цена, артикул и т.д. сдвигаются. Я так понимаю ,можно просто код перенести и будет все супер. Помогите найти этот код(ы), не как не могу разобраться на скрине все показал.

в шаблоне Товар найдите блок (65 строка)

<div class="goodsDataMainOrder cornerAll" itemscope itemprop="offerDetails" itemtype="http://data-vocabulary.org/Offer">
				<table>
				  <!-- Блок с данными товара при выбранных параметрах. Берутся из модификаций товара -->
				  <tr>
					<td class="goodsDataMainModificationDataBlock">
						<!-- По этому значению производится заказ товара -->
						<input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
						<!-- Цена сейчас -->
						<span class="goodsDataMainModificationPriceNow" title="Цена сейчас" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">
						   {GOODS_MOD_PRICE_NOW | money_format}
						</span>
						<!-- информация для поисковика о валюте товара -->
						<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
						<!-- информация о числе товаров на складе -->
						<meta itemprop="quantity" content="{GOODS_MOD_REST_VALUE}"/>
						<!-- информация для поисковика о наличие товара. Отображается только при наличии товара на складе. Доступные значения: out_of_stock,in_stock,instore_only,preorder. -->
						{% IF GOODS_MOD_REST_VALUE>0 %}
						  <span itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}">
						{% ENDIF %}
						<!-- Старая цена -->
						<span class="goodsDataMainModificationPriceOld lineThrough" title="Старая цена">
						  <!-- Если на товар действует скидка -->
						  {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
							{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
						  <!-- Если старая цена была больше новой -->
						  {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
							{GOODS_MOD_PRICE_OLD | money_format}
						  {% ENDIF %}
						</span>
						<!-- Доступность товара -->
						<div class="goodsDataMainModificationAvailable">
							<div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}></div>
							<div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Товара нет в наличии</div>
						</div>
						<br />
						 <!-- Артикул, если указан -->
	<div class="goodsDataMainModificationArtNumber" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ELSE %}itemprop="identifier"{% ENDIF %}<strong><em><span style="font-size:18px;">
		Артикул: <span>{GOODS_MOD_ART_NUMBER}</span>
	</div>
					</td>
					<td class="goodsDataFormSubmitButton">
					  <a class="more-link"  onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a><br /><br />
					  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
					  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
						<!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
						{% IFNOT SETTINGS_COMPARE_DISABLE %}
						  <a class="goodsDataCompareButton add" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{GOODS_NAME}&raquo; к списку сравнения с другими товарами" href="#" >Добавить к сравнению</a>
						  <a class="goodsDataCompareButton delete" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" href="#" >Убрать из сравнения</a>
						{% ENDIF %}
					  {% ENDIF %}
					</td>
				  </tr>
				  <!-- Блок информации по акции действующей на товар, если таковая есть -->
				  {% IF GOODS_MOD_MAX_DISCOUNT_ID %}
					<tr>
					  <td class="goodsDataMainDiscountBlock" colspan="2">
						<div itemprop="priceValidUntil" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}">
						  <!-- Акция на товар -->
						  <strong>Товар участвует в акции &laquo;{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}&raquo;.</strong><br />
						  По {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет {GOODS_MOD_MAX_DISCOUNT}%
						</div>
					  </td>
					</tr>
				  {% ENDIF %}
				  <!-- Блок выбора модификаций для текущей товарной позиции -->
				  <tr>
					<td class="goodsDataMainModificationsBlock" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %} colspan="2">
					  <div>
						<table>
							<tr>
							{% FOR goods_modifications_properties %}
							  <td class="goodsDataMainModificationsBlockProperty">
								<!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
								{% FOR values %}
									<!-- Если это первый элемент в списке -->
									{% IF goods_modifications_properties.values.first %}
									  <strong>{goods_modifications_properties.NAME}:</strong><br />
									  <select name="form[properties][]">
									{% ENDIF %}
									  <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
									<!-- Если это последний элемент в списке -->
									{% IF goods_modifications_properties.values.last %}
									  </select>
									{% ENDIF %}
								{% ENDFOR %}
							  </td>
							  {goods_modifications_properties.index | is_divided("2","</tr><tr>","")}
							{% ENDFOR %}
						  </tr>
						</table>
						<!-- Данные по модификациям для текущей товарной позиции -->
					   
						{% FOR goods_modifications %}
						  <div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}">
							<input type="hidden" name="id" value="{goods_modifications.ID}" />
							<input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" />
							<input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" />
							<div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div>
							<input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" />
							<div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div>
							<input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" />
							<input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" />
							<input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" />
							<input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" />
							<input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" />
							<input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" />
							<div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div>
						  </div>
						{% ENDFOR %}
					  </div>
					</td>
				  </tr>
				  <!-- Блок описания модификации -->
				  <tr>
					<td class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %} colspan="2">
					  {GOODS_MOD_DESCRIPTION}
					</td>
				  </tr>
				  <!-- Блок описания вариантов доставки -->
				  <tr>
					<td class="goodsDataMainDeliveryBlock" colspan="2">
					<script type="text/javascript">(function() {
if(window.pluso) if(typeof window.pluso.start == "function") return;
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
s.src = ('https:' == d.location.protocol ? 'https' : 'http')  + '://share.pluso.ru/pluso-like.js';
var h=d[g]('head')[0] || d[g]('body')[0];
h.appendChild(s);
})();</script>
<div class="pluso" data-options="big,square,line,horizontal,nocounter,theme=06" data-services="vkontakte,odnoklassniki,moimir,twitter,facebook,bookmark,blogger" data-background="transparent"></div>
					  <h4><p style="text-align: center;"><span style="color:#B22222;"><em><span style="font-size:14px;"><b>Условия доставки</b></span></em></span></p>
</h4>
					  {% FOR goods_delivery %}
						<div class="goodsDataMainDeliveryItem" >
						 
						  <p><span style="font-size:11px;"><strong>Стандартная доставка осуществляется&nbsp;во все регионы страны <span style="color:#B22222;">бесплатно</span>.</strong></span></p>
<p><span style="font-size:12px;"><strong style="margin: 0px; padding: 0px; color: rgb(47, 47, 47); font-family: Verdana; font-size: 10px; line-height: 14px;"><font style="margin: 0px; padding: 0px;"><font style="margin: 0px; padding: 0px;">Стандартное время доставки:</font></font></strong></span><font style="margin: 0px; padding: 0px; color: rgb(47, 47, 47); font-family: Verdana; font-size: 10px; line-height: 14px;"><font style="margin: 0px; padding: 0px;">&nbsp;<span style="font-family:arial,helvetica,sans-serif;">14-45 рабочих дней.</span></font></font></p>
<p><font style="margin: 0px; padding: 0px; color: rgb(47, 47, 47); font-family: Verdana; font-size: 10px; line-height: 14px;"><strong style="margin: 0px; padding: 0px;"><font style="margin: 0px; padding: 0px;">Для ускоренной&nbsp;доставки:</font></strong><font style="margin: 0px; padding: 0px;">&nbsp;<span style="font-family:arial,helvetica,sans-serif;">пожалуйста, свяжитесь&nbsp;</span></font></font></p>
<p><font style="margin: 0px; padding: 0px; color: rgb(47, 47, 47); font-family: Verdana; font-size: 10px; line-height: 14px;"><font style="margin: 0px; padding: 0px;"><span style="font-family:arial,helvetica,sans-serif;"><a href="http://maxnina.storeland.ru/feedback" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no'); return false;"><span style="color:#B22222;">с администрацией</span><span style="color:#008080;"> </span>интернет-магазина&nbsp;Max<span style="color:#FF0000;">NINA</span></a></span></font><span style="font-family:arial,helvetica,sans-serif;"><font style="margin: 0px; padding: 0px;">.</font></span></font></p>
<p><span style="color: rgb(47, 47, 47); font-family: arial, helvetica, sans-serif; font-size: 10px; line-height: 14px;">С более подробной информацией о способе, стоимости и времени доставки, пожалуйста ознакомтесь <span style="font-size:11px;"><strong>здесь</strong></span>.</span></p>

						  {% IF goods_delivery.rules_empty %}
						  {% ELSE %}
							<div class="goodsDataMainDeliveryItemRules">
							  <table>
								<thead>
								</thead>
								<tbody class="num">
								
								  
								</tbody>
							  </table>
							</div>
						  {% ENDIF %}
						</div>
					  {% ENDFOR %}
					</td>
				  </tr>
				</table>
			  </div>
вырежьте его и вставьте ПЕРЕД
<!-- Блок описания модификации -->

также можно попробовать заменить
<td class="goodsDataMainImageBlock">
			  <!-- Большое изображение -->
на
<td colspan="2" class="goodsDataMainImageBlock">
			  <!-- Большое изображение -->


#30 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

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

Спасибо Вам большое, но вот сразу возникли проблемы.
Постараюсь, все показать как можно подробнее.

1-Как можно перенасти блок модификаций под фото, если я просто перемещаю блок на старое место, точнее его часть с начала"модификаций", то у меня вся таблица под ней встаёт не правильно. Становится больше, а картинки в правой части вообще уезжают вниз и встают с левой стороны. Хотелось бы, это все дело поставить ровно, помогите пожалуйста.

Вопрос 2 - Можно ли, поставить картинки под фото, ровно по середине, и если возможно закрепить к ним стрелки(Право/лево) для более удобного переключения ?

3 (Пожалуй один из самых Важных вопросов.) - Как  перенести цену, и кнопку"добавить в корзину" с правой стороны, на бывшее место "каталога товаров" ?? Пример как это выглядит нарисовал на фотошопе. Если такое возможно, то, как теперь под ценой сделать не большой отступ и где сейчас расположены баннеры оставить их как они есть. Изменить цвет цены(старой цены) и поменять цвет кнопки ????

4-Перед всем этим делом, выставить название товара !!! Сейчас оно просто пропало !

5 Само фото (Уже которое большое, сделать по центру, а то сейчас оно сдвинуто левее.

Так же прилагаю скрины, которые делал по примеру описанному выше

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

  • Без имени-3.jpg
  • ЙЙЙЙ1.jpg
  • ЙЙЙЙ2.jpg


#31 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 17 Апрель 2013 - 11:16

:(

#32 Stasya

Stasya

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

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

Отправлено 17 Апрель 2013 - 14:47

Просмотр сообщенияMaxnina (17 Апрель 2013 - 11:16) писал:

Если то что я написал не как нельзя осуществить ( То скажите пожалуйста, код " <div class="goodsDataMainOrder cornerAll" itemscope itemprop="offerDetails" itemtype="http://data-vocabula...ary.org/Offer">
<table> " за что отвечает ? Если его удалить, то таблица под товаром размещается на всю ширину сайта. Я так понимаю этот код как то зависит от каталога товара в описании товара.
Если не получается что просил выше, то теперь, как удалить вообще блок с каталогом товара и разместить фото по середине, там есть полоса, я так понял её нужно удалить, но не найду где.
Данный код отвечает за какой-то блок,в котором ессть таблица. При чем строчка
<div class="goodsDataMainOrder cornerAll" itemscope itemprop="offerDetails" itemtype="http://data-vocabula...ary.org/Offer">
выделяет место- блок. а строка
<table>
является тегом для таблицы. Без нее таблица скорее всего существовать не будет. Если только перед данным блоком не стоит еще какая нибудь таблица с таким незакрытым тегом.
Не могли Вы поподробнее объяснить что именно хотите сделать

#33 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 17 Апрель 2013 - 18:36

Люди не бросайте меня, подскажите как такое сделать ?(( :(

#34 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 17 Апрель 2013 - 23:23

Ответьте вот на какой вопрос.

Как под фото разместить блок модификаций, доставки. А с правой стороны, где был каталог, разместить цену и кнопку, пример прикрепил.

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

  • ййййййййййййййй.jpg


#35 Stasya

Stasya

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

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

Отправлено 18 Апрель 2013 - 11:01

Скачайте прикрепленный файл и вставьте код из него к себе в шаблон Товар. Затем в файле main.css найдите блок
.goods-image-medium {
max-width: 280px;
max-height: 280px;
}
и замените его на
.goods-image-medium {
max-width: 280px;
max-height: 280px;
margin-left: 212px;
margin-top: 10px;
}
Теперь найдите блок
.goodsDataMainImageZoom {
text-align: center;
padding: 0.5em;
}
и замените его на
.goodsDataMainImageZoom {
text-align: center;
padding: 0.5em;
margin-left: 194px;
}

По поводу цены и кнопки купить, могу Вам сказать, что лучше не стоит этого делать. Во-первых это будет не удобно пользователям. Они, конечно, оценят Вашу креативность и фантазию. Во-вторых покупатель всегда хочет знать что и за какие деньги он покупает. А тут получается, что он видит ЧТО покупает, а вот цену этому ему придется зрительно поискать. Это, мне кажется, не совсем правильно с точки зрения маркетинга.  Во-третьих, данное место расположение может быть не совсем корректным. Так как у Вас картинки разной ширины, то это может привести к постоянному смещению данных полей. И в один неожиданный момент кнопка купить может уехать неизвестно куда. Так что подумайте еще раз. Сделать это конечно не сложно, но надо ли Вам это?

Прикрепленные файлы

  • Прикрепленный файл  Товар.doc   97,5К   209 Количество загрузок:


#36 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 18 Апрель 2013 - 11:27

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

#37 Stasya

Stasya

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

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

Отправлено 18 Апрель 2013 - 12:15

Ну если Вы все фото сделаете именно такого размера, то тогда можно сделать там кнопки. Но если размер фото не будет так фиксирован, то это может привести к тому что я писала Вам выше. Лично мое мнение, не стоит такого делать.

#38 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 19 Апрель 2013 - 13:16

Все получилось просто супер ! Спасибо Вам большое. Если Вам не сложно, скажите пожалуйста, можно ли сделать маленькие фотографии ( Другие фото товара) сделать вертикально без надписи "увеличить фото"???

И можно как то сделать навание товара, над картинкой

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

  • Без имени-1.jpg


#39 Stasya

Stasya

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

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

Отправлено 19 Апрель 2013 - 16:35

Найдите у себя в шаблоне Товар блок
<table class="goodsDataMain">
		  <tr>
			<td colspan="2" class="goodsDataMainImageBlock">
			  <!-- Большое изображение -->
			  <div class="goodsDataMainImage">
			  <table><tr><td>
				{% IF GOODS_IMAGE_EMPTY %}
				  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" />
				{% ELSE %}
				  <a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>
				{% ENDIF %}</td></tr></table>
				<!-- Идентификатор изображения товара, используется для галереи изображений -->
				<input type="hidden" rel="{GOODS_IMAGE_ID}" />
			  </div>
		  </td>
		 <td></td>
		   </tr>
		   <tr>
		   <td colspan="2">
			  <!-- Ссылка на увеличение среднего изображения товара до большого. Появляется если у товара указано изображение -->
			  {% IFNOT GOODS_IMAGE_EMPTY %}
				<div class="goodsDataMainImageZoom">
				  <a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a>
				</div>
			  {% ENDIF %}
		</td>
		 <td></td>
		   </tr>
		   <tr>
		   <td colspan="2">
		   <div style="margin-left:265px;">
			  <!-- Другие изображения товара. Отображаются если есть изображения товара -->
			  {% IFNOT goods_images_empty %}
				{% FOR goods_images %}
			
				  <!-- Уменьшенное изображение товара -->
				  <div class="goodsDataMainImagesIcon left">
					<a href="{goods_images.LARGE}" rel="gallery"  target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
					<!-- Идентификатор изображения товара, используется для галереи изображений -->
					<input type="hidden" rel="{goods_images.ID}" />
				  </div>
				  <!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
				  {% IF goods_images.last %}
					</div>
				  {% ENDIF %}
				{% ENDFOR %}
			  {% ENDIF %}</div>
			</td>
			<td></td>
		   </tr>
		   </tale>
и замените его на
<table class="goodsDataMain">
		  <tr>
			<td colspan="2" class="goodsDataMainImageBlock">
			  <!-- Большое изображение -->
			  <div class="goodsDataMainImage">
			  <table><tr><td>
				{% IF GOODS_IMAGE_EMPTY %}
				  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" />
				{% ELSE %}
				  <a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>
				{% ENDIF %}</td></tr></table>
				<!-- Идентификатор изображения товара, используется для галереи изображений -->
				<input type="hidden" rel="{GOODS_IMAGE_ID}" />
			  </div>
		  </td>
		 <td style="vertical-align:middle;">
		   <div style="margin-left:20px;width:100px">
			  <!-- Другие изображения товара. Отображаются если есть изображения товара -->
			  {% IFNOT goods_images_empty %}
				{% FOR goods_images %}
			
				  <!-- Уменьшенное изображение товара -->
				  <div class="goodsDataMainImagesIcon left">
					<a href="{goods_images.LARGE}" rel="gallery"  target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
					<!-- Идентификатор изображения товара, используется для галереи изображений -->
					<input type="hidden" rel="{goods_images.ID}" />
				  </div>
				  <!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
				  {% IF goods_images.last %}
					</div>
				  {% ENDIF %}
				{% ENDFOR %}
			  {% ENDIF %}</div>
			</td>
		   </tr>
		   <tr>
		   <td colspan="2">
			  <!-- Ссылка на увеличение среднего изображения товара до большого. Появляется если у товара указано изображение -->
			  {% IFNOT GOODS_IMAGE_EMPTY %}
				<div class="goodsDataMainImageZoom">
				  <a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a>
				</div>
			  {% ENDIF %}
		</td>
		 <td></td>
		   </tr>
		   <tr>
		  
			<td></td>
		   </tr>
		   </table>


#40 Maxnina

Maxnina

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

  • Пользователи
  • PipPipPip
  • 100 сообщений
  • ГородОренбург

Отправлено 21 Апрель 2013 - 04:16

Ребята мзвените может не в тему но возник вопрос. Я хочу посмотреть новый шаблон, могу ли я как то полностью сохранить свой дизаин без каких либо потерь ?? Если да, то как ?)




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

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