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


Карточка Товара


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

#1 Александр86

Александр86

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

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

Отправлено 18 Январь 2016 - 22:11

Здравствуйте! Хотелось бы произевести ряд изменений:
1. В списке товаров, в самом товаре рядом с названием стояла сразу цена, и именно там изменить цвет этой цены. Убрать рейтинг, соответственно уменьшить этот верхний блок(который всплывает при наведении).И изменить цвет только этого блока.
2. Убрать нижний блок в товаре(корзина, сравнение, нравится), заменить на кнопку купить.
3. Рядом с кнопкой в верхнем меню "войти в лк" сделать поиск по магазину.
Спасибо)

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

  • товар.jpg


#2 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 19 Январь 2016 - 02:02

Рейтинг норм тема
Если конечно вы лицензии продавать будете

#3 Vaccina

Vaccina

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

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

Отправлено 19 Январь 2016 - 06:03

В шаблоне Товары найдите и удалите:
<div class="ratings">
						<div class="rating-box">
						  {% IF goods.OPINION_RATING_VALUE %}
						  <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
							<meta itemprop="worstRating" content = "1">
							<meta itemprop="bestRating" content = "10">
							<meta itemprop="ratingValue" content = "{goods.OPINION_RATING_VALUE}">
							<meta itemprop="reviewCount" content = "{goods.OPINION_RATING_CNT_ALL}">
							<div class="rating" style="width:{goods.OPINION_RATING_VALUE}0%" alt="{goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
						  </span>
						  {% ELSE %}
							<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
						  {% ENDIF %}
						</div>
					  </div>

далее найдите и удалите:
<ul class="add-to-links">
						<li class="wishlist">
						  <!-- Если есть возможность добавить товар в избранное -->
						  {% IF goods.IS_HAS_IN_FAVORITES_LIST %}
							<a class="add-wishlist added"
							  data-action-is-add="0"
							  data-action-add-url="{FAVORITES_ADD_URL}"
							  data-action-delete-url="{FAVORITES_DELETE_URL}"
							  data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
							  data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
							  title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
							  href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
							><i class="fa fa-heart"></i></a>
						  {% ELSE %}
							<a class="add-wishlist"
							  data-action-is-add="1"
							  data-action-add-url="{FAVORITES_ADD_URL}"
							  data-action-delete-url="{FAVORITES_DELETE_URL}"
							  data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
							  data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
							  title="Добавить &laquo;{goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
							><i class="fa fa-heart"></i></a>
						  {% ENDIF %}
						  <!-- END Если есть возможность добавить товар в избранное -->
						</li>
						<li class="compare">
						  <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
							{% IF goods.IS_HAS_IN_COMPARE_LIST %}
							  <a class="add-compare added"
								data-action-is-add="0"
								data-action-add-url="{COMPARE_ADD_URL}"
								data-action-delete-url="{COMPARE_DELETE_URL}"
								data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
								data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
								data-prodname="{goods.NAME}"
								data-produrl="{goods.URL}"
								data-id="{goods.ID}"
								data-mod-id="{goods.MIN_PRICE_NOW_ID}"
								title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
								href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							  ><i class="fa fa-retweet"></i></a>
							{% ELSE %}
							  <a class="add-compare"
								data-action-is-add="1"
								data-action-add-url="{COMPARE_ADD_URL}"
								data-action-delete-url="{COMPARE_DELETE_URL}"
								data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
								data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
								data-prodname="{goods.NAME}"
								data-produrl="{goods.URL}"
								data-id="{goods.ID}"
								data-mod-id="{goods.MIN_PRICE_NOW_ID}"
								title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
								href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							  ><i class="fa fa-retweet"></i></a>
							{% ENDIF %}
						  {% ENDIF %}
						  <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						</li>
					  </ul>

далее найдите:
<a class="add-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><i class="fa fa-shopping-cart"></i></a>
					 

замените на:
<a class="add-cart button" style="display: block; width: 100%; line-height: 30px;" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>Заказать</a>
					 


#4 Александр86

Александр86

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

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

Отправлено 19 Январь 2016 - 09:45

Здравствуйте, получилось убрать рейтинг  и сравнение товаров, но хотелось бы сделать вместо всего нижнего блока просто кнопку заказать. И в верхнем блоке перенести цену рядом с названием( допускается неполное название товара). И изменить цвет цены именно в этом блоке. Спасибо

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

  • товар.jpg


