Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Съехал Сайт И Еще Пару Вопросов

Автор Vitaly, 18 окт. 2016 12:16

Вперед

Авторизуйтесь для ответа в теме

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

#1 Vitaly

Пользователь

Пользователи
14 сообщений

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

Здравствуйте! съехал сайт вних фото прилагаю.
Помогите поправить к шапке в верх.
И изменить вид выдачи товаров (только списком. и сузить как на картинке)
И подогнать кнопоски раздела "вы смотрери"
В заранее спасибо!! Извеняюсь если повторяюсь в темах

И в поиске при нажатии не осчезает "Номер или название запчасти"

Наверх

#2 MikDark

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

Модераторы
6 468 сообщений

Отправлено 18 Октябрь 2016 - 12:23

Vitaly (18 Октябрь 2016 - 12:16) писал:

Здравствуйте! съехал сайт вних фото прилагаю.
Помогите поправить к шапке в верх.
И изменить вид выдачи товаров (только списком. и сузить как на картинке)
И подогнать кнопоски раздела "вы смотрери"
В заранее спасибо!! Извеняюсь если повторяюсь в темах

И в поиске при нажатии не осчезает "Номер или название запчасти"

Здравствуйте. В шаблоне style.css Вам нужно удалить код:

.promo_block + .contentText {
	top: 170px !important;
}

В шаблоне Товары Вам нужно заменить код:

  <!-- Блок изменения вида списка и поля сортировки -->
			<div class="views">
			  <label>Вид списка:</label>
			  {% IF GOODS_VIEW_TYPE=2 %}
				<a onclick="goods_view_type_change('goods_view_type=1')" title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" class="grid"></a>
				<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде списка, где один товар занимает одну строку" class="list-active"></a>
			  {% ELSE %}
				<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде таблицы, по 3 товара на строку" class="grid-active"></a>
				<a onclick="goods_view_type_change('goods_view_type=2')" title="Отображать список товаров в виде списка" class="list"></a>
			  {% ENDIF %}
			</div>

на

  <!-- Блок изменения вида списка и поля сортировки -->
			<div class="views">
			  <label>Вид списка:</label>
			  {% IF GOODS_VIEW_TYPE=1 %}
				<a onclick="goods_view_type_change('goods_view_type=2')" title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" class="grid"></a>
				<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде списка, где один товар занимает одну строку" class="list-active"></a>
			  {% ELSE %}
				<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде таблицы, по 3 товара на строку" class="grid-active"></a>
				<a onclick="goods_view_type_change('goods_view_type=1')" title="Отображать список товаров в виде списка" class="list"></a>
			  {% ENDIF %}
			</div>

а так же замените:

	  <!-- Если есть товары -->
	  {% IFNOT goods_empty %}
		<div>
		{% IF GOODS_VIEW_TYPE=1 %}

на

	  <!-- Если есть товары -->
	  {% IFNOT goods_empty %}
		<div>
		{% IF GOODS_VIEW_TYPE=2 %}

Наверх

#3 Vitaly

Пользователь

Пользователи
14 сообщений

Отправлено 18 Октябрь 2016 - 14:26

Спасибо! Страница встала.
Список товаров только теперь как сетка стал.
И возможно сделать списком по умолчанию.
И с поиском когда нажимаешь. слово поиск остается

Наверх

#4 Danil

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

Пользователи
4 645 сообщений

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

Vitaly (18 Октябрь 2016 - 14:26) писал:

Спасибо! Страница встала.
Список товаров только теперь как сетка стал.
И возможно сделать списком по умолчанию.
И с поиском когда нажимаешь. слово поиск остается

Изменения Вам произвел, проверьте.

Наверх

#5 Vitaly

Пользователь

Пользователи
14 сообщений

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

Спасибо!
Последние вопросы!
1.Как сделать что бы слайды в шапке не искажались? И какого размера должны быть изображения?
2. И можно как то изменить пропорции для мобильной адаптации? Что бы не повлияло на обычный размер?

Наверх

#6 Danil

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

Пользователи
4 645 сообщений

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

Vitaly (19 Октябрь 2016 - 10:36) писал:

Спасибо!
Последние вопросы!
1.Как сделать что бы слайды в шапке не искажались? И какого размера должны быть изображения?
2. И можно как то изменить пропорции для мобильной адаптации? Что бы не повлияло на обычный размер?

Здравствуйте.
Попробуйте загрузить изображение с размером 1920x200px и в конец style.css добавить код

.camera_wrap img {
	max-width: none !important;
	max-height: 200px !important;
	height: auto !important;
	width: 100% !important;
	margin-left: 0 !important;
}

