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


Исправления В Теме "лазурь"


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

#61 nosferatum44

nosferatum44

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

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

Отправлено 03 Ноябрь 2015 - 12:37

Просмотр сообщенияDanil (02 Ноябрь 2015 - 17:22) писал:

В шаблоне html найдите и удалите код
Скрытый текст
В шаблоне html найдите код
<!-- Logo -->
		 <div id="logo" class="col-xs-4">
			 <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
			 <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
			 </a>
		 </div>
		 <!-- END: Logo -->
		
		 <div class="header-right col-xs-8">
и замените на
<!-- Logo -->
<div id="logo" class="col-xs-4">
<a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
</a>
</div>
<!-- END: Logo -->
<!-- Баннеры -->
	 {% IF index_page %}
	 <div id="topsl" class="wrap col-xs-4">
	 <div class="container">
		 <div class="row-fluid-1">
		 <div class="block free-shipping col-xs-3 col-md-6">
			 <div class="block-title"><span>Бесплатная доставка</span></div>
			 <!--<div class="block-content">Доставка по городу и области Бесплатна!</div>-->
		 </div>
		 <div class="block money-back col-xs-3 col-md-6">
			 <div class="block-title"><span>30 дней гарантии</span></div>
			 <!--<div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>-->
		 </div>
		 <div class="block orders-247 col-xs-3 col-md-6">
			 <div class="block-title"><span>Прием заказов 24/7</span></div>
			 <!--<div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>-->
		 </div>
		 <div class="block secured-payment col-xs-3 col-md-6">
			 <div class="block-title"><span>Безопасная оплата</span></div>
			 <!--<div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>-->
		 </div>
		 </div>
	 </div>
	 </div>
	 {% ENDIF %}
	 <!-- /END Баннеры -->
<div class="header-right col-xs-4">
В main.css найдите
#topsl {
margin: 40px 0 0;
padding-bottom: 27px;
border-bottom: 1px solid #e9e9e9;
}
и замените на
div#topsl span {
font-size: 14px;
}
#topsl {
float: left;
clear: none;
border-bottom: 1px solid #e9e9e9;
}
div#topsl .container {
width: auto;
}

А как все это уменьшить, сдвинуть вверх и выровнять по центру между логотипом и корзиной ?
Упростил блок. Как теперь выровнять картинки и отступы добавить ?
И эти преимущества только на главной странице, а я хочу сделать чтобы всегда были, как то можно ?

#62 Юля123

Юля123

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

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

Отправлено 03 Ноябрь 2015 - 15:15

Просмотр сообщенияnosferatum44 (03 Ноябрь 2015 - 12:37) писал:

А как все это уменьшить, сдвинуть вверх и выровнять по центру между логотипом и корзиной ?
Упростил блок. Как теперь выровнять картинки и отступы добавить ?
И эти преимущества только на главной странице, а я хочу сделать чтобы всегда были, как то можно ?

Здравствуйте, попробуйте сделать следующее:

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

.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 {
margin: 36px 9px;
}

Чтобы блок отображался на всех страницах, измените код
<!-- Logo -->
<div id="logo" class="col-xs-4">
<a title="{SETTINGS_STORE_NAME}" href="[url="http://{NET_DOMAIN}/%22>"]http://{NET_DOMAIN}/">[/url]
<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
</a>
</div>
<!-- END: Logo -->
<!-- Баннеры -->
		 {% IF index_page %}
		 <div id="topsl" class="wrap col-xs-4">
		 <div class="container">
				 <div class="row-fluid-1">
				 <div class="block free-shipping col-xs-3 col-md-6">
						 <div class="block-title"><span>Бесплатная доставка</span></div>
						 <!--<div class="block-content">Доставка по городу и области Бесплатна!</div>-->
				 </div>
				 <div class="block money-back col-xs-3 col-md-6">
						 <div class="block-title"><span>30 дней гарантии</span></div>
						 <!--<div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>-->
				 </div>
				 <div class="block orders-247 col-xs-3 col-md-6">
						 <div class="block-title"><span>Прием заказов 24/7</span></div>
						 <!--<div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>-->
				 </div>
				 <div class="block secured-payment col-xs-3 col-md-6">
						 <div class="block-title"><span>Безопасная оплата</span></div>
						 <!--<div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>-->
				 </div>
				 </div>
		 </div>
		 </div>
		 {% ENDIF %}
		 <!-- /END Баннеры -->
