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


Изменения Главной Страницы + Каталог


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

#21 Ribka

Ribka

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

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

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

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

Можете в самый конец

Вставила код в самый конец. все получилось))) за исключением одного - https://prnt.sc/gd8xk6 , https://prnt.sc/gdaiuv кроме главной странице, на всех остальных шапка перекрывает верхнюю часть.
можете подсказать как подправить?? и шапка с меню стала прозрачной

#22 Ribka

Ribka

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

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

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

Ребят, можете помочь? сайт ужасно криво смотрится сейчас в шапке((

#23 Firefly

Firefly

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

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

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

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

Ребят, можете помочь? сайт ужасно криво смотрится сейчас в шапке((

Здравствуйте.
В шаблоне main.css код:
#custommenu {position: static;z-index: 1;line-height: 75px;}

Заменил на:
#custommenu {position: static;z-index: 1;line-height: 75px;text-align: center;}

Добавил код:
.fixed {position: fixed !important;width: 100%; background: #fff;top:0;}

Удалил код:
div#header {
		position: fixed !important;
}

И в шаблоне main.js добавил код:
$(window).scroll(function() {
	var the_top = jQuery(document).scrollTop();
	if (the_top > 100) {
		jQuery('#custommenu').addClass('fixed');
	}
	else {
		jQuery('#custommenu').removeClass('fixed');
	}
});

Проверьте результат.

#24 Ribka

Ribka

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

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

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

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

Здравствуйте.
В шаблоне main.css код:
#custommenu {position: static;z-index: 1;line-height: 75px;}

Заменил на:
#custommenu {position: static;z-index: 1;line-height: 75px;text-align: center;}

Добавил код:
.fixed {position: fixed !important;width: 100%; background: #fff;top:0;}

Удалил код:
div#header {
	 position: fixed !important;
}

И в шаблоне main.js добавил код:
$(window).scroll(function() {
var the_top = jQuery(document).scrollTop();
if (the_top > 100) {
	 jQuery('#custommenu').addClass('fixed');
}
else {
	 jQuery('#custommenu').removeClass('fixed');
}
});

Проверьте результат.

Здравствуйте.
Если раньше плавающая строчка была https://prnt.sc/gd7c2c, то сейчас только шапка с каталогом https://prnt.sc/gdwzjk + она стала белой.
При наведении на категорию все категории стали по центру https://prnt.sc/gdx032 а были по левому краю. Зачем это?
#custommenu {position: static;z-index: 1;line-height: 75px;text-align: center;}

А хотелось бы вот так https://prnt.sc/gd7c2c и чтобы цвет свой сохраняла по всем страницам

#25 Firefly

Firefly

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

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

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

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

Здравствуйте.
Если раньше плавающая строчка была https://prnt.sc/gd7c2c, то сейчас только шапка с каталогом https://prnt.sc/gdwzjk + она стала белой.
При наведении на категорию все категории стали по центру https://prnt.sc/gdx032 а были по левому краю. Зачем это?
#custommenu {position: static;z-index: 1;line-height: 75px;text-align: center;}

А хотелось бы вот так https://prnt.sc/gd7c2c и чтобы цвет свой сохраняла по всем страницам

Вернул Вам выравнивание по левому краю и закрепил всю шапку полностью при прокрутке. Проверьте

#26 Ribka

Ribka

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

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

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

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

Вернул Вам выравнивание по левому краю и закрепил всю шапку полностью при прокрутке. Проверьте

Все отлично https://prnt.sc/gdzkws  за исключением одного)
При прокрутке шапка теряет цвет https://prnt.sc/gdzlmj на всех страницах, кроме главной. На главной  не теряет
Я где-то на форуме уже выдела сообщения с такой проблемой. не могу найти только( это можно как то исправить?

#27 Firefly

Firefly

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

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

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

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

Все отлично https://prnt.sc/gdzkws  за исключением одного)
При прокрутке шапка теряет цвет https://prnt.sc/gdzlmj на всех страницах, кроме главной. На главной  не теряет
Я где-то на форуме уже выдела сообщения с такой проблемой. не могу найти только( это можно как то исправить?

В шаблоне main.css добавил после кода:
.fixed {position: fixed !important;width: 100%;top:0;}

код:
.fixed #custommenu {background: #efefec;}

Проверьте сейчас

#28 Ribka

Ribka

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

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

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

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

В шаблоне main.css добавил после кода:
.fixed {position: fixed !important;width: 100%;top:0;}

код:
.fixed #custommenu {background: #efefec;}

Проверьте сейчас

Все супер :rolleyes: спасибо Вам большое) :wub:

#29 Ribka

Ribka

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

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

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

Зашла с телефона и глаза на лоб полезли)
Можно то как-то в мобильной версии все упорядочить? чтобы ровненько было. + теперь зафиксированная шапка меню идет на пол страницы http://prntscr.com/geu4re

#30 Ирина345

Ирина345

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

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

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

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

Зашла с телефона и глаза на лоб полезли)
Можно то как-то в мобильной версии все упорядочить? чтобы ровненько было. + теперь зафиксированная шапка меню идет на пол страницы http://prntscr.com/geu4re
Здравствуйте, найдите в файле main.css
.fixed {
	position: fixed !important;
	width: 100%;
	top: 0;
}

и переместите данный код после строк
@media all and (min-width: 768px) {


#31 Ribka

Ribka

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

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

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

Просмотр сообщенияИрина345 (30 Август 2017 - 17:32) писал:

Здравствуйте, найдите в файле main.css
.fixed {
position: fixed !important;
width: 100%;
top: 0;
}

и переместите данный код после строк
@media all and (min-width: 768px) {

Сделала. Можете проверить, пожалуйста?

#32 Firefly

Firefly

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

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

Отправлено 01 Сентябрь 2017 - 09:43

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

Сделала. Можете проверить, пожалуйста?

Здравствуйте.
Сейчас шапка фиксируется с разрешения 768px. На мобильной версии все выглядит корректно, как и ранее, до фиксации шапки.

#33 Ribka

Ribka

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

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

Отправлено 01 Сентябрь 2017 - 10:37

Просмотр сообщенияFirefly (01 Сентябрь 2017 - 09:43) писал:

Здравствуйте.
Сейчас шапка фиксируется с разрешения 768px. На мобильной версии все выглядит корректно, как и ранее, до фиксации шапки.

Все отлично)) спасибо!)
А можно каким-нибудь кодом скрыть с сайта счетчики, которые находятся в самом низу? чтобы не удалять их

#34 Firefly

Firefly

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

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

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

Просмотр сообщенияRibka (01 Сентябрь 2017 - 10:37) писал:

Все отлично)) спасибо!)
А можно каким-нибудь кодом скрыть с сайта счетчики, которые находятся в самом низу? чтобы не удалять их

