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


Увеличить Размер Фото Товара При Отображении Таблицей


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

#1 yvn

yvn

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

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

Отправлено 29 Январь 2014 - 21:15

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

1. Как увеличить размер фото товара при отображении таблицей.
2. Убрать надпись "Оствить отзыв первым"

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

  • Прикрепленный файл  2222.bmp   842,61К   549 Количество загрузок:


#2 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2014 - 05:12

1. Размер изображений настраивается в разделе Настройки - Основные. Вручную в коде лучше не растягивать фото товара так как это повлияет на качество.
2. сайт - редактор шаблонов - товары - найдите и удалите:

<div class="rating">
			  <!-- Среднее значение по результатам всех отзывов об этом товаре -->
			  {% IF goods.OPINION_RATING_VALUE %}
				<img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
			  {% ENDIF %}
			 
			  {% IF goods.OPINION_RATING_CNT_ALL>0 %}
				<a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a>
			  {% ELSE %}
				<a href="{goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
			  {% ENDIF %}
			</div>


#3 yvn

yvn

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

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

Отправлено 30 Январь 2014 - 13:31

 Vaccina (30 Январь 2014 - 05:12) писал:

1. Размер изображений настраивается в разделе Настройки - Основные. Вручную в коде лучше не растягивать фото товара так как это повлияет на качество.
2. сайт - редактор шаблонов - товары - найдите и удалите:

<div class="rating">
			 <!-- Среднее значение по результатам всех отзывов об этом товаре -->
			 {% IF goods.OPINION_RATING_VALUE %}
			 <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
			 {% ENDIF %}
			
			 {% IF goods.OPINION_RATING_CNT_ALL>0 %}
			 <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a>
			 {% ELSE %}
			 <a href="{goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
			 {% ENDIF %}
		 </div>

1. По первому вопросу: я загружаю все изображения 924х1230, в основных настройках увеличиваю размер товара, но ничего не меняется. Нужно чтоб при отображении таблицей все же увеличилась картинка товара и на строку выходило максимум четыре изображения. Допустим при отображении списком я смог увеличить картинку товара в настройке ("Товары" <figure style="width: 30%;height: 100%;float: left; clear: both; position: relative; overflow: hidden;">)
И еще при отбражении списком возможно чтоб в одной строке отображалось два или три товара?

#4 miyako

miyako

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

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

Отправлено 30 Январь 2014 - 13:55

 yvn (30 Январь 2014 - 13:31) писал:

1. По первому вопросу: я загружаю все изображения 924х1230, в основных настройках увеличиваю размер товара, но ничего не меняется. Нужно чтоб при отображении таблицей все же увеличилась картинка товара и на строку выходило максимум четыре изображения. Допустим при отображении списком я смог увеличить картинку товара в настройке ("Товары" <figure style="width: 30%;height: 100%;float: left; clear: both; position: relative; overflow: hidden;">)
И еще при отбражении списком возможно чтоб в одной строке отображалось два или три товара?

Отображением таблицей у Вас отображается по 4 товаре в строке.
Изменить размер изображений можно в свойстве -
.containers .items figure, .containers2 .items figure, .containers .items>div, .containers2 .items>div {
width: 170px !important;
}
и
.containers .items, .containers2 .items {
display: inline-block;
float: none !important;
vertical-align: top;
width: 170px !important;
}
в style.css

поле width

чтобы списком по 2 товара, найдите код в шаблоне Товары -
<!-- Если отображаем товары таблицей -->
	  {% ELSE %}
		<!-- Проходим по массиву списка товаров -->
		{% FOR goods %}
		  <div class="items" style="width:97%; margin: 10px; padding: 10px; clear: both; display:block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;">
		
и замените на -
<!-- Если отображаем товары таблицей -->
	  {% ELSE %}
		<!-- Проходим по массиву списка товаров -->
		{% FOR goods %}
		  <div class="items" style="width:45%;height:500px;clear: both; margin: 10px; padding: 10px; zoom:1;*display:inline; display:inline-block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;">
		 


#5 yvn

yvn

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

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

Отправлено 30 Январь 2014 - 15:00

Огромное спасибо.

#6 yvn

yvn

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

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

Отправлено 02 Февраль 2014 - 18:55

Научите как вставить на это место все эти соц. кнопки, как на скрине,чтоб при нажатии выскакивало меню "поделиться.."

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

  • Прикрепленный файл  456.bmp   667,55К   488 Количество загрузок:


#7 @lina_va

@lina_va

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

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

Отправлено 02 Февраль 2014 - 19:08

 yvn (02 Февраль 2014 - 18:55) писал:

Научите как вставить на это место все эти соц. кнопки, как на скрине,чтоб при нажатии выскакивало меню "поделиться.."
тема по установке соц. кнопок уже обсуждалась на форуме не один раз.
сайт который генерирует код для кнопок соц сетей: http://share42.com/ru
И темы с инструкциями
http://forum.storela...нопки-соцсетей/

http://forum.storela...-подобных-из-с/

#8 yvn

yvn

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

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