<div class="header-right col-xs-4">

на следующий код

<!-- Logo -->
<div id="logo" class="col-xs-4">
<a title="{SETTINGS_STORE_NAME}" href="[url="http://{NET_DOMAIN}/%22>"]http://{NET_DOMAIN}/">[/url]
<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
</a>
</div>
<!-- END: Logo -->
<!-- Баннеры -->
		 <div id="topsl" class="wrap col-xs-4">
		 <div class="container">
				 <div class="row-fluid-1">
				 <div class="block free-shipping col-xs-3 col-md-6">
						 <div class="block-title"><span>Бесплатная доставка</span></div>
						 <!--<div class="block-content">Доставка по городу и области Бесплатна!</div>-->
				 </div>
				 <div class="block money-back col-xs-3 col-md-6">
						 <div class="block-title"><span>30 дней гарантии</span></div>
						 <!--<div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>-->
				 </div>
				 <div class="block orders-247 col-xs-3 col-md-6">
						 <div class="block-title"><span>Прием заказов 24/7</span></div>
						 <!--<div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>-->
				 </div>
				 <div class="block secured-payment col-xs-3 col-md-6">
						 <div class="block-title"><span>Безопасная оплата</span></div>
						 <!--<div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>-->
				 </div>
				 </div>
		 </div>
		 </div>
		 <!-- /END Баннеры -->
<div class="header-right col-xs-4">


#63 nosferatum44

nosferatum44

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

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

Отправлено 03 Ноябрь 2015 - 16:56

Просмотр сообщенияЮля123 (03 Ноябрь 2015 - 15:15) писал:

Здравствуйте, попробуйте сделать следующее:

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

.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 {
margin: 36px 9px;
}

Чтобы блок отображался на всех страницах, измените код
<!-- Logo -->
<div id="logo" class="col-xs-4">
<a title="{SETTINGS_STORE_NAME}" href="[url="http://{NET_DOMAIN}/%22>"]http://{NET_DOMAIN}/">[/url]
<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
</a>
</div>
<!-- END: Logo -->
<!-- Баннеры -->
		 {% IF index_page %}
		 <div id="topsl" class="wrap col-xs-4">
		 <div class="container">
				 <div class="row-fluid-1">
				 <div class="block free-shipping col-xs-3 col-md-6">
						 <div class="block-title"><span>Бесплатная доставка</span></div>
						 <!--<div class="block-content">Доставка по городу и области Бесплатна!</div>-->
				 </div>
				 <div class="block money-back col-xs-3 col-md-6">
						 <div class="block-title"><span>30 дней гарантии</span></div>
						 <!--<div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>-->
				 </div>
				 <div class="block orders-247 col-xs-3 col-md-6">
						 <div class="block-title"><span>Прием заказов 24/7</span></div>
						 <!--<div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>-->
				 </div>
				 <div class="block secured-payment col-xs-3 col-md-6">
						 <div class="block-title"><span>Безопасная оплата</span></div>
						 <!--<div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>-->
				 </div>
				 </div>
		 </div>
		 </div>
		 {% ENDIF %}
		 <!-- /END Баннеры -->
<div class="header-right col-xs-4">

на следующий код

<!-- Logo -->
<div id="logo" class="col-xs-4">
<a title="{SETTINGS_STORE_NAME}" href="[url="http://{NET_DOMAIN}/%22>"]http://{NET_DOMAIN}/">[/url]
<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
</a>
</div>
<!-- END: Logo -->
<!-- Баннеры -->
		 <div id="topsl" class="wrap col-xs-4">
		 <div class="container">
				 <div class="row-fluid-1">
				 <div class="block free-shipping col-xs-3 col-md-6">
						 <div class="block-title"><span>Бесплатная доставка</span></div>
						 <!--<div class="block-content">Доставка по городу и области Бесплатна!</div>-->
				 </div>
				 <div class="block money-back col-xs-3 col-md-6">
						 <div class="block-title"><span>30 дней гарантии</span></div>
						 <!--<div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>-->
				 </div>
				 <div class="block orders-247 col-xs-3 col-md-6">
						 <div class="block-title"><span>Прием заказов 24/7</span></div>
						 <!--<div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>-->
				 </div>
				 <div class="block secured-payment col-xs-3 col-md-6">
						 <div class="block-title"><span>Безопасная оплата</span></div>
						 <!--<div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>-->
				 </div>
				 </div>
		 </div>
		 </div>
		 <!-- /END Баннеры -->