#5 RedHead

RedHead

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

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

Отправлено 19 Январь 2016 - 11:08

Просмотр сообщенияАлександр86 (19 Январь 2016 - 09:45) писал:

Здравствуйте, получилось убрать рейтинг  и сравнение товаров, но хотелось бы сделать вместо всего нижнего блока просто кнопку заказать. И в верхнем блоке перенести цену рядом с названием( допускается неполное название товара). И изменить цвет цены именно в этом блоке. Спасибо

Здравствуйте! Перед внесением изменений, создайте бэкап.
В шаблоне html замените строку:
<a class="add-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><i class="fa fa-shopping-cart"></i></a>
на:
<!--<a class="add-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><i class="fa fa-shopping-cart"></i></a-->
								  <button type="submit" class="add-cart button-new" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>ЗАКАЗАТЬ</button>
затем в конец шаблона main.css добавьте:
button.add-cart.button-new {background: #4169E1;color: #fff;font-size: 18px;width: 120px;height: 36px;line-height: 36px; font-weight: 600; border: 0px;text-align: center;box-shadow: 0 0 0 5px transparent;-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;transition: background 0.3s, color 0.3s, box-shadow 0.3s;position: relative;z-index: 111;}
button.add-cart.button-new:hover {background: rgba(255,255,255,1);color: #4169E1;box-shadow: 0 0 0 5px rgba(255,255,255,0.3);cursor: pointer;}

Далее найдите в шаблоне html строки
<div class="product-name"><a href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}" itemprop="url">{index_page_goods.NAME}</a></div>
								  <meta itemprop="name" content="{index_page_goods.NAME}">
								  <meta itemprop="description" content="{% IF index_page_goods.DESCRIPTION_SHORT %}{index_page_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
								  <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
замените на:
<div class="product-name-new"><a href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}" itemprop="url">{index_page_goods.NAME}</a></div>
								  <meta itemprop="name" content="{index_page_goods.NAME}">
								  <meta itemprop="description" content="{% IF index_page_goods.DESCRIPTION_SHORT %}{index_page_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
								  <div class="price-box-new" itemprop="offers" itemscope itemtype="http://schema.org/Offer">

и в конец main.css добавьте:
.product-name-new {width: 50%;float: left;}
.products-grid .item .item-inner .product-name-new a {font-size: 16px;font-weight: 600;height: 22px;line-height: 22px;width: 50%;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.products-grid .item .item-inner .price-box-new {width: 50%;float: right;}
.products-grid .item .item-inner .price-box-new p.old-price {margin: 0 0 5px 0;}

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

#6 Александр86

Александр86

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

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

Отправлено 19 Январь 2016 - 11:18

Спасибо,изменения произвел, но некоторые товары съехали.
Еще хотелось бы сделать кнопку всегда активной, но не всплывающей при наведении, а просто отдельной кнопкой снизу. Верхний блок остался по размеру прежним, можно ли его изменить? Или вообще убрать эти блоки при наведении, т.е. сделать карточку товара с названием, ценой и кнопкой заказать снизу Всегда статичными. Надеюсь правильно объяснился) А еще хотелось бы произвести изменения для всех товаров в общем. Спасибо)
Еще момент по верхнему меню, там тоже многое посъезжало при добавлении поиска, возможно все привести в порядок(если уменьшить размер текста или что-то в этом роде)?
Заранее большое спасибо)

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

  • изменения.jpg
  • верх.jpg


#7 Ирина345

Ирина345

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

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

Отправлено 19 Январь 2016 - 11:52

Просмотр сообщенияАлександр86 (19 Январь 2016 - 11:18) писал:

Спасибо,изменения произвел, но некоторые товары съехали.
Еще хотелось бы сделать кнопку всегда активной, но не всплывающей при наведении, а просто отдельной кнопкой снизу. Верхний блок остался по размеру прежним, можно ли его изменить? Или вообще убрать эти блоки при наведении, т.е. сделать карточку товара с названием, ценой и кнопкой заказать снизу Всегда статичными. Надеюсь правильно объяснился) А еще хотелось бы произвести изменения для всех товаров в общем. Спасибо)
Еще момент по верхнему меню, там тоже многое посъезжало при добавлении поиска, возможно все привести в порядок(если уменьшить размер текста или что-то в этом роде)?
Заранее большое спасибо)
Здравствуйте,
найдите в файле main.css
.products-grid .item .item-inner .item-info {
	padding: 10px;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	max-height: 72px;
}
замените на
.products-grid .item .item-inner .item-info {
	padding: 10px;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	max-height: 56px;
}

