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

[Barmalei]

Добрый день!
Решил попробовать сделать одностраничник на базе шаблона СИЯНИЕ.

http://b190072.storeland.ru/

С ходу несколько вопросов:

1) Как мне добавить ссылку, при нажатии на которую будет раскрываться картинка? Расположение ссылки смотрите на вышеуказанном сайте. Или, может можно сам рисунок сделать ссылкой, нажав на который откроется изображение побольше?

2) У меня на сайте есть "Кнопка1" и "Кнопка2". Как мне превратить их в реальные кнопки (пока без функционала) с расположением именно в этих местах? За основу можно взять кнопку шаблона СИЯНИЕ "Добавить в корзину". Мне просто пока нужно понять, как "двигать" кнопки по экрану.

3) В указанное место нужно добавить форму обратной связи с кнопкой "Отправить". Как?

4) *ОФФтопик. Не планируете ли Вы сделать в сервисе Storeland расширение для сборки одностраничников? Перспективная темка

Жду ответов, спасибо!
На всякий случай размещаю фото страницы.

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

• 

[Юля123]

Barmalei (27 Апрель 2016 - 00:56) писал:

Добрый день!
Решил попробовать сделать одностраничник на базе шаблона СИЯНИЕ.

С ходу несколько вопросов:

1) Как мне добавить ссылку, при нажатии на которую будет раскрываться картинка? Расположение ссылки смотрите на вышеуказанном сайте. Или, может можно сам рисунок сделать ссылкой, нажав на который откроется изображение побольше?

2) У меня на сайте есть "Кнопка1" и "Кнопка2". Как мне превратить их в реальные кнопки (пока без функционала) с расположением именно в этих местах? За основу можно взять кнопку шаблона СИЯНИЕ "Добавить в корзину". Мне просто пока нужно понять, как "двигать" кнопки по экрану.

3) В указанное место нужно добавить форму обратной связи с кнопкой "Отправить". Как?

4) *ОФФтопик. Не планируете ли Вы сделать в сервисе Storeland расширение для сборки одностраничников? Перспективная темка

Жду ответов, спасибо!
На всякий случай размещаю фото страницы.

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

1) подобная тема  обсуждалась тут: http://forum.storela...ий/#entry234052

2) Добавляете в шаблоне HTML код:

<a class="more-link button1"  title="" href="ссылка">Кнопка 1</a>
<a class="more-link button2"  title="" href="ссылка">Кнопка 2</a>

в main.css добавляйте код:

.button1 {
	position: absolute;
	top: 100px;
	left: 100px;
}
.button2 {
	position: absolute;
	top: 100px;
	left: 100px;
}

изменяя значения 100px у свойства top изменяете положение по вертикали, такое значение у свойства left - по горизонтали.

3) Добавление формы обратной связи в шаблон сияние обсуждалось в теме:

http://forum.storela...-шаблона-весна/

4) Данная задача уже рассматривалась нашими разработчиками, в ближайшее время  реализация такого функционала не планируется.

[Barmalei]

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

1) подобная тема  обсуждалась тут: http://forum.storela...ий/#entry234052

http://x200371.storeland.ru/
Сделал, как описано в инструкции. Как мне равномерно распределить картинки по телу страницы? Т.е. правую верхнюю сдвинуть до упора вправо; левую нижнюю чуть опустить ниже, правую нижнюю чуть опустить ниже и сдвинуть до упора вправо? Рисунок 1.

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

• 

[Lubka]

Barmalei (06 Август 2016 - 19:46) писал:

http://x200371.storeland.ru/
Сделал, как описано в инструкции. Как мне равномерно распределить картинки по телу страницы? Т.е. правую верхнюю сдвинуть до упора вправо; левую нижнюю чуть опустить ниже, правую нижнюю чуть опустить ниже и сдвинуть до упора вправо? Рисунок 1.

В файле main.css замените строки:

#gallery1 img:nth-child(4n-2) {left: 37.5%;}
#gallery1 img:nth-child(4n-1) {left: 62.5%;}
#gallery1 img:nth-child(4n) {left: 87.5%;}
#gallery1 img:nth-child(n+5) {top: 75%;}

кодом:

#gallery1 img:nth-child(4n-2) {left: 83.5%;}
#gallery1 img:nth-child(4n-1) {left: 62.5%;}
#gallery1 img:nth-child(4n) {left: 87.5%;}
#gallery1 img:nth-child(n+5) {top: 89.5%;}

[support 2.0]

Barmalei (06 Август 2016 - 19:46) писал:

http://x200371.storeland.ru/
Сделал, как описано в инструкции. Как мне равномерно распределить картинки по телу страницы? Т.е. правую верхнюю сдвинуть до упора вправо; левую нижнюю чуть опустить ниже, правую нижнюю чуть опустить ниже и сдвинуть до упора вправо? Рисунок 1.

Здравствуйте, для одностраничного сайта Вы можете использовать шаблон Рассвет. У него на главной страницы есть все, чтобы остальные страницы можно было не использовать, даже есть функция быстрого просмотра товара и обратного звонка.

[Barmalei]

Lubka (06 Август 2016 - 22:24) писал:

В файле main.css замените строки:

Спасибо, сработало!

Ещё вопросик: как мне удалить горизонтальное белое поле вверху страницы и вертикальную линию? Рисунок 2.

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

• 

[Danil]

Barmalei (07 Август 2016 - 19:29) писал:

Спасибо, сработало!

Ещё вопросик: как мне удалить горизонтальное белое поле вверху страницы и вертикальную линию? Рисунок 2.

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

.content_page {
  background: url({ASSETS_IMAGES_PATH}content-page-br.gif?design=shine) no-repeat 710px 68px;
	padding-top:180px;
  overflow:hidden;  
  padding-bottom: 2em;
}

и замените на

.content_page {
	padding-top:180px;
  overflow:hidden;  
  padding-bottom: 2em;
}

найдите

#cpages  {
  background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg?design=shine) no-repeat 0px 80px;
  padding-top: 10px;
}

и замените на

#cpages  {
  padding-top: 10px;
}