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


Внести Изменения В Шаблон


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

#61 Mave

Mave

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

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

Отправлено 02 Август 2017 - 11:12

Добрый день. Подскажите, пожалуйста:
1. не смогла найти где цвет поменять стрелочек, а то их не видно
2. как сделать эти слова кликабельными (с переходами на др страницы сайта), на всех трех банеерах

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

  • Безымянный.jpg


#62 metry

metry

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

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

Отправлено 04 Август 2017 - 10:39

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:

.fa.fa-angle-right,.fa.fa-angle-left{color:#000;}
.fa-angle-right:hover,.fa.fa-angle-left:hover {color:#f50056;}

далее зайдите в Редактор шаблонов-->HTML и найдите:

		<div class="content">
		  <div class="item">
			<div class="image">
			  <img src="{ASSETS_IMAGES_PATH}delivery.png?design=cosines"/>
			</div>
			<div class="text">
			  <h2>Скидки скидки скидки</h2>
			</div>
		  </div>
		  <div class="item">
			<div class="image">
			  <img src="{ASSETS_IMAGES_PATH}garantii.png?design=cosines"/>
			</div>
			<div class="text">
			  <h2>Доставка по всей России</h2>
			</div>
		  </div>
		  <div class="item">
			<div class="image">
			  <img src="{ASSETS_IMAGES_PATH}rezgim.png?design=cosines"/>
			</div>
			<div class="text">
			  <h2>Прием заказов он-лайн 24/7</h2>
			</div>
		  </div>
		</div>

замените на:

		<div class="content">
		  <a href="#">
			<div class="item">
			<div class="image">
			  <img src="{ASSETS_IMAGES_PATH}delivery.png?design=cosines"/>
			</div>
			<div class="text">
			  <h2>Скидки скидки скидки</h2>
			</div>
		  </div>
		  </a>
		 
		  <a href="#">
		  <div class="item">
			<div class="image">
			  <img src="{ASSETS_IMAGES_PATH}garantii.png?design=cosines"/>
			</div>
			<div class="text">
			  <h2>Доставка по всей России</h2>
			</div>
		  </div>
		  </a>
		 
		  <a href="#">
		  <div class="item">
			<div class="image">
			  <img src="{ASSETS_IMAGES_PATH}rezgim.png?design=cosines"/>
			</div>
			<div class="text">
			  <h2>Прием заказов он-лайн 24/7</h2>
			</div>
		  </div>
		  </a>
		 
		</div>

- в вставленном коде # замените на ссылку, куда должен ссылаться слайд.

#63 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 24 Август 2017 - 14:32

День добрый.
как разместить картинку как фон на сайт. Что бы все блоки и конки были как бы на картинке.
Заранее благодарю

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

  • depositphotos_42743407-stock-illustration-nail-polish-pattern.jpg


#64 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 24 Август 2017 - 15:10

Просмотр сообщенияbscgroup (24 Август 2017 - 14:32) писал:

День добрый.
как разместить картинку как фон на сайт. Что бы все блоки и конки были как бы на картинке.
Заранее благодарю
то что я примерно хочу описано тут https://www.advantsh...load-background спасибо

#65 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 24 Август 2017 - 15:21

Просмотр сообщенияbscgroup (24 Август 2017 - 15:10) писал:

то что я примерно хочу описано тут https://www.advantsh...load-background спасибо

Здравствуйте.
Изменения Вам произвел.
Чтобы фон не сливался с карточками на белом фоне - задал ему прозрачность.
В шаблоне HTML код:
<div class="bg"></div>

В шаблоне main.css код:
.bg {background: url('{ASSETS_IMAGES_PATH}bg.jpg') repeat; opacity: 0.02; width: 100%; height: 100%; z-index: -1; position: absolute;}


#66 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 24 Август 2017 - 15:40

Просмотр сообщенияFirefly (24 Август 2017 - 15:21) писал:

Здравствуйте.
Изменения Вам произвел.
Чтобы фон не сливался с карточками на белом фоне - задал ему прозрачность.
В шаблоне HTML код:
<div class="bg"></div>

В шаблоне main.css код:
.bg {background: url('{ASSETS_IMAGES_PATH}bg.jpg') repeat; opacity: 0.02; width: 100%; height: 100%; z-index: -1; position: absolute;}
Спасибо, можно элементы по верх фона сделать в белой рамке. и подскажите как шапку и подвал делать в фоне. и можна как то крешить что бы скорость подгрузки сайта не храмала

#67 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 24 Август 2017 - 15:59

Просмотр сообщенияbscgroup (24 Август 2017 - 15:40) писал:

Спасибо, можно элементы по верх фона сделать в белой рамке. и подскажите как шапку и подвал делать в фоне. и можна как то крешить что бы скорость подгрузки сайта не храмала

Фон для подвала, шапки и слайдера background-color: #fff9e8; убрал.
Для плитки товаров, категорий и левого блока меню задал белый фон.
Скорость загрузки можно оптимизировать лишь загрузив одинаковые изображения с меньшим разрешением, сейчас, к примеру картинка имеет размер 2778x1439, что довольно много, лучше привести картинки к размеру 1920x1080px

#68 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 25 Август 2017 - 08:13

Просмотр сообщенияFirefly (24 Август 2017 - 15:59) писал:

Фон для подвала, шапки и слайдера background-color: #fff9e8; убрал.
Для плитки товаров, категорий и левого блока меню задал белый фон.
Скорость загрузки можно оптимизировать лишь загрузив одинаковые изображения с меньшим разрешением, сейчас, к примеру картинка имеет размер 2778x1439, что довольно много, лучше привести картинки к размеру 1920x1080px
Помогите пожалуйста текст сделать по ярче, в подвале чутка больше с сохранением расстановки. В ОБЩИМ ЧТО БЫ ТЕКСТ БЫЛ БОЛЕЕ ЯРКИМ

#69 Vaccina

Vaccina

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

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

Отправлено 25 Август 2017 - 08:27

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#footer {padding: 40px 0;margin-top: 30px;}

после него пропишите:
#footer .footer-top .row > div{background: #fff;border-radius: 10px;margin: 0 5px; padding-bottom:10px;height: 253px;font-size: 15px;}
#footer .footer-top .row > div:nth-child(4){display: none;}
#footer .footer-top .row > div:last-child{float: right;}


#70 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 25 Август 2017 - 09:08

Помогите пожалуйста текст сделать по ярче, в подвале чутка больше с сохранением расстановки. В ОБЩИМ ЧТО БЫ ТЕКСТ БЫЛ БОЛЕЕ ЯРКИМ

Просмотр сообщенияVaccina (25 Август 2017 - 08:27) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#footer {padding: 40px 0;margin-top: 30px;}

после него пропишите:
#footer .footer-top .row > div{background: #fff;border-radius: 10px;margin: 0 5px; padding-bottom:10px;height: 253px;font-size: 15px;}
#footer .footer-top .row > div:nth-child(4){display: none;}
#footer .footer-top .row > div:last-child{float: right;}
если воспользоваться кодом, белые поля большие, и блок вк пролетает куда то. нужно поля до размеров длины текста

#71 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 25 Август 2017 - 09:35

Просмотр сообщенияbscgroup (25 Август 2017 - 09:08) писал:

Помогите пожалуйста текст сделать по ярче, в подвале чутка больше с сохранением расстановки. В ОБЩИМ ЧТО БЫ ТЕКСТ БЫЛ БОЛЕЕ ЯРКИМ


если воспользоваться кодом, белые поля большие, и блок вк пролетает куда то. нужно поля до размеров длины текста

Здравствуйте.
В шаблоне main.css код:
#footer .footer-top .row > div{background: #ffbdd8;border-radius: 20px;margin: 0 5px; opacity: 0.80; padding-bottom:10px;height: 248px;font-size: 14px;}

Заменил на:
#footer .footer-top .row > div{background: #ffbdd8;border-radius: 20px;margin: 0 5px;opacity: 0.90;padding: 12px;height: 248px;font-size: 14px;}

Проверьте, пожалуйста

#72 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 25 Август 2017 - 09:56

Просмотр сообщенияFirefly (25 Август 2017 - 09:35) писал:

Здравствуйте.
В шаблоне main.css код:
#footer .footer-top .row > div{background: #ffbdd8;border-radius: 20px;margin: 0 5px; opacity: 0.80; padding-bottom:10px;height: 248px;font-size: 14px;}

Заменил на:
#footer .footer-top .row > div{background: #ffbdd8;border-radius: 20px;margin: 0 5px;opacity: 0.90;padding: 12px;height: 248px;font-size: 14px;}

Проверьте, пожалуйста
помогитесделать так что бы в мобильной версии подвал был таким как до изменений и блог мы в соц сетях всегда раскрытый

#73 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 25 Август 2017 - 10:15

и кнопки контакты  кабинет мы в соц сетях и меню более жирные и яркими но что бы все влазило как было
заранее спасибо

#74 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 25 Август 2017 - 10:37

Просмотр сообщенияbscgroup (25 Август 2017 - 09:08) писал:

Помогите пожалуйста текст сделать по ярче, в подвале чутка больше с сохранением расстановки. В ОБЩИМ ЧТО БЫ ТЕКСТ БЫЛ БОЛЕЕ ЯРКИМ


если воспользоваться кодом, белые поля большие, и блок вк пролетает куда то. нужно поля до размеров длины текста

Просмотр сообщенияbscgroup (25 Август 2017 - 09:08) писал:

Помогите пожалуйста текст сделать по ярче, в подвале чутка больше с сохранением расстановки. В ОБЩИМ ЧТО БЫ ТЕКСТ БЫЛ БОЛЕЕ ЯРКИМ


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

#75 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 25 Август 2017 - 10:53

мы в соц сетях ктеперь узкая а вк слишком большая, личный кабинет в 1 строчку и значки соц сети в 1 строчку

#76 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 25 Август 2017 - 11:45

Просмотр сообщенияbscgroup (25 Август 2017 - 10:53) писал:

мы в соц сетях ктеперь узкая а вк слишком большая, личный кабинет в 1 строчку и значки соц сети в 1 строчку

Упростил Вам код и изменил адаптивность блоков, чтобы содержимое не наезжало и перестраивалось корректно. После изменений создал бэкап 25.08.2017 11:44:08. Проверьте, пожалуйста.

#77 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 25 Август 2017 - 11:51

Просмотр сообщенияFirefly (25 Август 2017 - 11:45) писал:

Упростил Вам код и изменил адаптивность блоков, чтобы содержимое не наезжало и перестраивалось корректно. После изменений создал бэкап 25.08.2017 11:44:08. Проверьте, пожалуйста.
Хорошо, только сделайте пожалуйста что бы они всегда были в свернутом режиме, я имею ввиду контакты кабинет и меню, а при нажатии на наименование раскрывался и так же скрывался по нажатию или автомотически по истечению времени или нажатии на другую иконку при разрешении ниже 667*

#78 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 25 Август 2017 - 12:04

Просмотр сообщенияbscgroup (25 Август 2017 - 11:51) писал:

Хорошо, только сделайте пожалуйста что бы они всегда были в свернутом режиме, я имею ввиду контакты кабинет и меню, а при нажатии на наименование раскрывался и так же скрывался по нажатию или автомотически по истечению времени или нажатии на другую иконку при разрешении ниже 667*

Код в шаблоне main.js:
/*		$('.footer-top .links, .footer-top .block-contact').hide();
$('.footer-top .title').click(function () {
if ($(this).next().is(':visible')) {
				 $(this).next().hide();
} else {
				 $('.footer-top .links, .footer-top .block-contact').hide();
				 $(this).next().show();
}
});*/

Заменил на:
$('.footer-top .links, .footer-top .block-contact').hide();
$('.footer-top .title').click(function () {
if ($(this).next().is(':visible')) {
				 $(this).next().hide();
} else {
				 $('.footer-top .links, .footer-top .block-contact').hide();
				 $(this).next().show();
}
});


#79 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 25 Август 2017 - 12:07

Просмотр сообщенияFirefly (25 Август 2017 - 12:04) писал:

Код в шаблоне main.js:
/*	 $('.footer-top .links, .footer-top .block-contact').hide();
$('.footer-top .title').click(function () {
if ($(this).next().is(':visible')) {
				 $(this).next().hide();
} else {
				 $('.footer-top .links, .footer-top .block-contact').hide();
				 $(this).next().show();
}
});*/

Заменил на:
$('.footer-top .links, .footer-top .block-contact').hide();
$('.footer-top .title').click(function () {
if ($(this).next().is(':visible')) {
				 $(this).next().hide();
} else {
				 $('.footer-top .links, .footer-top .block-contact').hide();
				 $(this).next().show();
}
});
спасибо, только вот контакты сгрупировались и в полной и в мобильной версии и в полной версии текст сдвинулся в лево, и нужно что бы они по стандарту все были срыты кроме соц сетей. хотелось бы контакты оставить как было + эти три блока сделать в мобильной версии (наименование) жирнее и чутка больше для видимости. и разместить чуть ближе друг к другу. Спасибо огромное заранее, Вы очень круто все делаете.

#80 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 25 Август 2017 - 12:41

Просмотр сообщенияbscgroup (25 Август 2017 - 12:07) писал:

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

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




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

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