<div class="header-right col-xs-4">
Не получилось. Вы учли мои изменения ? То что мне сейчас не нужна анимация, а нужны просто картинки со статическим, не меняющимся текстом. И теперь еще почему-то внизу на главной товар стал показываться по 3 штуки в ряд, а не 4(

#64 Юля123

Юля123

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

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

Отправлено 03 Ноябрь 2015 - 17:12

Просмотр сообщенияnosferatum44 (03 Ноябрь 2015 - 16:56) писал:

Не получилось. Вы учли мои изменения ? То что мне сейчас не нужна анимация, а нужны просто картинки со статическим, не меняющимся текстом. И теперь еще почему-то внизу на главной товар стал показываться по 3 штуки в ряд, а не 4(


Отмените все изменения. и попробуйте вот этот код:

<!-- Баннеры -->
		 {% IF index_page %}
		 <div id="topsl" class="wrap col-xs-5">
			 <div class="container">
				 <div class="row-fluid-1">
					 <div class="block1 free-shipping col-xs-3 col-md-6">
						 <div class="block-title"><span>Бесплатная<br> доставка</span></div>
						 <!--<div class="block-content">Доставка по городу и области Бесплатна!</div>-->
					 </div>
					 <div class="block1 money-back col-xs-3 col-md-6">
						 <div class="block-title"><span>30 дней<br> гарантии</span></div>
						 <!--<div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>-->
					 </div>
					 <div class="block1 orders-247 col-xs-3 col-md-6">
						 <div class="block-title"><span>Прием <br>заказов 24/7</span></div>
						 <!--<div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>-->
					 </div>
					 <div class="block1 secured-payment col-xs-3 col-md-6">
						 <div class="block-title"><span>Безопасная<br> оплата</span></div>
						 <!--<div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>-->
					 </div>
				 </div>
			 </div>
		 </div>
		 {% ENDIF %}
<!-- /END Баннеры -->

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

<!-- Баннеры -->
		 <div id="topsl" class="wrap col-xs-5">
			 <div class="container">
				 <div class="row-fluid-1">
					 <div class="block1 free-shipping col-xs-3 col-md-6">
						 <div class="block-title"><span>Бесплатная<br> доставка</span></div>
						 <!--<div class="block-content">Доставка по городу и области Бесплатна!</div>-->
					 </div>
					 <div class="block1 money-back col-xs-3 col-md-6">
						 <div class="block-title"><span>30 дней<br> гарантии</span></div>
						 <!--<div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>-->
					 </div>
					 <div class="block1 orders-247 col-xs-3 col-md-6">
						 <div class="block-title"><span>Прием <br>заказов 24/7</span></div>
						 <!--<div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>-->
					 </div>
					 <div class="block1 secured-payment col-xs-3 col-md-6">
						 <div class="block-title"><span>Безопасная<br> оплата</span></div>
						 <!--<div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>-->
					 </div>
				 </div>
			 </div>
		 </div>
<!-- /END Баннеры -->

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

чтобы изменить отображение товаров добавьте код в main.css

.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 {
	margin: 36px 9px;
	width: 22%;
}


#65 nosferatum44

nosferatum44

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

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

Отправлено 03 Ноябрь 2015 - 17:26

Просмотр сообщенияЮля123 (03 Ноябрь 2015 - 17:12) писал:

Отмените все изменения. и попробуйте вот этот код:

<!-- Баннеры -->
		 {% IF index_page %}
		 <div id="topsl" class="wrap col-xs-5">
			 <div class="container">
				 <div class="row-fluid-1">
					 <div class="block1 free-shipping col-xs-3 col-md-6">
						 <div class="block-title"><span>Бесплатная<br> доставка</span></div>
						 <!--<div class="block-content">Доставка по городу и области Бесплатна!</div>-->
					 </div>
					 <div class="block1 money-back col-xs-3 col-md-6">
						 <div class="block-title"><span>30 дней<br> гарантии</span></div>
						 <!--<div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>-->
					 </div>
					 <div class="block1 orders-247 col-xs-3 col-md-6">
						 <div class="block-title"><span>Прием <br>заказов 24/7</span></div>
						 <!--<div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>-->
					 </div>
					 <div class="block1 secured-payment col-xs-3 col-md-6">
						 <div class="block-title"><span>Безопасная<br> оплата</span></div>
						 <!--<div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>-->
					 </div>
				 </div>
			 </div>
		 </div>
		 {% ENDIF %}
<!-- /END Баннеры -->

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

<!-- Баннеры -->
		 <div id="topsl" class="wrap col-xs-5">
			 <div class="container">
				 <div class="row-fluid-1">
					 <div class="block1 free-shipping col-xs-3 col-md-6">
						 <div class="block-title"><span>Бесплатная<br> доставка</span></div>
						 <!--<div class="block-content">Доставка по городу и области Бесплатна!</div>-->
					 </div>
					 <div class="block1 money-back col-xs-3 col-md-6">
						 <div class="block-title"><span>30 дней<br> гарантии</span></div>
						 <!--<div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>-->
					 </div>
					 <div class="block1 orders-247 col-xs-3 col-md-6">
						 <div class="block-title"><span>Прием <br>заказов 24/7</span></div>
						 <!--<div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>-->
					 </div>
					 <div class="block1 secured-payment col-xs-3 col-md-6">
						 <div class="block-title"><span>Безопасная<br> оплата</span></div>
						 <!--<div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>-->
					 </div>
				 </div>
			 </div>
		 </div>
<!-- /END Баннеры -->

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

чтобы изменить отображение товаров добавьте код в main.css

.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 {
margin: 36px 9px;
width: 22%;
}
Сделал как сказали - картинок теперь вообще нету + теперь в другом месте поламалось(
С планшета и телефона вот так выглядит главная страница

Изображение


Изображение

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

  • Screen Shot 2015-11-03 at 5.25.35 PM.png


#66 Vaccina

Vaccina

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

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

Отправлено 04 Ноябрь 2015 - 02:54

Уточните пожалуйста, что у вас должно получиться в конечном варианте?
Картинки в шапке сайта не отображаются по причине закомментированного кода в main.css
/*
.block-title1 {padding-top:40px; line-height:1; text-align:center;}
.free-shipping {background: url("{ASSETS_IMAGES_PATH}delivery.png") no-repeat;}
.money-back {background: url("{ASSETS_IMAGES_PATH}money-back.png") no-repeat;}
.orders-247 {background: url("{ASSETS_IMAGES_PATH}time.png") no-repeat;}
.secured-payment {background: url("{ASSETS_IMAGES_PATH}safety.png") no-repeat;}
.topsl .col-xs-3,.col-md-6 {padding-left:0; padding-right:0;}
*/

если его заменить на:
.block-title1 {padding-top:40px; line-height:1; text-align:center;}
.free-shipping {background: url("{ASSETS_IMAGES_PATH}delivery.png") no-repeat;}
.money-back {background: url("{ASSETS_IMAGES_PATH}money-back.png") no-repeat;}
.orders-247 {background: url("{ASSETS_IMAGES_PATH}time.png") no-repeat;}
.secured-payment {background: url("{ASSETS_IMAGES_PATH}safety.png") no-repeat;}
.topsl .col-xs-3,.col-md-6 {padding-left:0; padding-right:0;}

то они появятся

На счет товаров, блок:
.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 {
margin: 36px 9px;
width: 22%;
}

перенесите и поставьте после:
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}


#67 nosferatum44

nosferatum44

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

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

Отправлено 04 Ноябрь 2015 - 05:17

Просмотр сообщенияVaccina (04 Ноябрь 2015 - 02:54) писал:

Уточните пожалуйста, что у вас должно получиться в конечном варианте?
Картинки в шапке сайта не отображаются по причине закомментированного кода в main.css
/*
.block-title1 {padding-top:40px; line-height:1; text-align:center;}
.free-shipping {background: url("{ASSETS_IMAGES_PATH}delivery.png") no-repeat;}
.money-back {background: url("{ASSETS_IMAGES_PATH}money-back.png") no-repeat;}
.orders-247 {background: url("{ASSETS_IMAGES_PATH}time.png") no-repeat;}
.secured-payment {background: url("{ASSETS_IMAGES_PATH}safety.png") no-repeat;}
.topsl .col-xs-3,.col-md-6 {padding-left:0; padding-right:0;}
*/

если его заменить на:
.block-title1 {padding-top:40px; line-height:1; text-align:center;}
.free-shipping {background: url("{ASSETS_IMAGES_PATH}delivery.png") no-repeat;}
.money-back {background: url("{ASSETS_IMAGES_PATH}money-back.png") no-repeat;}
.orders-247 {background: url("{ASSETS_IMAGES_PATH}time.png") no-repeat;}
.secured-payment {background: url("{ASSETS_IMAGES_PATH}safety.png") no-repeat;}
.topsl .col-xs-3,.col-md-6 {padding-left:0; padding-right:0;}

то они появятся

Я их закомментировал потому что Юля123 попросила отменить мои изменения. И эти картинки никак не связаны с кодом
.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 {
margin: 36px 9px;
width: 22%;
}
Я хочу чтобы между логотипом и поиском по центру стояли 4 картинки, а под ними подписи. Картинки и подписи без анимации при наведении.

Просмотр сообщенияVaccina (04 Ноябрь 2015 - 02:54) писал:

На счет товаров, блок:
.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 {
margin: 36px 9px;
width: 22%;
}

перенесите и поставьте после:
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
На счет товара ничего не изменилось(

#68 Vaccina

Vaccina

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

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

Отправлено 04 Ноябрь 2015 - 06:59

В main.css перед:
.free-shipping {background: url("{ASSETS_IMAGES_PATH}delivery.png") no-repeat;}
.money-back {background: url("{ASSETS_IMAGES_PATH}money-back.png") no-repeat;}
.orders-247 {background: url("{ASSETS_IMAGES_PATH}time.png") no-repeat;}
.secured-payment {background: url("{ASSETS_IMAGES_PATH}safety.png") no-repeat;}

пропишите:
#topsl .block1 {
	padding-top: 40px;
	background-position: center top;
	text-align: center;
	margin: 0px 10px;
}

Если необходимо, то поверх блока с картинками и надписями можно разместить ссылки, это фоновые картинки их тоже можно заменить.

На счет товаров, замените:
.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 {
margin: 36px 9px;
width: 22%;
}
на:
.item .col-xs-3 {
margin: 36px 9px;
width: 22%;
}


#69 nosferatum44

nosferatum44

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

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

Отправлено 04 Ноябрь 2015 - 07:15

Просмотр сообщенияVaccina (04 Ноябрь 2015 - 06:59) писал:

В main.css перед:
.free-shipping {background: url("{ASSETS_IMAGES_PATH}delivery.png") no-repeat;}
.money-back {background: url("{ASSETS_IMAGES_PATH}money-back.png") no-repeat;}
.orders-247 {background: url("{ASSETS_IMAGES_PATH}time.png") no-repeat;}
.secured-payment {background: url("{ASSETS_IMAGES_PATH}safety.png") no-repeat;}

пропишите:
#topsl .block1 {
padding-top: 40px;
background-position: center top;
text-align: center;
margin: 0px 10px;
}



А еще вопрос - как сделать чтобы везде был каталог слева (чтобы был на всех страницах : pages, корзина и т.д)

А по поводу товаров - теперь они слиплись некрасиво, как исправить ?

#70 Danil

Danil

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

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

Отправлено 05 Ноябрь 2015 - 17:17

Просмотр сообщенияnosferatum44 (04 Ноябрь 2015 - 07:15) писал:

А еще вопрос - как сделать чтобы везде был каталог слева (чтобы был на всех страницах : pages, корзина и т.д)

А по поводу товаров - теперь они слиплись некрасиво, как исправить ?
Здравствуйте.
1) Во всех шаблонах кроме html, в первой строке измените
col-xs-12
на
col-xs-9
2) Попробуйте в конец main.css добавить
.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 {
	margin: 0.5%;
	width: 24%;
}