далее найдите

.products-grid .item .item-inner .actions .add-cart.button {
	float: left;
	width: 100%;
	overflow: visible;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
}
замените на

.products-grid .item .item-inner .actions .add-cart.button {
	float: left;
	width: 32%;
	overflow: visible;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
}

далее найдите

.products-grid .item .item-inner .actions .fa {
	color: #fff;
	font-size: 18px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 100%;
	box-shadow: 0 0 0 5px transparent;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	position: relative;
	z-index: 111;
}

замените на

.products-grid .item .item-inner .actions .fa {
	color: #4169E1;
	font-size: 18px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 100%;
	box-shadow: 0 0 0 5px transparent;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	position: relative;
	z-index: 111;
}


далее найдите
.products-grid .item .item-inner .actions {
	background: #4169E1;
	text-align: center;
	padding: 10px;
	min-height: 51px;
	overflow: hidden;
	position: absolute;
	width: 98%;
	margin: 1%;
	bottom: 0;
	left: 0;
	-moz-transform: translateY(300px);
	-webkit-transform: translateY(300px);
	-o-transform: translateY(300px);
	-ms-transform: translateY(300px);
	transform: translateY(300px);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
замените на

.products-grid .item .item-inner .actions {
	background: #4169E1;
	text-align: center;
	padding: 10px;
	min-height: 51px;
   
}


#8 Александр86

Александр86

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

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

Отправлено 19 Январь 2016 - 12:04

Спасибо,практически то,что надо, но:
1. Как применить эти изменения ко всем товарам, и все-таки возможно сделать блок заказать меньше,и в виде кнопки? И немного уменьшить верхний блок.
2. Можно ли исправить верхнее меню(сместилось при добавлении поиска по сайту)?
Спасибо

#9 RedHead

RedHead

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

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

Отправлено 19 Январь 2016 - 20:55

Просмотр сообщенияАлександр86 (19 Январь 2016 - 12:04) писал:

Спасибо,практически то,что надо, но:
1. Как применить эти изменения ко всем товарам, и все-таки возможно сделать блок заказать меньше,и в виде кнопки? И немного уменьшить верхний блок.
2. Можно ли исправить верхнее меню(сместилось при добавлении поиска по сайту)?
Спасибо

Перед внесением изменений, создайте бэкап.

В шаблоне ТОВАРЫ замените блок кода:
<!--a class="add-cart quick button " title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a-->
					  <a class="add-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><i class="fa fa-shopping-cart"></i></a>
<ul class="add-to-links">
						<li class="wishlist">
						  <!-- Если есть возможность добавить товар в избранное -->
						  {% IF goods.IS_HAS_IN_FAVORITES_LIST %}
							<a class="add-wishlist added"
							  data-action-is-add="0"
							  data-action-add-url="{FAVORITES_ADD_URL}"
							  data-action-delete-url="{FAVORITES_DELETE_URL}"
							  data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
							  data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
							  title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
							  href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
							><i class="fa fa-heart"></i></a>
						  {% ELSE %}
							<a class="add-wishlist"
							  data-action-is-add="1"
							  data-action-add-url="{FAVORITES_ADD_URL}"
							  data-action-delete-url="{FAVORITES_DELETE_URL}"
							  data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в избранное"
							  data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из избранного"
							  title="Добавить &laquo;{goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
							><i class="fa fa-heart"></i></a>
						  {% ENDIF %}
						  <!-- END Если есть возможность добавить товар в избранное -->
						</li>
						<li class="compare">
						  <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
							{% IF goods.IS_HAS_IN_COMPARE_LIST %}
							  <a class="add-compare added" 
								data-action-is-add="0" 
								data-action-add-url="{COMPARE_ADD_URL}"
								data-action-delete-url="{COMPARE_DELETE_URL}"
								data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
								data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
								data-prodname="{goods.NAME}"
								data-produrl="{goods.URL}"
								data-id="{goods.ID}"
								data-mod-id="{goods.MIN_PRICE_NOW_ID}"
								title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
								href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							  ><i class="fa fa-retweet"></i></a>
							{% ELSE %}
							  <a class="add-compare" 
								data-action-is-add="1" 
								data-action-add-url="{COMPARE_ADD_URL}" 
								data-action-delete-url="{COMPARE_DELETE_URL}" 
								data-action-add-title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами" 
								data-action-delete-title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами" 
								data-prodname="{goods.NAME}"
								data-produrl="{goods.URL}"
								data-id="{goods.ID}"
								data-mod-id="{goods.MIN_PRICE_NOW_ID}"
								title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами" 
								href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							  ><i class="fa fa-retweet"></i></a>
							{% ENDIF %}
						  {% ENDIF %}
						  <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						</li>
					  </ul>
на:
<div class="actions">
								  <!--a class="add-cart quick button " title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a-->
								  <!--<a class="add-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><i class="fa fa-shopping-cart"></i></a-->
																  <button type="submit" class="add-cart button-new" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>ЗАКАЗАТЬ</button>
								 
								</div>

далее замените блок кода в этом же шаблоне
<div class="ratings">
						<div class="rating-box">
						  {% IF goods.OPINION_RATING_VALUE %}
						  <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
							<meta itemprop="worstRating" content = "1">
							<meta itemprop="bestRating" content = "10">
							<meta itemprop="ratingValue" content = "{goods.OPINION_RATING_VALUE}">
							<meta itemprop="reviewCount" content = "{goods.OPINION_RATING_CNT_ALL}">
							<div class="rating" style="width:{goods.OPINION_RATING_VALUE}0%" alt="{goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
						  </span>
						  {% ELSE %}
							<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
						  {% ENDIF %}
						</div>
					  </div>
на
<!--<div class="ratings">
						<div class="rating-box">
						  {% IF goods.OPINION_RATING_VALUE %}
						  <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
							<meta itemprop="worstRating" content = "1">
							<meta itemprop="bestRating" content = "10">
							<meta itemprop="ratingValue" content = "{goods.OPINION_RATING_VALUE}">
							<meta itemprop="reviewCount" content = "{goods.OPINION_RATING_CNT_ALL}">
							<div class="rating" style="width:{goods.OPINION_RATING_VALUE}0%" alt="{goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
						  </span>
						  {% ELSE %}
							<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
						  {% ENDIF %}
						</div>
					  </div>-->

Уточните, пожалуйста, как сместилось меню? Оно отображается корректно. Как должна выглядеть кнопка купить?

#10 Александр86

Александр86

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

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

Отправлено 20 Январь 2016 - 11:06

Спасибо, но в остальных товарах значок сравнения и нравится остался.
А по поводу верхнего меню( прилагаю фото с пожеланиями), можно так сделать за счет размера текста или тому подобного, просто я пробовал менять размеры текста, все оставалось прежним

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

  • верхнееменю.jpg

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



#11 Danil

Danil

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

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

Отправлено 20 Январь 2016 - 11:27

Просмотр сообщенияАлександр86 (20 Январь 2016 - 11:06) писал:

Спасибо, но в остальных товарах значок сравнения и нравится остался.
А по поводу верхнего меню( прилагаю фото с пожеланиями), можно так сделать за счет размера текста или тому подобного, просто я пробовал менять размеры текста, все оставалось прежним
Попробуйте в конец main.css добавить
div#header .right.col-md-9.col-xs-12 {
	float: none;
	clear: both;
	margin: 0 auto;
}
div#header .col-md-2.col-xs-12 {
	width: 244px;
}
div#header .col-md-7.col-xs-12 {
	padding: 0px 3px;
}