Наверх

#7 Vitaly

Пользователь

Пользователи
14 сообщений

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

Danil (19 Октябрь 2016 - 11:06) писал:

Здравствуйте.
Попробуйте загрузить изображение с размером 1920x200px и в конец style.css добавить код

.camera_wrap img {
max-width: none !important;
max-height: 200px !important;
height: auto !important;
width: 100% !important;
margin-left: 0 !important;
}

Не помогло. Картинка растягивается и сужается под адаптивность сайта

Наверх

#8 Vitaly

Пользователь

Пользователи
14 сообщений

Отправлено 20 Октябрь 2016 - 10:21

Помогите пожалуйста! не могу разобратся

Наверх

#9 Firefly

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

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

Отправлено 20 Октябрь 2016 - 17:38

Vitaly (20 Октябрь 2016 - 10:21) писал:

Помогите пожалуйста! не могу разобратся

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

.camera_wrap img {max-width: none!important;height:200px !important;}

Замените на:

.camera_wrap img {max-width: none!important;}

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

Наверх

#10 Vitaly

Пользователь

Пользователи
14 сообщений

Отправлено 24 Октябрь 2016 - 10:27

Спасибо! Все получилось)
Есть еще несколько вопросов:
1) Как передвинуть кнопку прокрутки сайта вверх ( пример на первой картинке)
2) Как в адаптации сайта под мобильные устройства изменить меню. что бы раскрывалось с боку? (картинка 2)

Наверх

#11 Razon

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

Модератоpы
321 сообщений

Отправлено 24 Октябрь 2016 - 10:56

Vitaly (24 Октябрь 2016 - 10:27) писал:

Спасибо! Все получилось)
Есть еще несколько вопросов:
1) Как передвинуть кнопку прокрутки сайта вверх ( пример на первой картинке)
2) Как в адаптации сайта под мобильные устройства изменить меню. что бы раскрывалось с боку? (картинка 2)

Здравствуйте,
1) - В файле style.css найдите:

#back-top {position: fixed; bottom: 10px; right: 25px; cursor: pointer;text-align:right;z-index: 1000;}

Замените на:

#back-top {position: fixed; bottom: 10px; right: 85px; cursor: pointer;text-align:right;z-index: 1000;}

2) - Уточните, необходимо только всплывающее меню сделать справа, саму полоску с текстом *Выберите пункт меню...* оставить неизменной ?

Наверх

#12 Vitaly

Пользователь

Пользователи
14 сообщений

Отправлено 24 Октябрь 2016 - 11:18

Вот такая кнопочка как на картинке! И нижний каталог тоже убрать в меню.
И изменить размер шапки в мобильной адаптации что бы он был меньче

Наверх

#13 Razon

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

Модератоpы
321 сообщений

Отправлено 24 Октябрь 2016 - 11:52

Vitaly (24 Октябрь 2016 - 11:18) писал:

Вот такая кнопочка как на картинке! И нижний каталог тоже убрать в меню.
И изменить размер шапки в мобильной адаптации что бы он был меньче

В файле style.css произведите следующие изменения:
Найдите:

  #header .nav-container  .nav_block_head_field{width: 420px;padding-left:10px;background-color: #000000;float:left;height:36px;color: #fff;outline: none;text-decoration: none;line-height:36px;cursor:pointer}
  #header .nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer}
  #header .nav-container .menu_block_dropdown{background-color: #000;list-style: none;margin: 0;padding: 15px 0 0 0;width: 460px;display:none;position:absolute;top:36px;left:0;z-index:99999;}

Замените на:

  #header .nav-container  .nav_block_head_field{width: 420px;padding-left:10px;background-color: #000000;float:left;height:36px;color: #fff;outline: none;text-decoration: none;line-height:36px;cursor:pointer;display:none;}
  #header .nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:right;height: 36px;outline: none;width: 30px;cursor:pointer;margin-top:-120px;}
  #header .nav-container .menu_block_dropdown{background-color: #000;list-style: none;margin: 0;padding: 15px 0 0 0;width: 260px;display:none;position:absolute;top:-75px;right:0;z-index:99999;}

Добавление каталога в данное меню, возможно только путем ссылки, а не всплывающим меню, так как реализовано сейчас.
Замена иконки на ту, что вы хотите требует подключение шрифта или можно реализовать через вставку изображения.
Загрузите изображение которым бы вы хотели заменить текущую стрелочку(Желательные размеры изображение 30х30).

Наверх

#14 Vitaly

