Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Некоторые Изменения

Автор Mamba, 22 сент. 2016 19:56

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 47

#1 Mamba

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

Пользователи
155 сообщений

Отправлено 22 Сентябрь 2016 - 19:56

1) подскажите пожалуйста , как скорректировать фон фотографий (белый) под размер окон в которых они находятся на страницах (новинки, на главной, хиты) а то видно что фотографии видно?
2) и как эти рамки немного уменьшить, что бы влезала четвертая фотография в ряд?
3) как увеличить вниз немного рамку с цветами, а то видно что фото выбора цветов все не влезает?
4)как сделать что бы от увеличения количества товара менялась цена?
5)как вместо "нет в наличии" сделать "доступно к заказу"?
6)как увеличить немного цену?

Наверх

#2 Mr.Nito

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

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

Отправлено 22 Сентябрь 2016 - 20:40

Mamba (22 Сентябрь 2016 - 19:56) писал:

1) подскажите пожалуйста , как скорректировать фон фотографий (белый) под размер окон в которых они находятся на страницах (новинки, на главной, хиты) а то видно что фотографии видно?
2) и как эти рамки немного уменьшить, что бы влезала четвертая фотография в ряд?
3) как увеличить вниз немного рамку с цветами, а то видно что фото выбора цветов все не влезает?
4)как сделать что бы от увеличения количества товара менялась цена?
5)как вместо "нет в наличии" сделать "доступно к заказу"?
6)как увеличить немного цену?

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

Безымянный.JPG

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

Безымянный1.JPG

Здравствуйте.
1) В файле main.css (421 строка)
замените

.products-grid .item .item-inner .item-img > a {display: table-cell;vertical-align: middle;z-index: 1;width: 270px;height: 270px;}

на

.products-grid .item .item-inner .item-img > a {display: table-cell;vertical-align: middle;z-index: 1;width: 270px;height: 270px;background: #fff;}

3) замените (строка 513)

.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock {max-height: 120px;overflow: hidden;border-left: 3px solid #c7081b;padding: 0 0 0 15px;}

на

.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock {max-height: 200px;overflow: hidden;border-left: 3px solid #c7081b;padding: 0 0 0 15px;}

6) Для увеличения цены в файле main.css (138 строка)

/* Цена */
.price {display: inline-block;color: #c7081b;font-size: 18px;letter-spacing: 0.5px;}

замените на

/* Цена */
.price {display: inline-block;color: #c7081b;font-size: 30px;letter-spacing: 0.5px;}

где font-size: - размер шрифта

2) Ответ на второй вопрос
http://forum.storela...ры/#entry247476

Наверх

#3 Mr.Nito

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

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

Отправлено 22 Сентябрь 2016 - 20:54

5) В разделе Редакторе шаблонов - Товар
найдите (строка 86)

<div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Нет в наличии</span></div>

замените на

<div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Доступно к заказу</span></div>

Наверх

#4 Mamba

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

Пользователи
155 сообщений

Отправлено 22 Сентябрь 2016 - 21:41

Спасибо большое. А 4 вопрос?

1)Плюс еще не подскажите. Поменял тему на город, которая сейчас и в товарах теперь как показано на рисунке, цвет дерева расплывается в ширину сильно,закрывая при этом выбор фасадов. У фасадов тоже такая же картинка рядом должна быть. Хотя в другой теме было все хорошо. Не подскажите как можно это скорректировать?

2)И как перенести выбор цветов как на нижней фото справа налево ,а то эти цвета в одном товаре слева,в другом справа, может кстати из за этого и не видно фасадов?

3)И как поменять белый фон товара на главной странице , в категориях и подкатегориях на тот который показан на рисунке по цифрой 1,с тоненькой черной рамкой, ну или на крайней случай под цифрой 2?

Наверх

#5 Vaccina

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

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

Отправлено 23 Сентябрь 2016 - 02:51

По автообновлению цены, в шаблоне Товар найдите:

  <p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}">
			<span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span>
		  </p>

замените на:

<span data-price="{GOODS_MOD_PRICE_NOW}" class="price goodsDataMainModificationPriceNow" itemprop="price" content="{GOODS_MOD_PRICE_NOW}"> {GOODS_MOD_PRICE_NOW | money_format}</span>