#71 nosferatum44

nosferatum44

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

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

Отправлено 05 Ноябрь 2015 - 17:27

Просмотр сообщенияDanil (05 Ноябрь 2015 - 17:17) писал:

Здравствуйте.
1) Во всех шаблонах кроме html, в первой строке измените
col-xs-12
на
col-xs-9
Таким образом у меня сломаются другие функции.

Просмотр сообщенияDanil (05 Ноябрь 2015 - 17:17) писал:

2) Попробуйте в конец main.css добавить
.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 {
margin: 0.5%;
width: 24%;
}
Еще хуже стало.

#72 Danil

Danil

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

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

Отправлено 05 Ноябрь 2015 - 17:31

Просмотр сообщенияnosferatum44 (05 Ноябрь 2015 - 17:27) писал:

Таким образом у меня сломаются другие функции.

Еще хуже стало.
1) О каких функциях идет речь?
2) Пришлите скриншот с необходимыми изменениями.

#73 nosferatum44

nosferatum44

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

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

Отправлено 05 Ноябрь 2015 - 18:01

Просмотр сообщенияDanil (05 Ноябрь 2015 - 17:31) писал:

2) Пришлите скриншот с необходимыми изменениями.
2) ИзображениеИзображениеИзображениеИзображение

#74 Vaccina

