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


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

Автор Раса, 03 авг. 2016 22:57

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

#1 Раса

Раса

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

  • Пользователи
  • PipPipPip
  • 77 сообщений
  • ГородСанкт-Петербург

Отправлено 03 Август 2016 - 22:57

Здравствуйте. Помогите изменить главную страницу
1. Как сделать строку поиск шире и жирнее ?
2. Ставить фильтр, чтобы при поиске искать товары "цена от и  до", производителя и т.д
3. Каталог товаров убрать с шапки, и ставить их сбоку по левой стороне.
4. Сделать так, чтобы на слайдере картинки двигались .
5. Как изменит размер шрифта номера телефона?

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

  • изменение.png

#2 Vaccina

Vaccina

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

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

Отправлено 04 Август 2016 - 01:30

1. В main.css найдите:
.block-account {
	width: 75%;
	overflow: hidden;
	height: 40px;
}

замените на:
.block-account {
	width: 65%;
	overflow: hidden;
	height: 40px;
}

далее найдите:
.form-search {
	width: 25%;
}

замените на:
.form-search {
	width: 35%;
}

далее найдите:
.form-search {
	display: inline-block;
	position: relative;
	float: right;
	right: 0.5px;
	top: 4px;
	z-index: 10;
	border: 1px solid rgba(255,255,255,0.2);
	padding: 0 5px;
}

замените на:
.form-search {
	display: inline-block;
	position: relative;
	float: right;
	right: 0.5px;
	top: 4px;
	z-index: 10;
	border: 2px solid rgba(255,255,255,0.2);
	padding: 0 5px;
}
2. К сожалению, фильтры доступны в самих категориях.
3. В main.css найдите:
.header-middle {
	position: relative;
}

замените на:
.header-middle {
	position: relative;
	display: none;
}

В шаблоне HTML найдите:
<div class="{% IF MOD_LNAME = catalog || MOD_LNAME = discount || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = search || MOD_LNAME = news || MOD_LNAME = page %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">

замените на:
<div class="col-md-9 col-xs-12 col-right">

дальше найдите:
<!-- Левый блок -->
		  {% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news || MOD_LNAME = page %}

замените на:
<!-- Левый блок -->

далее найдите:
{% ENDIF %}
			<!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->
		  </div>
		  {% ENDIF %}

замените на:
{% ENDIF %}
			<!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->
		  </div>