В шаблоне main.css найдите код:
#footer .footer-bottom .copyright a:hover {text-decoration: underline;}

Добавьте после него код:
#footer .footer-bottom .copyright img {display:none;}


#35 Ribka

Ribka

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

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

Отправлено 04 Сентябрь 2017 - 21:54

Просмотр сообщенияFirefly (01 Сентябрь 2017 - 09:43) писал:

Здравствуйте.
Сейчас шапка фиксируется с разрешения 768px. На мобильной версии все выглядит корректно, как и ранее, до фиксации шапки.


Добрый вечер!
Ранее я писала сообщение о том, что хотелось бы упорядочить верхний блок сайта в мобильной версии.
Сейчас выглядит так - https://prnt.sc/gh21sr, а можно ли сделать что-то вроде того - https://prnt.sc/gh20b5 ? Чтобы симитрично смотрелись кнопки "Контакты" и другие и растянуть окно "Поиск" по ширине.

#36 Ирина345

Ирина345

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

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

Отправлено 05 Сентябрь 2017 - 09:30

Просмотр сообщенияRibka (04 Сентябрь 2017 - 21:54) писал:

Добрый вечер!
Ранее я писала сообщение о том, что хотелось бы упорядочить верхний блок сайта в мобильной версии.
Сейчас выглядит так - https://prnt.sc/gh21sr, а можно ли сделать что-то вроде того - https://prnt.sc/gh20b5 ? Чтобы симитрично смотрелись кнопки "Контакты" и другие и растянуть окно "Поиск" по ширине.
Здравствуйте, найдите в файле main.css
.block.search #search_mini_form {
	position: relative;
	width: 190px;
	height: 40px;
	background: #fff;
	margin: 0 15px;
	border: 1px solid #8c2c29;
}