в конец main.js вставьте:

$(function() {
  $(document).on('keyup', '.quantity', function() {
		var count = parseInt($(this).val()),
				amount = $('.goodsDataMainModificationPriceNow'),
				price = parseFloat(amount.data('price'));
		amount.find('.num').text(number_format(price * count, 0, ',', ' '));
		return (false);
  }).find('.quantity').trigger('keyup');
});

По остальным вопросам, в main.css найдите:

.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock {
	max-height: 200px;
	overflow: hidden;
	border-left: 3px solid #c7081b;
	padding: 0 0 0 15px;
}

после него пропишите:

.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock img {
	width: 45%;
	display: inline-block;
	float: none;
	position: relative;
}

Наверх

#6 Mamba

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

Пользователи
155 сообщений

Отправлено 23 Сентябрь 2016 - 03:18

Спасибо, ответ по первому вопросу работает. По второму не очень, так же то слева то справа, а на третий вопрос вы забыли ответить?

Плюс еще один вопрос, как в подкатегориях сделать как показано на рисунке снизу. Что бы надписи не всплывали при наводке на фото, а всегда на том же месте были, что бы было понятно что это за категория, а все остальное оставить также ( красную ссылку при наводке мышкой и затемнения фото)

Наверх

#7 Vaccina

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

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

Отправлено 23 Сентябрь 2016 - 03:34

2.В main.css найдите:

.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock {
	max-height: 200px;
	overflow: hidden;
	border-left: 3px solid #c7081b;
	padding: 0 0 0 15px;
}

замените на:

.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock {
	max-height: 200px;
	overflow: hidden;
	border-left: 3px solid #c7081b;
	padding: 0 0 0 15px;
	width: 100%;
	clear: both;
}

3. Белый фон у категорий стоит в самом фото, как и у товаром частично присутствует белый фон. В main.css найдите:

.products-grid .item .item-inner .item-img > a {
	display: table-cell;
	vertical-align: middle;
	z-index: 1;
	width: 270px;
	height: 270px;
	background: #fff;
}

замените на:

.products-grid .item .item-inner .item-img > a {
	display: table-cell;
	vertical-align: middle;
	z-index: 1;
	width: 270px;
	height: 270px;
	background: #F5F5F5;
	border: 1px solid #000;
}

Наверх

#8 Mamba

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

Пользователи
155 сообщений

Отправлено 23 Сентябрь 2016 - 03:57

А вот этот вопрос пропустили? Плюс еще один вопрос, как в подкатегориях сделать как показано на рисунке снизу. Что бы надписи не всплывали при наводке на фото, а всегда на том же месте были, что бы было понятно что это за категория, а все остальное оставить также ( красную ссылку при наводке мышкой и затемнения фото)

Наверх

#9 Vaccina

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

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

Отправлено 23 Сентябрь 2016 - 04:18

Mamba (23 Сентябрь 2016 - 03:57) писал:

А вот этот вопрос пропустили? Плюс еще один вопрос, как в подкатегориях сделать как показано на рисунке снизу. Что бы надписи не всплывали при наводке на фото, а всегда на том же месте были, что бы было понятно что это за категория, а все остальное оставить также ( красную ссылку при наводке мышкой и затемнения фото)

В main.css найдите:

