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


Помогите Правильно Отредактировать Шаблон Mokko!


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

#461 Vaccina

Vaccina

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

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

Отправлено 08 Октябрь 2015 - 04:55

1. В main.css найдите:
.filtername.visible ~ .filter-options {
	display: block;
}
замените на:
.filtername.visible ~ .filter-options {
	display: block;
	width: 500px;
	white-space: normal;
}

далее найдите:
.filter-option {
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	cursor: pointer;
}
замените на:
.filter-option {
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	cursor: pointer;
	width: 45%;
	display: inline-block;
}

2. Уточните пожалуйста, вы прописывали для данного блока какие-нибудь функции в main.js?
3. В main.css найдите:
.goodsDataFeatures {
	width: 100% !important;
	height: 350px !important;
	border: 1px solid #FFF;
}
замените на:
.goodsDataFeatures {
	height: 200px;
	border: 1px solid #FFF;
	overflow-y: scroll;
	display: block;
}


#462 dfysdbu

dfysdbu

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

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

Отправлено 09 Октябрь 2015 - 01:39

Просмотр сообщенияVaccina (08 Октябрь 2015 - 04:55) писал:

1. В main.css найдите:
.filtername.visible ~ .filter-options {
display: block;
}
замените на:
.filtername.visible ~ .filter-options {
display: block;
width: 500px;
white-space: normal;
}

далее найдите:
.filter-option {
color: #FFF;
font-size: 14px;
font-weight: normal;
cursor: pointer;
}
замените на:
.filter-option {
color: #FFF;
font-size: 14px;
font-weight: normal;
cursor: pointer;
width: 45%;
display: inline-block;
}

2. Уточните пожалуйста, вы прописывали для данного блока какие-нибудь функции в main.js?
3. В main.css найдите:
.goodsDataFeatures {
width: 100% !important;
height: 350px !important;
border: 1px solid #FFF;
}
замените на:
.goodsDataFeatures {
height: 200px;
border: 1px solid #FFF;
overflow-y: scroll;
display: block;
}
по 2 вопросу, нет я ни каких скриптов не прописывал

#463 Vaccina

Vaccina

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

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

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

В шаблоне HTML найдите:
{% FOR recently_viewed_goods %}
					<tr class="alignLeft{% IF recently_viewed_goods.last %}last{% ENDIF %}">
						<td class="img txtalgncnt goodsDataMainImagesIcon">
замените на:
{% FOR recently_viewed_goods %}
					<tr class="alignLeft{% IF recently_viewed_goods.last %}last{% ENDIF %}">
						<td class="img txtalgncnt">


#464 dfysdbu

dfysdbu

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

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

Отправлено 12 Октябрь 2015 - 00:16

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

Изображение

#465 Vaccina

Vaccina

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

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

Отправлено 13 Октябрь 2015 - 00:39

В main.css найдите:
.goodsDataMainImageBlock {
	width: 280px;
	padding-right: 10px;
}
замените на:
.goodsDataMainImageBlock {
	padding-right: 10px;
}

далее найдите:
.goodsDataMainImageBlock img {
	padding: 2px;
	image-rendering: optimizespeed;
}
замените на:
.goodsDataMainImageBlock img {
	padding: 2px;
	image-rendering: optimizespeed;
	width: 100%;
	height: auto;
}

В разделе Настройки - основные увеличьте параметр максимального размера для больших фото товаров с 320

#466 dfysdbu

dfysdbu

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

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

Отправлено 19 Октябрь 2015 - 07:51

Просмотр сообщенияVaccina (13 Октябрь 2015 - 00:39) писал:

В main.css найдите:
.goodsDataMainImageBlock {
width: 280px;
padding-right: 10px;
}
замените на:
.goodsDataMainImageBlock {
padding-right: 10px;
}

далее найдите:
.goodsDataMainImageBlock img {
padding: 2px;
image-rendering: optimizespeed;
}
замените на:
.goodsDataMainImageBlock img {
padding: 2px;
image-rendering: optimizespeed;
width: 100%;
height: auto;
}

В разделе Настройки - основные увеличьте параметр максимального размера для больших фото товаров с 320

Спасибо!
Подскажите как поправить вот этот блок ни чего не могу с ним поделать

Изображение

#467 Юля123

Юля123

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

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

Отправлено 19 Октябрь 2015 - 10:58

Просмотр сообщенияdfysdbu (19 Октябрь 2015 - 07:51) писал:

Спасибо!
Подскажите как поправить вот этот блок ни чего не могу с ним поделать

Изображение

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

#menu_my li ul li {
float: right;
margin: 0;
/* width: 300px;
height: 200px;
overflow: hidden;*/
min-width: 460px;
max-height: 470px;
height: auto;
text-align: left;
background: #5AA7D7;/*#F2F2F2;*/
/*color:black;*/
right: 160px;
bottom:10px;
box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.5);
border-radius: 10px;
border: 2px solid #6CB8E5;
z-index:1000;
}


на вот этот код:

#menu_my li ul li {
	float: right;
	margin: 0;
	min-width: 460px;
	max-height: 470px;
	height: auto;
	text-align: left;
	background: #5AA7D7;
	/* color: black; */
	right: 160px;
	bottom: 10px;
	box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	border: 2px solid #6CB8E5;
	z-index: 1000;
	padding-left: 15px;
}


#468 Firefly

Firefly

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

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

Отправлено 19 Октябрь 2015 - 11:21

Просмотр сообщенияdfysdbu (19 Октябрь 2015 - 07:51) писал:

Спасибо!
Подскажите как поправить вот этот блок ни чего не могу с ним поделать

Изображение

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#menu_my li ul li ol li {width: 150px;}

Замените на:
#menu_my li ul li ol li {width: 150px;min-width: 400px;margin-left: 25px;}





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

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