#12 Александр86

Александр86

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

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

Отправлено 20 Январь 2016 - 13:10

Не помогло(

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

  • вернееменю1.jpg


#13 Danil

Danil

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

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

Отправлено 20 Январь 2016 - 13:29

Просмотр сообщенияАлександр86 (20 Январь 2016 - 13:10) писал:

Не помогло(
В main.css найдите
div#header .right.col-md-9.col-xs-12 {
	float: none;
	clear: both;
	margin: 0 auto;
}
div#header .col-md-2.col-xs-12 {
	width: 244px;
}
div#header .col-md-7.col-xs-12 {
	padding: 0px 3px;
}
и замените на
div#header .right.col-md-9.col-xs-12 {
	float: none;
	clear: both;
	margin: 0 auto;
}
div#header .col-md-2.col-xs-12 {
	width: 214px;
	padding: 0px;
}
div#header .col-md-7.col-xs-12 {
	padding: 0px 3px;
	max-width: 650px;
}
Так же найдите
#custommenu ul.menunav li > a {
	display: block;
	padding: 5px 10px;
	color: #000000;
	line-height: 30px;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	border-bottom: 2px solid transparent;
}
и замените на
#custommenu ul.menunav li > a {
	display: block;
	padding: 5px 5px;
	color: #000000;
	line-height: 30px;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	border-bottom: 2px solid transparent;
}