Отправлено 02 Февраль 2014 - 19:56

В карточке товара при листании увеличенных фото выщелкивается два раза одно и то же фото? Не техническая ли это ошибка?

#9 yvn

yvn

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

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

Отправлено 04 Март 2014 - 22:17

Как увеличить шрифт в описании к модификации товара?

#10 Vaccina

Vaccina

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

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

Отправлено 05 Март 2014 - 02:06

 yvn (02 Февраль 2014 - 19:56) писал:

В карточке товара при листании увеличенных фото выщелкивается два раза одно и то же фото? Не техническая ли это ошибка?
В шаблоне Товар найдите:
<figure class="main-image" style="width:100%;float:none;margin-bottom: 20px;z-index:50">
		 <div>
		 <table><tr>
		 <td>
				 {% IFNOT goods_images_empty %}
				 {% FOR goods_images %}
				 {% IF goods_images.first %}
						 <ul class="preview_images {% IF goods_images.length=5 %}hide{% ENDIF %}" data-role="preview-images">
				 {% ENDIF %}
						 <li>
								 <a rel="group" href="{goods_images.LARGE}" class="mini"><img src="{goods_images.LARGE}" alt="{goods_images.NAME}" class="mini"/></a>
						 </li>
					   
				 {% IF goods_images.last %}
						 </ul>
				 {% ENDIF %}		   
				 {% ENDFOR %}
		 {% ENDIF %}
		 </td>
		 <td cosplan="2">
		 {% IF GOODS_IMAGE_EMPTY %}
				 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" />
				 {% ELSE %}			
				 <a itemprop="image" rel="group" href="{GOODS_IMAGE_LARGE}" class="main"><img src="{GOODS_IMAGE_LARGE}" alt="{GOODS_NAME}" class="main"/></a>
				 {% ENDIF %}
</td><td></td>
		 </tr></table>
				 </div></figure>
измените на:
<figure class="main-image" style="width:100%;float:none;margin-bottom: 20px;z-index:50">
		 <div>
		 <table><tr>
		 <td>
				 {% IFNOT goods_images_empty %}
				 {% FOR goods_images %}
				 {% IF goods_images.first %}
						 <ul class="preview_images {% IF goods_images.length=5 %}hide{% ENDIF %}" data-role="preview-images">
				 {% ENDIF %}
						 <li>
								 <a rel="group" id="preview{goods_images.ID} href="{goods_images.LARGE}" class="mini"><img src="{goods_images.LARGE}" alt="{goods_images.NAME}" class="mini"/></a>
						 </li>
					   
				 {% IF goods_images.last %}
						 </ul>
				 {% ENDIF %}		   
				 {% ENDFOR %}
		 {% ENDIF %}
		 </td>
		 <td cosplan="2">
		 {% IF GOODS_IMAGE_EMPTY %}
				 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" />
				 {% ELSE %}			
				 <a itemprop="image" rel="{GOODS_IMAGE_ID}" href="{GOODS_IMAGE_LARGE}" class="main"><img src="{GOODS_IMAGE_LARGE}" alt="{GOODS_NAME}" class="main"/></a>
				 {% ENDIF %}
</td><td></td>
		 </tr></table>
				 </div></figure>

И в main.js  в самом конце вставьте:
$(function() {
  $('.main-image a.main').click(function() {
	$('#preview' + $(this).attr('rel')).trigger('click');
	return(false);
  });
});

 yvn (04 Март 2014 - 22:17) писал:

Как увеличить шрифт в описании к модификации товара?
укажите пожалуйста ссылку на товар, где можно его просмотреть

#11 yvn

yvn

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

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

Отправлено 05 Март 2014 - 10:03

1

#12 Alexey11

Alexey11

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

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

Отправлено 05 Март 2014 - 13:22

 yvn (05 Март 2014 - 10:03) писал:

Пожалуйста: http://cityton.ru/go...Gutti?from=ZTVi
Нужно увеличить окошко с цифрами размеров и шрифт описания к каждому размеру.

p.s. и у меня почему то не получается отправить картинку в сообщение (ctrl+v не помогает как ранее), точней она вставляется, но после нажатия "сохранит" исчезает.

Добавьте данный блок кода в шаблон style.css:

.goodsDataMainModificationsDescriptionBlock div{font-size: 18px;}

измените значение параметра font-size на нужное вам.

далее найдите данный блок кода в шаблоне style.css

select {padding: 0.4em;float: left;height: 30px;}

измените значение параметра height , чтобы увеличить окошко с цифрами по высоте, также можно добавить параметр width , чтобы задать фиксированную ширину данному окошку.

#13 yvn

yvn

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

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

Отправлено 08 Март 2014 - 03:01

Как убрать кнопку "заказать" везде кроме карточки товара?

1.jpg

2.jpg

#14 Vaccina

Vaccina

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

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

Отправлено 08 Март 2014 - 03:14

