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

[UGIN]

Юля123 (22 Апрель 2016 - 17:09) писал:

Создала Вам тестовую страницу с названием test, посмотрите изменения.

преимущества все равно заезжают друг на друга.

[Vaccina]

В main.css добавьте:

.htmlDataBlock .col-sm-12.col-md-6 {
	height: auto !important;
}

[UGIN]

Vaccina (23 Апрель 2016 - 05:31) писал:

В main.css добавьте:

.htmlDataBlock .col-sm-12.col-md-6 {
height: auto !important;
}

получилось. А можно теперь кнопки для "google play" и "appstore" сделать поменьше?

[Юля123]

UGIN (25 Апрель 2016 - 14:37) писал:

получилось. А можно теперь кнопки для "google play" и "appstore" сделать поменьше?

В редакторе страницы найдите код:

<img alt="" src="http://st.store-ip.ru/6/1797/625/appstore.png" style="width: 277px; height: 87px;" />

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

<img alt="" src="http://st.store-ip.ru/6/1797/625/appstore.png" style="width: 90%; height: auto;" />

и код:

<img alt="" src="http://st.store-ip.ru/9/1797/626/google-play1.png" style="width: 270px; height: 80px;" />

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

<img alt="" src="http://st.store-ip.ru/9/1797/626/google-play1.png" style="width: 90%; height: auto;" />

[UGIN]

Юля123 (25 Апрель 2016 - 20:26) писал:

В редакторе страницы найдите код:

<img alt="" src="http://st.store-ip.ru/6/1797/625/appstore.png" style="width: 277px; height: 87px;" />

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

<img alt="" src="http://st.store-ip.ru/6/1797/625/appstore.png" style="width: 90%; height: auto;" />

и код:

<img alt="" src="http://st.store-ip.ru/9/1797/626/google-play1.png" style="width: 270px; height: 80px;" />

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

<img alt="" src="http://st.store-ip.ru/9/1797/626/google-play1.png" style="width: 90%; height: auto;" />

после изменений для мобильной версии, поехали значки для обычного экрана.

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

• 

[Firefly]

UGIN (01 Май 2016 - 21:51) писал:

после изменений для мобильной версии, поехали значки для обычного экрана.

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

@media all and (min-width: 481px ){
  .mob-menu{ display: none;}
}

Замените на:

.htmlDataBlock .advantages {
		height: auto;
		margin:50px 0;
}
@media all and (min-width: 481px ){
  .mob-menu{ display: none;}
  .htmlDataBlock .advantages {
		height: 100px;
		margin:40px 0;
}
}

Найдите и удалите код:

.htmlDataBlock .col-sm-12.col-md-6 {
		height: auto !important;
}

[UGIN]

Firefly (02 Май 2016 - 10:08) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

@media all and (min-width: 481px ){
.mob-menu{ display: none;}
}

Замените на:

.htmlDataBlock .advantages {
	 height: auto;
	 margin:50px 0;
}
@media all and (min-width: 481px ){
.mob-menu{ display: none;}
.htmlDataBlock .advantages {
	 height: 100px;
	 margin:40px 0;
}
}

Найдите и удалите код:

.htmlDataBlock .col-sm-12.col-md-6 {
	 height: auto !important;
}

Пожскажите как картинки на фон поставить на страницу? соответственно что-бы можно было сверху писать инфу
вот примерно так

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

• 

[Vaccina]

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

[UGIN]

Vaccina (05 Май 2016 - 01:06) писал:

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

http://store-ip.ru/p...Hranenie-dannyh
http://store-ip.ru/page/Umnyj-dom

[Юля123]

UGIN (12 Май 2016 - 13:40) писал:

http://store-ip.ru/p...Hranenie-dannyh
http://store-ip.ru/page/Umnyj-dom

Здравствуйте, попробуйте весь код страницы обернуть в тег:

<div style="background:url('прямая ссылка на изображение, без переменных')">
основной код страницы
</div>

прямая ссылка на изображение, без переменных - измените на соответствующую ссылку

[UGIN]

Юля123 (12 Май 2016 - 16:54) писал:

Здравствуйте, попробуйте весь код страницы обернуть в тег:

<div style="background:url('прямая ссылка на изображение, без переменных')">
основной код страницы
</div>

прямая ссылка на изображение, без переменных - измените на соответствующую ссылку

попробывал на тестовой странице, к сожалению не получилось, подскажите пожалуйста, что не так?

UGIN (14 Май 2016 - 21:30) писал:

попробывал на тестовой странице, к сожалению не получилось, подскажите пожалуйста, что не так?

а если мне несколько таких картинок на бэкгрунд нужно будет поставить?

[Юля123]

UGIN (14 Май 2016 - 21:31) писал:

попробывал на тестовой странице, к сожалению не получилось, подскажите пожалуйста, что не так?