Vaccina

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

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

Отправлено 06 Ноябрь 2015 - 04:09

На счет каталога, в шаблоне HTML найдите:
{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news || MOD_LNAME = page || MOD_LNAME = feedback || MOD_LNAME = cart %}
			<div id="left" class="col-xs-3 col-md-12">
			  {% IF MOD_LNAME = user && CLIENT_IS_LOGIN %}
		   

замените на:
		 <div id="left" class="col-xs-3 col-md-12">
			  {% IF MOD_LNAME = user && CLIENT_IS_LOGIN %}
		   

далее найдите:
</div>
			  {% ENDIF %}
			  <!-- /END Вы смотрели -->
			</div>
			{% ENDIF %}

замените на:
</div>
			  {% ENDIF %}
			  <!-- /END Вы смотрели -->
			</div>

В шаблоне Корзина найдите:
<div id="main" class="col-xs-12 cart-info">

замените на:
<div id="main" class="col-xs-9 cart-info">

В шаблоне Товары найдите:
<div id="main" class="{% IFNOT index_page %}col-xs-9 col-md-12{% ELSE %}col-xs-12{% ENDIF %} col-main">

замените на:
<div id="main" class="col-xs-9 col-md-12 col-main">

В шаблоне Товар найдите:
<div id="main" class="col-xs-12">