/* Категории */
.categories {text-align: center;}
.categories .item {margin-bottom: 30px;}
.categories .item .image {display: table-cell;vertical-align: middle;width: 270px;height: 270px;}
.categories .item .image img {display: block;margin: 0 auto;max-width: 100%;}
.cat-info {display: inline-block;position: relative;overflow: hidden;width: 100%;vertical-align: middle;cursor: pointer;}
.cat-info:before {content: "";position: absolute;z-index: 9;width: 100%;height: 100%;background-color: transparent;left: 0;right: 0;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;transition: all 0.35s ease 0s;-webkit-transition: all 0.35s ease 0s;-moz-transition: all 0.35s ease 0s;-ms-transition: all 0.35s ease 0s;-o-transition: all 0.35s ease 0s;}
.cat-info img {max-width: 100%;backface-visibility: hidden;transition: opacity .35s ease 0s,transform .35s ease 0s;-moz-transition: opacity .35s ease 0s,transform .35s ease 0s;-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;-ms-transition: opacity .35s ease 0s,transform .35s ease 0s;-o-transition: opacity .35s ease 0s,transform .35s ease 0s;}
.cat-info .cat-inner {display: block;position: relative;}
.cat-info .cat-name {display: block;position: absolute;bottom: 30px;left: 0;padding: 0 15px;top: auto;width: 100%;z-index: 9;}
.cat-info h3 {display: block;position: absolute;background: rgba(0,0,0,0.7);bottom: -26px;color: #fff;padding: 5px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;opacity: 0;-moz-opacity: 0;-webkit-opacity: 0;-khtml-opacity: 0;transform: translate(0,76px);-moz-transform: translate(0,76px);-webkit-transform: translate(0,76px);-ms-transform: translate(0,76px);-o-transform: translate(0,76px);transition: opacity .35s ease 0s,transform .35s ease 0s;-moz-transition: opacity .35s ease 0s,transform .35s ease 0s;-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;-ms-transition: opacity .35s ease 0s,transform .35s ease 0s;-o-transition: opacity .35s ease 0s,transform .35s ease 0s;}
.cat-info h3:hover {color: #c7081b;}
.cat-info:hover:before {background: rgba(85,85,85,0.3);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}
.cat-info:hover img {transform: translate3d(0px,0px,0px);-moz-transform: translate3d(0px,0px,0px);-webkit-transform: translate3d(0px,0px,0px);-ms-transform: translate3d(0px,0px,0px);-o-transform: translate3d(0px,0px,0px);}
.cat-info:hover h3 {bottom: 0px;overflow: visible;opacity: 1;-moz-opacity: 1;-webkit-opacity: 1;-khtml-opacity: 1;transform: translate(0px,10px);-moz-transform: translate(0px,10px);-webkit-transform: translate(0px,10px);-ms-transform: translate(0px,10px);-o-transform: translate(0px,10px);}
.cat-info:hover .cat-inner::after {width: 50px;}

замените на:

/* Категории */
.categories {text-align: center;}
.categories .item {margin-bottom: 30px;}
.categories .item .image {display: table-cell;width: 270px;height: 300px;}
.categories .item .image img {display: block;margin: 0 auto;max-width: 100%;}
.cat-info {display: inline-block;position: relative;overflow: hidden;width: 100%;vertical-align: middle;cursor: pointer;}
.cat-info:before {content: "";position: absolute;z-index: 9;width: 100%;height: 80%;background-color: transparent;left: 0;right: 0;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;transition: all 0.35s ease 0s;-webkit-transition: all 0.35s ease 0s;-moz-transition: all 0.35s ease 0s;-ms-transition: all 0.35s ease 0s;-o-transition: all 0.35s ease 0s;}
.cat-info img {max-width: 100%;backface-visibility: hidden;transition: opacity .35s ease 0s,transform .35s ease 0s;-moz-transition: opacity .35s ease 0s,transform .35s ease 0s;-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;-ms-transition: opacity .35s ease 0s,transform .35s ease 0s;-o-transition: opacity .35s ease 0s,transform .35s ease 0s;}
.cat-info .cat-inner {display: block;position: relative;}
.cat-info .cat-name {display: block;padding: 0 15px;margin-top:10px;width: 100%;z-index: 9;}
.cat-info h3 {display: block;position: relative;background: rgba(0,0,0,0.7);color: #fff;padding: 5px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cat-info:hover:before {background: rgba(85,85,85,0.3);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}
.cat-info:hover img {transform: translate3d(0px,0px,0px);-moz-transform: translate3d(0px,0px,0px);-webkit-transform: translate3d(0px,0px,0px);-ms-transform: translate3d(0px,0px,0px);-o-transform: translate3d(0px,0px,0px);}
.cat-info:hover h3 {color: #c7081b;}
.cat-info:hover .cat-inner::after {width: 50px;}

Наверх

#10 Mamba

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

Пользователи
155 сообщений

Отправлено 24 Сентябрь 2016 - 14:06

Как убрать из темы "Прием заказов 24/7", на это место перенести "Доставка и сборка", а на освободившееся место в верхнем левом углу перенести логотип?

Наверх

#11 Danil

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

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

Отправлено 24 Сентябрь 2016 - 16:23

Mamba (24 Сентябрь 2016 - 14:06) писал:

Как убрать из темы "Прием заказов 24/7", на это место перенести "Доставка и сборка", а на освободившееся место в верхнем левом углу перенести логотип?

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

2016-09-24_14-11-04.png

Здравствуйте.
В шаблоне html найдите и удалите код

			<!-- Логотип -->
			<div class="col-lg-6 col-sm-4 col-sms-12 col-smb-12">
			  <div class="logo">
				<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
				  <img src="{ASSETS_IMAGES_PATH}logo.png?design=urban" alt="{SETTINGS_STORE_NAME}">
				</a>
			  </div>
			</div>

Так же найдите

	  <!-- Информационный блок -->
	  <div class="btn-close fa fa-minus" title="Закрыть"></div>
	  <div class="header-info" style="{% IF USER_INTERACTION_HEADER_INFO_DISPLAY = open %}display: none;{% ELSE %}display: block;{% ENDIF %}">
		<div class="container">
		  <div class="row">
			<ul class="info-list">
			  <li class="info-item">
				<a href="http://{NET_DOMAIN}/page/Доставка">
				  <div class="info-icon">
					<i class="fa fa-truck"></i>
				  </div>
				  <div class="info-content">
					<h6>Доставка и сборка</h6>
					<p class="text-italic">Сборка мебели в день доставки!</p>
				  </div>
				</a>
			  </li>
			  <li class="info-item">
				<a href="http://{NET_DOMAIN}/page/Доставка">
				  <div class="info-icon">
					<i class="fa fa-gift"></i>
				  </div>
				  <div class="info-content">
					<h6>Прием заказов 24/7</h6>
					<p class="text-italic">Оформите заказ прямо сейчас!</p>
				  </div>
				</a>
			  </li>
			  <li class="info-item">
				<a href="http://{NET_DOMAIN}/page/Доставка">
				  <div class="info-icon">
					<i class="fa fa-money"></i>
				  </div>
				  <div class="info-content">
					<h6>Безопасная оплата</h6>
					<p class="text-italic">Оплата товара в день доствки!</p>
				  </div>
				</a>
			  </li>
			</ul>
		  </div>
		</div>
	  </div>

и замените на

	  <!-- Информационный блок -->
	  <div class="btn-close fa fa-minus" title="Закрыть"></div>
	  <div class="header-info" style="{% IF USER_INTERACTION_HEADER_INFO_DISPLAY = open %}display: none;{% ELSE %}display: block;{% ENDIF %}">
		<div class="container">
		  <div class="row">
			<ul class="info-list">
			  <li class="info-item">

			  <div class="logo">
				<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
				  <img src="{ASSETS_IMAGES_PATH}logo.png?design=urban" alt="{SETTINGS_STORE_NAME}">
				</a>
			  </div>			  </li>
			  <li class="info-item">
				<a href="http://{NET_DOMAIN}/page/Доставка">
				  <div class="info-icon">
					<i class="fa fa-truck"></i>
				  </div>
				  <div class="info-content">
					<h6>Доставка и сборка</h6>
					<p class="text-italic">Сборка мебели в день доставки!</p>
				  </div>
				</a>
			  </li>
			  <li class="info-item">
				<a href="http://{NET_DOMAIN}/page/Доставка">
				  <div class="info-icon">
					<i class="fa fa-money"></i>
				  </div>
				  <div class="info-content">
					<h6>Безопасная оплата</h6>
					<p class="text-italic">Оплата товара в день доствки!</p>
				  </div>
				</a>
			  </li>
			</ul>
		  </div>
		</div>
	  </div>

Наверх

#12 Mamba

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

Пользователи
155 сообщений

Отправлено 25 Сентябрь 2016 - 00:12

Спасибо
А подскажите пожалуйста, как вставить второй телефон в шапку правее от первого телефона, а еще правее вставить почту?

Наверх

#13 Mr.Nito

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

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

Отправлено 25 Сентябрь 2016 - 09:52

Mamba (25 Сентябрь 2016 - 00:12) писал:

Спасибо
А подскажите пожалуйста, как вставить второй телефон в шапку правее от первого телефона, а еще правее вставить почту?

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

Безымянный.JPG

Здравствуйте.
В редакторе шаблонов - Html
Найдите

<!-- Личный кабинет -->
		 <div class="col-lg-3 col-sm-4 col-sms-6 col-smb-6" >

замените на

<!-- Личный кабинет -->
		 <div class="col-lg-9 col-sm-8 col-sms-6 col-smb-6" >

Затем найдите(строка 227):

<!-- Телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
			 <div class="block-phone">
			 <i class="fa fa-phone"></i>
			 <span class="label">Телефон: </span>
			 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a>
			 </div>
{% ENDIF %}

скопируйте и добавьте ниже, с параметром {% IF SETTINGS_STORE_PHONE_NUMBER2 %}

<!-- Телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
			 <div class="block-phone">
			 <i class="fa fa-phone"></i>
			 <span class="label">Телефон: </span>
			 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a>
			 </div>
			 {% ENDIF %}

Затем вставьте данный код после 2го телефона

{% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><i class="fa fa-envelope"></i>Email: <span><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}

В конце файла main.css (строка 246)
добавьте:

.header-bottom .email {display: inline-block;	margin-left: 30px;	 text-transform: uppercase;}

Наверх

#14 Mamba

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

Пользователи
155 сообщений

Отправлено 26 Сентябрь 2016 - 00:01

Здравствуйте,подскажите как убрать левую полоску перед логотипом магазина?

Наверх

#15 Mr.Nito

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

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

Отправлено 26 Сентябрь 2016 - 09:10

Mamba (26 Сентябрь 2016 - 00:01) писал:

Здравствуйте,подскажите как убрать левую полоску перед логотипом магазина?

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

2016-09-26_00-05-28.png

Здравствуйте.
В main.css найдите

/*** Информационный блок ***/

после 209 строки добавьте

.info-list .info-item:first-child {border-left: none}

Наверх

#16 Mamba

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

Пользователи
155 сообщений

Отправлено 26 Сентябрь 2016 - 12:58

А подскажите теперь как:
1) сделать номера телефонов крупнее?
2) убрать, как показано на рисунке два нижних телефона
3) а почту переместить наверх в строчку с телефонами?

Наверх

#17 Mr.Nito

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

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

Отправлено 26 Сентябрь 2016 - 13:12

Mamba (26 Сентябрь 2016 - 12:58) писал:

А подскажите теперь как:
1) сделать номера телефонов крупнее?
2) убрать, как показано на рисунке два нижних телефона
3) а почту переместить наверх в строчку с телефонами? Прикрепленный файл