В HTML находим и удаляем:
<div class="buy-item">
			 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}">
				  <div>
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
					<input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
					<!--button type="submit" onclick="this.form.submit();" title="Положить &laquo;{index_page_goods.NAME}&raquo; в корзину" />В корзину</button-->
					<button type="submit" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button>
				  </div>
				</form>
			  </div>

<div class="buy-item">
					<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}">
					 <div>
						<input type="hidden" name="hash" value="{HASH}" />
						<input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
						<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
						<input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
						<!--button type="submit" onclick="this.form.submit();" title="Положить &laquo;{index_page_new_goods.NAME}&raquo; в корзину" />В корзину</button-->
						<button type="submit" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button>
					  </div>
					</form>
				  </div>

<div class="buy-item">
					<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}">
					  <div>
						<input type="hidden" name="hash" value="{HASH}" />
						<input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" />
						<input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" />
						<input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
						<!--button type="submit" onclick="this.form.submit();" title="Положить &laquo;{index_page_favorites_goods.NAME}&raquo; в корзину" />В корзину</button-->
						<button type="submit" onclick="quickorder('.product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button>
					  </div>
					</form>
				  </div>

В шаблоне Товары и Поиск:
<div class="buy-item">
			  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
				<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}" />
				<input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
			<!--button type="submit" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').submit();return false;" title="Положить &laquo;{goods.NAME}&raquo; в корзину">В корзину</button-->
				<button type="submit" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button>
			  </form>
			</div>

В шаблоне Товар:
<div class="buy-item">
				  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{related_goods.MIN_PRICE_NOW_ID}">
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
					<input name="form[goods_mod_quantity]" id="qty" maxlength="12" value="1" title="Количество" style="float: left;text-align: right;width: 30px;margin-top: 1px;margin-right: 1%;padding-right: 5px;">
					<button type="submit" title="Быстрое оформление заказа" onclick="quickorder('.product-form-{related_goods.MIN_PRICE_NOW_ID}');return false;">Заказать</button>
					<!--button type="submit" title="Добавить товар в корзину" onclick="this.form.submit();">в корзину</button-->
				  </form>
				</div>

<div class="buy-item">
				  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{related_views_goods.MIN_PRICE_NOW_ID}">
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{related_views_goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{related_views_goods.MIN_PRICE_NOW_ID}" />
					<input name="form[goods_mod_quantity]" id="qty" maxlength="12" value="1" title="Количество" style="float: left;text-align: right;width: 30px;margin-top: 1px;margin-right: 1%;padding-right: 5px;">
					<button type="submit" title="Быстрое оформление заказа" onclick="quickorder('.product-form-{related_views_goods.MIN_PRICE_NOW_ID}');return false;">Заказать</button>
					<!--button type="submit" title="Добавить товар в корзину" onclick="this.form.submit();">в корзину</button-->
				  </form>
				</div>


#15 yvn

yvn

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

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

Отправлено 08 Март 2014 - 15:38

Спасибо за быструю помощь!

Вот еще:
1111.jpg

#16 Alexey11

Alexey11

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

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

Отправлено 09 Март 2014 - 09:33

 yvn (08 Март 2014 - 15:38) писал:

Спасибо за быструю помощь!

Вот еще:
1111.jpg

1.Найдите данный блок кода в шаблоне style.css
section.newsletter {background: #e99415; margin: 1em 0; padding: 0.2em 1.5em; height: 1.5em; width: 11%; left: 0%;font: normal 13px 'arial'; color: #fff;}
замените его на:

section.newsletter {background: #e99415; margin:3em 0 1em 0; padding: 0.2em 1.5em; height: 1.5em; width: 11%; left: 0%;font: normal 13px 'arial'; color: #fff;}


2.Найдите данный блок кода в шаблоне style.css

section[role="main"] {margin-bottom: 6em;z-index: 10;}

измените значение параметра margin-bottom на меньшее.

3.Найдите данный блок кода:
section header h2 span, section header h1, .shop section header h1 span, .basket section header h1 span, .tandem h1 span {color: #8a8a8a;z-index: 15;}

замените его на:
section header h2 span, section header h1, .shop section header h1 span, .basket section header h1 span, .tandem h1 span {font-size:20px;color: #8a8a8a;z-index: 15;}
Измените значение параметра font-size (размер шрифта) и color (цвета) на нужное вам.

#17 yvn

yvn

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

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

Отправлено 19 Март 2014 - 09:21

Подскажите пожалуйста как поменять цвет рамки?

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

  • 1.jpg


#18 Taisia

Taisia

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

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

Отправлено 19 Март 2014 - 09:46

Добавьте в конец файла стилей код

.items {background-color:тут впишите параметр нужного цвета !important;}


#19 yvn

yvn

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

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

Отправлено 19 Март 2014 - 12:20

Спасибо!!! вот  еще:

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

  • 2.jpg


#20 MikDark

MikDark

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

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

Отправлено 19 Март 2014 - 12:37

 yvn (19 Март 2014 - 12:20) писал:

Спасибо!!! вот  еще:

Добавьте в файл стилей:

.items h3 {
margin-top: 10px;
}

10px можете заменить на нужное расстояние.




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

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