замените на:
<div id="main" class="col-xs-9">


#75 nosferatum44

nosferatum44

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

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

Отправлено 06 Ноябрь 2015 - 07:53

Просмотр сообщенияVaccina (06 Ноябрь 2015 - 04:09) писал:

На счет каталога, в шаблоне HTML найдите:
{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news || MOD_LNAME = page || MOD_LNAME = feedback || MOD_LNAME = cart %}
		 <div id="left" class="col-xs-3 col-md-12">
			 {% IF MOD_LNAME = user && CLIENT_IS_LOGIN %}
		

замените на:
		 <div id="left" class="col-xs-3 col-md-12">
			 {% IF MOD_LNAME = user && CLIENT_IS_LOGIN %}
		

далее найдите:
</div>
			 {% ENDIF %}
			 <!-- /END Вы смотрели -->
		 </div>
		 {% ENDIF %}

замените на:
</div>
			 {% ENDIF %}
			 <!-- /END Вы смотрели -->
		 </div>

В шаблоне Корзина найдите:
<div id="main" class="col-xs-12 cart-info">

замените на:
<div id="main" class="col-xs-9 cart-info">

В шаблоне Товары найдите:
<div id="main" class="{% IFNOT index_page %}col-xs-9 col-md-12{% ELSE %}col-xs-12{% ENDIF %} col-main">