#14 Александр86

Александр86

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

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

Отправлено 20 Январь 2016 - 22:35

Отлично, почти то,что надо,только возможно чуть сдвинуть телефон и все остальное вправо, то есть чтобы номер телефон начинался под кнопкой "главная"?
И еще вопрос,что качается товаров, возможно все это проделать со всеми товарами как на главной?

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

  • верхнееменю2.jpg


#15 Vaccina

Vaccina

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

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

Отправлено 21 Январь 2016 - 04:05

В main.css найдите:
#header .container .row .col-md-9.col-xs-12 {
	padding-left: 0px;
}

замените на:
#header .container .row .col-md-9.col-xs-12 {
	padding-left: 0px;
	float:left;
}


#16 Александр86

Александр86

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

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

Отправлено 21 Январь 2016 - 09:07

Да,спасиюо)все получилось)
А  товарами что делать?смотрится сейчас все не очень(

#17 Юля123

Юля123

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

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

Отправлено 21 Январь 2016 - 09:41

Просмотр сообщенияАлександр86 (21 Январь 2016 - 09:07) писал:

Да,спасиюо)все получилось)
А  товарами что делать?смотрится сейчас все не очень(


Здравствуйте, в настройках - основные в разделе Модуль сравнения товаров на сайте отключите модуль сравнения товаров вообще, на сколько я понимаю, Вы не планируете использовать этот функционал.

Далее в конце man.css добавьте код:

li.wishlist {display: none;}
li.compare {display: none;}

Далее в шаблоне Товары найдите код:


<a class="add-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><i class="fa fa-shopping-cart"></i></a>

и замените на код:

<a class="add-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>Заказать</a>


в main.css найдите код:

.products-grid .item .item-inner .actions .add-cart.button {
	 float: left;
	 width: 32%;
	 overflow: visible;
	 border: 0;
	 padding: 0;
	 margin: 0;
	 background: transparent;
	 cursor: pointer;
}

и замените на код:

.products-grid .item .item-inner .actions .add-cart.button {
	 width: 32%;
	 overflow: visible;
	 border: 0;
	 padding: 0;
	 margin: 0;
	 background: transparent;
	 cursor: pointer;
}


#18 Александр86

Александр86

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

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

Отправлено 21 Январь 2016 - 11:14

Да,именно то,что нужно)спасибо)

#19 Alex87

Alex87

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

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

Отправлено 01 Февраль 2016 - 16:35

Подскажите пожалуйста:

  1. Мне нужно, что бы в карточке товара был выбор по вкусу и по весу. Как это сделать?
  2. И еще. Когда заходишь в каталог товаров, там есть меню СОРТИРОВАТЬ ПО ..... как в этом меню сделать сортировку по дешевизне и дороговизне, а остальное убрать?

Заранее спасибо!

#20 Ирина345

Ирина345

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

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

Отправлено 01 Февраль 2016 - 16:48

Просмотр сообщенияAlex87 (01 Февраль 2016 - 16:35) писал:

Подскажите пожалуйста:

  1. Мне нужно, что бы в карточке товара был выбор по вкусу и по весу. Как это сделать?
  2. И еще. Когда заходишь в каталог товаров, там есть меню СОРТИРОВАТЬ ПО ..... как в этом меню сделать сортировку по дешевизне и дороговизне, а остальное убрать?

Заранее спасибо!
Здравствуйте,
1. Вы можете создать в карточке товара несколько модификаций отвечающих за вкус и вес и прописать для каждой модификации свою цену и остаток.
2. что бы убрать не нужные показатели сортировки, найдите в шаблоне Товары код

 {% FOR goods_order_fields %}
				<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
			  {% ENDFOR %}
замените на

{% FOR goods_order_fields %} 
			  {% IF goods_order_fields.index=1 || goods_order_fields.index=2 %}
				<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option> {% ENDIF %}
			  {% ENDFOR %}





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

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