а если мне несколько таких картинок на бэкгрунд нужно будет поставить?

Была ошибка в инструкции, поправила. Так же поправила у Вас на странице. background будет отображаться не на всю страницу сайта, а только на контентную часть. Если нужно будет сделать несколько фонов, то лучше разбить страницу на несколько блоков:

<div style="background:url(первая картинка)">
код первого блока
</div>
<div style="background:url(втораякартинка)">
код второго блока
</div>
<div style="background:url(третья картинка)">
код третьего блока
</div>

еще один вариант - это добавление класса к блоку, например так:

<div class="background_page">
основной код страницы
</div>

далее в main.css можно стилизовать этот блок:

.background_page {
background: url("ссылка на картинку") no-repeat;
background-size:contain;
}

На несколько блоков это будет выглядеть так:

<div class="background_page">
код первого блока
</div>
<div style=class="background_page1">
код второго блока
</div>
<div class="background_page2">
код третьего блока
</div>

в main.css код:

.background_page {
background: url("ссылка на картинку") no-repeat;
background-size:contain;
}
.background_page1 {
background: url("ссылка на картинку") no-repeat;
background-size:contain;
}
.background_page2 {
background: url("ссылка на картинку") no-repeat;
background-size:contain;
}

[UGIN]

Юля123 (16 Май 2016 - 11:09) писал:

Была ошибка в инструкции, поправила. Так же поправила у Вас на странице. background будет отображаться не на всю страницу сайта, а только на контентную часть. Если нужно будет сделать несколько фонов, то лучше разбить страницу на несколько блоков:

<div style="background:url(первая картинка)">
код первого блока
</div>
<div style="background:url(втораякартинка)">
код второго блока
</div>
<div style="background:url(третья картинка)">
код третьего блока
</div>

еще один вариант - это добавление класса к блоку, например так:

<div class="background_page">
основной код страницы
</div>

далее в main.css можно стилизовать этот блок:

.background_page {
background: url("ссылка на картинку") no-repeat;
background-size:contain;
}

На несколько блоков это будет выглядеть так:

<div class="background_page">
код первого блока
</div>
<div style=class="background_page1">
код второго блока
</div>
<div class="background_page2">
код третьего блока
</div>

в main.css код:

.background_page {
background: url("ссылка на картинку") no-repeat;
background-size:contain;
}
.background_page1 {
background: url("ссылка на картинку") no-repeat;
background-size:contain;
}
.background_page2 {
background: url("ссылка на картинку") no-repeat;
background-size:contain;
}

попытался сделать такой бэкграунд на странице


http://store-ip.ru/page/Umnyj-dom
и опять же ничего не получается. подскажите пожалуйста что не так сделал??((((

[Юля123]

UGIN (16 Май 2016 - 14:01) писал:

попытался сделать такой бэкграунд на странице


http://store-ip.ru/page/Umnyj-dom
и опять же ничего не получается. подскажите пожалуйста что не так сделал??((((

На сколько я вижу, у Вас background отображается, чтобы он отображался корректно нужно подстроить свойства, для этого код:

<div style="background:url(первая картинка)">

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

<div style="background:url(первая картинка) no-repeat; background-size:contain;"  >

[aleff]

В мобильной версии корзина не на верху, а где то сбоку как исправить, и еще один вопрос добавил под шапку схема проезда, как ее выравнять под телефонами?

SL-311500

[Vaccina]

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

.header-top-right .header-right-mobile {
	left: 0;
	top: 140px;
}

замените на:

.header-top {
	height: auto;
}
.header-top-right .header-right-mobile {
	right: initial;
	position: relative;
	width: 100%;
	text-align: center;
}
.block.mini-cartpro.sm-cartpro.cart-header {
	width: 100%;
}
.header-top .mini-cartpro .block-title {
	border-radius: 0px;
}
.header-content {
	margin-top: 100px;
}

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

.button-navbar.btn-navbar {
	display: block;
	right: 0;
	top: 0;
}

замените на:

.button-navbar.btn-navbar {
	display: block;
	right: 0;
	top: 0;
	position: relative;
	width: 100%;
	margin: 10px 0 0;
}

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

.mobContact {
	text-align: center;
	padding: 10px 0;
}

замените на:

.mobContact {
	text-align: center;
	padding: 10px 0;
	margin: 0;
}

[aleff]

Произвел изменения, корзина переместилась на верх изакрыла шапку и каталог

[Stasya]

aleff (02 Август 2016 - 08:27) писал:

Произвел изменения, корзина переместилась на верх изакрыла шапку и каталог

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

@media all and (max-width: 480px) {

чуть пониже нее строку

#header .header-top-right .header-right-mobile {left: 0;top: 140px;}

замените на

#header .header-top-right .header-right-mobile {right: 0;top: 0;}