замените на
.block.search #search_mini_form {
	position: relative;
	width: 100%;
	height: 40px;
	background: #fff;
	margin: 0 15px;
	border: 1px solid #8c2c29;
}
.header-top .block.cart {
	margin-left: 41px;
}


#37 Ribka

Ribka

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

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

Отправлено 07 Сентябрь 2017 - 21:03

Просмотр сообщенияИрина345 (05 Сентябрь 2017 - 09:30) писал:

Здравствуйте, найдите в файле main.css
.block.search #search_mini_form {
position: relative;
width: 190px;
height: 40px;
background: #fff;
margin: 0 15px;
border: 1px solid #8c2c29;
}

замените на
.block.search #search_mini_form {
position: relative;
width: 100%;
height: 40px;
background: #fff;
margin: 0 15px;
border: 1px solid #8c2c29;
}
.header-top .block.cart {
margin-left: 41px;
}

Вроде лучше стало ) спасибо

Подскажите, пожалуйста, как изменить величину шрифта - тут https://prnt.sc/gicb1d получается длинные названия не видно полностью. Либо увеличить отступ, чтобы видно было весь текст в названии.

#38 Ирина345

Ирина345

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

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

Отправлено 08 Сентябрь 2017 - 11:48

Просмотр сообщенияRibka (07 Сентябрь 2017 - 21:03) писал:

Вроде лучше стало ) спасибо

Подскажите, пожалуйста, как изменить величину шрифта - тут https://prnt.sc/gicb1d получается длинные названия не видно полностью. Либо увеличить отступ, чтобы видно было весь текст в названии.
Здравствуйте, что бы увеличить отступ найдите в файле main.css
.cart-ajax .cart-product .cart-product-info .product-name {
	display: block;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	margin: 3px 0 5px 0;
	max-height: 65px;
}

замените на
.cart-ajax .cart-product .cart-product-info .product-name {
	display: block;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	margin: 3px 0 5px 0;
	max-height: 90px;
}

что бы изменить размер названия, добавьте в конец файла main.css код
.cart-ajax .cart-product .cart-product-info h5.product-name {
	font-size: 15px;
}
где изменяя значение 15 изменяете размер названия товара.

#39 Ribka

Ribka

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

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

Отправлено 08 Сентябрь 2017 - 17:43

Просмотр сообщенияИрина345 (08 Сентябрь 2017 - 11:48) писал:

Здравствуйте, что бы увеличить отступ найдите в файле main.css
.cart-ajax .cart-product .cart-product-info .product-name {
display: block;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
margin: 3px 0 5px 0;
max-height: 65px;
}

замените на
.cart-ajax .cart-product .cart-product-info .product-name {
display: block;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
margin: 3px 0 5px 0;
max-height: 90px;
}

что бы изменить размер названия, добавьте в конец файла main.css код
.cart-ajax .cart-product .cart-product-info h5.product-name {
font-size: 15px;
}
где изменяя значение 15 изменяете размер названия товара.

Спасибо за помощь)

#40 Ribka

Ribka

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

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

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

Просмотр сообщенияИрина345 (08 Сентябрь 2017 - 11:48) писал:

Здравствуйте, что бы увеличить отступ найдите в файле main.css
.cart-ajax .cart-product .cart-product-info .product-name {
display: block;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
margin: 3px 0 5px 0;
max-height: 65px;
}

замените на
.cart-ajax .cart-product .cart-product-info .product-name {
display: block;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
margin: 3px 0 5px 0;
max-height: 90px;
}

что бы изменить размер названия, добавьте в конец файла main.css код
.cart-ajax .cart-product .cart-product-info h5.product-name {
font-size: 15px;
}
где изменяя значение 15 изменяете размер названия товара.


Добрый день!
Подскажите, пожалуйста, как в списке товаров вывести "Цена:" + увеличить шрифт в примерно в полтора раза? https://prnt.sc/gn6rie




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

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