4. В main.js найдите:
// Слайдер на главной
jQuery(document).ready(function ($) {
var id = $("#slideshow");
var accor = $('ul.accor', id);
accor.zAccordion({
  auto: false,

замените на:
// Слайдер на главной
jQuery(document).ready(function ($) {
var id = $("#slideshow");
var accor = $('ul.accor', id);
accor.zAccordion({
  auto: true,

5.В main.css найдите:
.block-phone a {
	font-size: 18px;
	margin-left: 5px;
}
в нем измените значение стиля font-size

#3 Раса

Раса

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

  • Пользователи
  • PipPipPip
  • 77 сообщений
  • ГородСанкт-Петербург

Отправлено 05 Август 2016 - 01:02

Просмотр сообщенияVaccina (04 Август 2016 - 01:30) писал:

1. В main.css найдите:
.block-account {
width: 75%;
overflow: hidden;
height: 40px;
}

замените на:
.block-account {
width: 65%;
overflow: hidden;
height: 40px;
}

далее найдите:
.form-search {
width: 25%;
}

замените на:
.form-search {
width: 35%;
}

далее найдите:
.form-search {
display: inline-block;
position: relative;
float: right;
right: 0.5px;
top: 4px;
z-index: 10;
border: 1px solid rgba(255,255,255,0.2);
padding: 0 5px;
}

замените на:
.form-search {
display: inline-block;
position: relative;
float: right;
right: 0.5px;
top: 4px;
z-index: 10;
border: 2px solid rgba(255,255,255,0.2);
padding: 0 5px;
}
2. К сожалению, фильтры доступны в самих категориях.
3. В main.css найдите:
.header-middle {
position: relative;
}

замените на:
.header-middle {
position: relative;
display: none;
}

В шаблоне HTML найдите:
<div class="{% IF MOD_LNAME = catalog || MOD_LNAME = discount || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = search || MOD_LNAME = news || MOD_LNAME = page %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">

замените на:
<div class="col-md-9 col-xs-12 col-right">

дальше найдите:
<!-- Левый блок -->
		 {% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news || MOD_LNAME = page %}

замените на:
<!-- Левый блок -->

далее найдите:
{% ENDIF %}
		 <!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->
		 </div>
		 {% ENDIF %}

замените на:
{% ENDIF %}
		 <!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->
		 </div>
4. В main.js найдите:
// Слайдер на главной
jQuery(document).ready(function ($) {
var id = $("#slideshow");
var accor = $('ul.accor', id);
accor.zAccordion({
auto: false,

замените на:
// Слайдер на главной
jQuery(document).ready(function ($) {
var id = $("#slideshow");
var accor = $('ul.accor', id);
accor.zAccordion({
auto: true,

5.В main.css найдите:
.block-phone a {
font-size: 18px;
margin-left: 5px;
}
в нем измените значение стиля font-size

Просмотр сообщенияVaccina (04 Август 2016 - 01:30) писал:

1. В main.css найдите:
.block-account {
width: 75%;
overflow: hidden;
height: 40px;
}

замените на:
.block-account {
width: 65%;
overflow: hidden;
height: 40px;
}

далее найдите:
.form-search {
width: 25%;
}

замените на:
.form-search {
width: 35%;
}

далее найдите:
.form-search {
display: inline-block;
position: relative;
float: right;
right: 0.5px;
top: 4px;
z-index: 10;
border: 1px solid rgba(255,255,255,0.2);
padding: 0 5px;
}

замените на:
.form-search {
display: inline-block;
position: relative;
float: right;
right: 0.5px;
top: 4px;
z-index: 10;
border: 2px solid rgba(255,255,255,0.2);
padding: 0 5px;
}
2. К сожалению, фильтры доступны в самих категориях.
3. В main.css найдите:
.header-middle {
position: relative;
}

замените на:
.header-middle {
position: relative;
display: none;
}

В шаблоне HTML найдите:
<div class="{% IF MOD_LNAME = catalog || MOD_LNAME = discount || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = search || MOD_LNAME = news || MOD_LNAME = page %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">

замените на:
<div class="col-md-9 col-xs-12 col-right">

дальше найдите:
<!-- Левый блок -->
		 {% IF MOD_LNAME = catalog || MOD_LNAME = user && ACT= settings || MOD_LNAME = user && ACT= favorites || MOD_LNAME = user && ACT= history_list || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news || MOD_LNAME = page %}

замените на:
<!-- Левый блок -->

далее найдите:
{% ENDIF %}
		 <!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->
		 </div>
		 {% ENDIF %}

замените на:
{% ENDIF %}
		 <!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->
		 </div>
4. В main.js найдите:
// Слайдер на главной
jQuery(document).ready(function ($) {
var id = $("#slideshow");
var accor = $('ul.accor', id);
accor.zAccordion({
auto: false,

замените на:
// Слайдер на главной
jQuery(document).ready(function ($) {
var id = $("#slideshow");
var accor = $('ul.accor', id);
accor.zAccordion({
auto: true,

5.В main.css найдите:
.block-phone a {
font-size: 18px;
margin-left: 5px;
}
в нем измените значение стиля font-size
Спасибо. почти все получилось. Каталог переместил в левую боковую, но получилось на всю ширину страницы. Надо его сделать как надо и само слово "каталог" стоит не ровно с "на главной, новинки, хиты продаж"

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

  • Image 6.png

#4 Vaccina

Vaccina

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

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

Отправлено 05 Август 2016 - 01:11

В шаблоне HTML найдите:
<!-- Левый блок -->
			<!-- Меню пользователя ЛК -->

замените на:
<!-- Левый блок -->
<div class="col-md-3 col-xs-12 col-left">
			<!-- Меню пользователя ЛК -->

далее в main.css найдите:
#producttabs {
	display: block;
	position: relative;
	width: 100%;
	margin-top: 30px;
}

замените на:
#producttabs {
	display: block;
	position: relative;
	width: 100%;
	margin-top: 5px;
}

#5 Раса

Раса

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

  • Пользователи
  • PipPipPip
  • 77 сообщений
  • ГородСанкт-Петербург

Отправлено 05 Август 2016 - 08:22

Просмотр сообщенияVaccina (05 Август 2016 - 01:11) писал:

В шаблоне HTML найдите:
<!-- Левый блок -->
		 <!-- Меню пользователя ЛК -->

замените на:
<!-- Левый блок -->
<div class="col-md-3 col-xs-12 col-left">
		 <!-- Меню пользователя ЛК -->

далее в main.css найдите:
#producttabs {
display: block;
position: relative;
width: 100%;
margin-top: 30px;
}

замените на:
#producttabs {
display: block;
position: relative;
width: 100%;
margin-top: 5px;
}
спасибо за мгновенный ответ. Можно добавить в фильтрах то что я просил?. Хоть в самих категориях)

#6 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 05 Август 2016 - 11:34

Просмотр сообщенияРаса (05 Август 2016 - 08:22) писал:

спасибо за мгновенный ответ. Можно добавить в фильтрах то что я просил?. Хоть в самих категориях)

Фильтр по цене уже присутствует в Вашем шаблоне. Но отображается он  в том случае если есть настроены другие фильтры, например, по характеристикам или свойствам (модификациям) товара. Вы можете их настроить в разделе Товары-> Товары -> в левом столбике выбрав нужную категорию и нажав правой кнопкой мыши, выберите Настроить категорию. Там Вы сможете настроить фильтры для той категории, которую выбрали.

#7 Раса

Раса

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

  • Пользователи
  • PipPipPip
  • 77 сообщений
  • ГородСанкт-Петербург

Отправлено 05 Август 2016 - 20:42

Просмотр сообщенияStasya (05 Август 2016 - 11:34) писал:

Фильтр по цене уже присутствует в Вашем шаблоне. Но отображается он  в том случае если есть настроены другие фильтры, например, по характеристикам или свойствам (модификациям) товара. Вы можете их настроить в разделе Товары-> Товары -> в левом столбике выбрав нужную категорию и нажав правой кнопкой мыши, выберите Настроить категорию. Там Вы сможете настроить фильтры для той категории, которую выбрали.
хорошо, спасибо. каталог переместили в левый блок, а текст на главном ушел вправо. Часть текста не видно.

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

  • главная.png

#8 Vaccina

Vaccina

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

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

Отправлено 06 Август 2016 - 03:21

Причина в том, что у вас текст страницы добавлен в таблицу, которой вы указали фиксированный большой размер.
В main.css добавьте:
.htmlDataBlock table {
	width: 100% !important;
}

Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Город
  5. → Главная
  6. Privacy Policy