Пользователь

Пользователи
14 сообщений

Отправлено 24 Октябрь 2016 - 15:42

Спасибо! Возможно еще убрать пробел между шапкой и категориями товаров? и выровнять категории на всю ширину?

Наверх

#15 Razon

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

Модератоpы
321 сообщений

Отправлено 24 Октябрь 2016 - 16:05

Vitaly (24 Октябрь 2016 - 15:42) писал:

Спасибо! Возможно еще убрать пробел между шапкой и категориями товаров? и выровнять категории на всю ширину?

В файле style.css найдите:

@media only screen and (min-width: 480px) and (max-width: 767px) {

Замените на:

@media only screen and (max-width: 480px){
	.main_general {width:100%;}
	.product {width:100%;}
	.container .five.columns, .container .twelve.columns {margin-top:-140px;width: 460px;}
	.fluid-container  {position: relative;height:200px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {

Наверх

#16 Vitaly

Пользователь

Пользователи
14 сообщений

Отправлено 31 Октябрь 2016 - 15:22

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

и в мобильной адаптации сайта на шапку налезает страцица

И подскажите еще как картинки в описании страниц сделать тоже адаптивными

Наверх

#17 Razon

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

Модератоpы
321 сообщений

Отправлено 31 Октябрь 2016 - 15:47

Vitaly (31 Октябрь 2016 - 15:22) писал:

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

и в мобильной адаптации сайта на шапку налезает страцица

И подскажите еще как картинки в описании страниц сделать тоже адаптивными

Здравствуйте, к сожалению адаптировать виджет по ширине невозможно, стили виджета берутся с внешнего источника.
Для размещения под шапкой в файле style.css найдите:

	 .container .five.columns, .container .twelve.columns {margin-top:-140px;width: 460px;}

Замените на:

	 .container .five.columns, .container .twelve.columns {width: 460px;}

Для адаптивности картинок на страницах, в разделе редактирования страницы(с нажатой кнопкой *Источник*) у изображения

style="width: 600px; height: 431px;"

Замените на:
style="width:100%; height: auto;"

В данном случае картинка будет во всю ширину, а высота автоматическая.

Наверх

#18 Vitaly

Пользователь

Пользователи
14 сообщений

Отправлено 04 Ноябрь 2016 - 11:19

Как изменить форму кнопок? закруглить углы в дизайне. как на фото

Наверх

#19 RayLi

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

Модераторы
2 864 сообщений

Отправлено 04 Ноябрь 2016 - 14:28

Vitaly (04 Ноябрь 2016 - 11:19) писал:

Как изменить форму кнопок? закруглить углы в дизайне. как на фото

Здравствуйте
В данном случае вам необходимо произвести следующие изменения, чтобы получить требуемый результат:
В шаблоне style.css найдите, пожалуйста, данный код:

.product-list3 .four.columns, .product-list4 .four.columns {
	width: 100%;
	border: solid 1px #cdcdcd;
	margin: 5px 0;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
}

И замените его вот этим вот кодом:

.product-list3 .four.columns, .product-list4 .four.columns {
	width: 100%;
	border: solid 1px #cdcdcd;
	margin: 5px 0;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
	border-radius: 10px;
}

После чего в том же шаблоне найдите, пожалуйста, следующий код:

.box-heading {
	padding: 6px 15px 6px 40px;
	background: #6f6f71 url('{ASSETS_IMAGES_PATH}box-heading.png?design=sunrise') no-repeat left center;
	color: #fff;
	font-size: 17px;
	line-height: 25px;
	font-family: Open Sans;
	font-weight: lighter;
}

И замените его вот этим кодом:

.box-heading {
	padding: 6px 15px 6px 40px;
	background: #6f6f71 url('{ASSETS_IMAGES_PATH}box-heading.png?design=sunrise') no-repeat left center;
	color: #fff;
	font-size: 17px;
	line-height: 25px;
	font-family: Open Sans;
	font-weight: lighter;
	border-radius: 10px 10px 0 0;
}

После чего там же найдите, пожалуйста, данный код:

.infoBoxContents {
	position: relative;
	text-align: left;
	font-size: 12px;
	font-family: Open Sans;
	border: 1px solid #6f6f71;
	display: block;
	margin: 0;
	padding: 10px;
}

И замените его этим кодом:

.infoBoxContents {
	position: relative;
	text-align: left;
	font-size: 12px;
	font-family: Open Sans;
	border: 1px solid #6f6f71;
	display: block;
	margin: 0;
	padding: 10px;
	border-radius: 0 0 10px 10px;
}