замените на:
<div id="main" class="col-xs-9 col-md-12 col-main">

В шаблоне Товар найдите:
<div id="main" class="col-xs-12">

замените на:
<div id="main" class="col-xs-9">
На главной, на страницах "доставка", "контакты", "войти в лк", "сравнение" каталог криво отображается.
Еще заметил что при обновлении страницы слайдер вылазиет за пределы окна, а потом возвращается через секунду.Как это исправить ?

#76 Vaccina

Vaccina

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

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

Отправлено 07 Ноябрь 2015 - 02:09

В шаблоне Страница найдите:
<div id="main" class="col-xs-12">

замените на:
<div id="main" class="col-xs-9">

В шаблоне Сравнение товаров найдите:
<div id="main" class="col-xs-12">

замените на:
<div id="main" class="col-xs-9">

В шаблоне ЛК Авторизация найдите:
<div id="main" class="col-xs-9 col-md-12 account">

замените на:
<div id="main" class="col-xs-9 col-md-9 account">

На счет слайдера, при открытии\обновлении страницы скрипты со стилями загружаются в последнюю очередь и для полной загрузки слайдера необходимо немного больше времени, это не ошибка =)

#77 nosferatum44

nosferatum44

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

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

Отправлено 07 Ноябрь 2015 - 06:09

При уменьшении размера окна, каталог снова съезжает вниз. Как сделать чтобы он отображался только на разрешениях для компьютеров, а на планшетах и телефонов его не было ?

Просмотр сообщенияVaccina (07 Ноябрь 2015 - 02:09) писал:

На счет слайдера, при открытии\обновлении страницы скрипты со стилями загружаются в последнюю очередь и для полной загрузки слайдера необходимо немного больше времени, это не ошибка =)
А может както можно сделать чтобы они в первую очередь подгружались ?

Вопрос про слипшиеся товары все еще актуален

Как убрать лишние пункты сортировки ?

#78 Ильяc

Ильяc

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

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

Отправлено 08 Ноябрь 2015 - 06:21

Здравствуйте! Помогите исправить следующее:
1) Есть две модификации одного товара, одна в наличии, второй нет. При выборе модификации на 32 ГБ которой нет в наличии появляется кнопка "Уведомить меня" при нажатии она не перекидывает на форму обратной связи, чтобы сделать предзаказ. Нужно исправить это и поменять надпись с "уведомить меня" на "оформить предзаказ"

2) При ситуации как в 1 варианте, дополнительно рядом с кнопкой "Уведомить меня" появляется кнопка "Быстрый заказ" даже если товара нет в наличии, ее необходимо скрыть

3) Дополнительно рядом с вкладками Описание, Условия доставки, Отзывы нужно добавить еще дополнительно вкладки Гарантия, Оплата

http://mobilefanat.r...mod_id=85910498

Смартфон LG Nexus 5X H791 16GB  LTE Black.png

#79 RedHead

RedHead

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

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

Отправлено 08 Ноябрь 2015 - 16:22

Просмотр сообщенияИльяc (08 Ноябрь 2015 - 06:21) писал:

3) Дополнительно рядом с вкладками Описание, Условия доставки, Отзывы нужно добавить еще дополнительно вкладки Гарантия, Оплата
http://mobilefanat.r...mod_id=85910498
Прикрепленный файл Смартфон LG Nexus 5X H791 16GB LTE Black.png

Здравствуйте! Добавить к описанию товара дополнительные вкладки возможно. Для этого будем использовать пустые поля при редактировании товара. Перейдите в бэкофис --> вкладка Товары --> Выберите любой товар, например "Chromecast Audio". На странице этого товара Вы видите несколько полей: "Полное описание" (оно уже задействовано: если это поле заполнено, то в карточке товара появляется вкладка "Описание").
Для новых вкладок будем использовать поля "Полное SEO-описание" (для вкладки "Доставка и возврат") и "Краткое SEO-описание" (для вкладки "Оплата").