Н111.JPG

В файле main.css
найдите (243 строка)

.block-phone a {font-size: 18px;margin-left: 5px;}

замените на

.block-phone a {display: none; font-size: 18px;margin-left: 5px;}

Чтобы увеличить шрифт (строка 60)

.label {font-family: "agency", 'PT Sans Narrow', sans-serif;font-size: 18px;}

замените на

.label {font-family: "agency", 'PT Sans Narrow', sans-serif;font-size: 21px;}

Наверх

#18 Mamba

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

Пользователи
155 сообщений

Отправлено 26 Сентябрь 2016 - 18:11

а как еще и почту увеличить, где это можно самому поменять?

Наверх

#19 Mr.Nito

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

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

Отправлено 26 Сентябрь 2016 - 18:34

Mamba (26 Сентябрь 2016 - 18:11) писал:

а как еще и почту увеличить, где это можно самому поменять?

В файл main.css добавьте

.header-bottom .email span {font-size: 21px;}

Наверх

#20 Mamba

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

Пользователи
155 сообщений

Отправлено 27 Сентябрь 2016 - 16:17

Спасибо, а подскажите еще?
1) как убрать надпись старой почты из предыдущей темы?
2) увеличить надпись новой почты?
3) при нажатии на блоки "доставка и сборка" и "безопасная оплата" выскакивает страница на которой написано "ничего не найдено", эту страницу где то надо заполнять? если нет, то можно сделать эти блоки не кликабельными, что бы такие страницы не появлялись?
4) можно ли дополнительно поместить каталок как указано на рисунки под цифрой 4?