То есть, в каждой карточке товара Вам необходимо заполнить соответствующее пустое поле, которые будут отвечать за "Доставку и возврат" и за "Оплату".

Как это реализуется:
Зайдите в шаблон ТОВАР, найдите строки
<div class="tab_products clear">
	 <ul class="tabs">
	 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %}
	 {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %}
	 {% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>{% ENDIF %}
	 {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %}
	 </ul>
	 <!-- Описание -->
	 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	 <div id="content_1" class="tab-content">
		 <div class="htmlDataBlock">
		 <!-- Блок описания товара. Показываем его если есть описание товара -->
		 {% IF GOODS_DESCRIPTION_LARGE %}
			 <p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p>
		 {% ENDIF %}
		 <!-- END Блок описания товара. Показываем его если есть описание товара -->
		 <!-- Короткое SEO-описание -->
		 {% IF GOODS_SEO_DESCRIPTION_SHORT %}
			 <p>{GOODS_SEO_DESCRIPTION_SHORT}</p>
		 {% ENDIF %}
		 <!-- END Короткое SEO-описание -->	
		 <!-- Полное SEO-описание -->
		 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
			 <p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
		 {% ENDIF %}
		 <!-- END Полное SEO-описание -->
		 </div>
	 </div>
	 {% ENDIF %}
и замените их на
<div class="tab_products clear">
	 <ul class="tabs">
{% IF GOODS_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %}
{% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %}
{% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>{% ENDIF %}
{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %}
{% IF GOODS_SEO_DESCRIPTION_LARGE %}<li><li><a href="javascript:tabSwitch(5);" id="tab_5">Гарантия и возврат</a></li>{% ENDIF %}
{% IF GOODS_SEO_DESCRIPTION_SHORT %}<li><li><a href="javascript:tabSwitch(6);" id="tab_6">Оплата</a></li>{% ENDIF %}
	 </ul>
	 <!-- Описание -->
	 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	 <div id="content_1" class="tab-content">
		 <div class="htmlDataBlock">
		 <!-- Блок описания товара. Показываем его если есть описание товара -->
		 {% IF GOODS_DESCRIPTION_LARGE %}
			 <p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p>
		 {% ENDIF %}
		 </div>
	 </div>
	 {% ENDIF %}
Далее найдите в этом же шаблоне строку
</div>
	<!-- /END Основные вкладки описаний товара -->
и перед ней вставьте код:
<!-- Гарантия и возврат -->
{% IF GOODS_SEO_DESCRIPTION_LARGE %}
<div id="content_5" class="tab-content" style="display: none;">
<div class="htmlDataBlock">
<!-- Полное SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_LARGE %}
<p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
{% ENDIF %}
<!-- END Полное SEO-описание -->
</div>
</div>
{% ENDIF %}
<!-- /END Гарантия и возврат -->



<!-- Оплата -->
{% IF GOODS_SEO_DESCRIPTION_SHORT %}
<div id="content_6" class="tab-content" style="display:none;">
<div class="htmlDataBlock">
<!-- Краткое SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_SHORT %}
<p>{GOODS_SEO_DESCRIPTION_SHORT}</p>
{% ENDIF %}
<!-- END Краткое SEO-описание -->
</div>
</div>
{% ENDIF %}
<!-- /END Оплата -->

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

P.S. По поводу 1 и 2 вопроса. Протестировали Ваш сайт. У товаров, которых нет в наличии отсутствует кнопка "Быстрый заказ", есть только кнопка "оформить предзаказ". Правильно я понимаю, что первые два вопроса уже неактуальны?

#80 Ильяc

Ильяc

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

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

Отправлено 14 Ноябрь 2015 - 10:30

Здравствуйте! Нужна помощь, в мобильной версии сайта, в браузере яндекса сайт отображается неправильно
Screenshot_20151114-102151.png

В pagespeed у меня совсем беда. Для мобильных
Screenshot_20151114-102151.png

и для компьютеров. как увеличить загрузку, это совсем не дело. Спасибо
комп.png

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

  • PageSpeed Insights.png





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

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