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


Немного Изменить Главную Страницу


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

#41 Alekseys

Alekseys

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

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

Отправлено 08 Декабрь 2014 - 14:06

Просмотр сообщенияipodushkin (08 Декабрь 2014 - 13:55) писал:

Вот так вот на каждой странице - наполовину скрыта адресация страницы (главная -> категория -> товар)
Изображение
Замените в main.css
.but
{
margin-left:20px;
width: 1190px;
height: 70px;
.page.page-box-content {
margin-top: 40px;
}
на
.but
{
margin-left:20px;
width: 1190px;
height: 70px;
}
.page.page-box-content {
margin-top: 40px;
}


#42 vanyushka

vanyushka

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

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

Отправлено 08 Декабрь 2014 - 14:20

Просмотр сообщенияAlekseys (08 Декабрь 2014 - 14:06) писал:

Замените в main.css
.but
{
margin-left:20px;
width: 1190px;
height: 70px;
.page.page-box-content {
margin-top: 40px;
}
на
.but
{
margin-left:20px;
width: 1190px;
height: 70px;
}
.page.page-box-content {
margin-top: 40px;
}

О! Это остался стиль от некоторых элементов, которых уже нет на сайте, а я совсем забыл! Удалил стиль вообще и все встало на места. Спасибо!

#43 yahee

yahee

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

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

Отправлено 10 Декабрь 2014 - 20:31

Привет Всем!
Рад был узнать многое о смене дизайна сайта!

Хочу изменить шаблон как на фотке!

Аккаунт SL-281108

Изображение

Сообщение отредактировал yahee: 10 Декабрь 2014 - 20:38


#44 Vaccina

Vaccina

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

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

Отправлено 11 Декабрь 2014 - 02:19

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

#45 yahee

yahee

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

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

Отправлено 11 Декабрь 2014 - 16:11

Просмотр сообщенияVaccina (11 Декабрь 2014 - 02:19) писал:

на других страницах каталог по умолчанию расположен справа, данные выше изменения необходимы только для главной страницы?
Да! Мне и надо что на главное было точно как на картинке!
Жду вашего ответа как изменить!

#46 Vaccina

Vaccina

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

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

Отправлено 12 Декабрь 2014 - 01:51

В шаблоне HTML найдите:
<!-- Jssor Slider Слайдер Начало -->
  
  
  
		<!-- Jssor Slider Слайдер Конец -->
	   

вместо него вставьте:
 {% IF index_page %}
	<div id="sidebar" class="sidebar col-md-3">
<div class="widget menu">
				<div class="block-title">
				  <h3>Каталог</h3>
				</div>
				{% IFNOT catalog_full_empty %}
				  <nav>
					<ul>
					  {% FOR catalog_full %}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						  <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub"></span>{% ENDIF %}{catalog_full.NAME}</a>
						  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						  {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					  {% ENDFOR %}
					</ul>
				  </nav>
				{% ENDIF %}
			  </div>
</div>

		<div id="slider1_container" style="float:left;width:40%;">
		  <!-- Slides Container -->
		  <div u="slides" class="slides_container">
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=jade" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=jade" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide3.jpg?design=jade" />
			</div>
		  </div>
		</div>

<div class="banners" style="float:left;width:30%;">
<a href="#"><img src="ссылка на баннер" alt=""/></a>
<a href="#"><img src="ссылка на баннер" alt=""/></a>
</div>
<div class="clearfix"></div>
		{% ENDIF %}

далее загрузите и проставьте все картинки в данном коде.

#47 yahee

yahee

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

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

Отправлено 12 Декабрь 2014 - 10:02

Спасибо!
Как сделать так чтобы баннеры и сладеры были кликабельным?

#48 Ирина345

Ирина345

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

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

Отправлено 12 Декабрь 2014 - 10:07

Просмотр сообщенияyahee (12 Декабрь 2014 - 10:02) писал:

Спасибо!
Как сделать так чтобы баннеры и сладеры были кликабельным?

Здравствуйте, на данный момент у Вас не отображается баннер и слайдер.

#49 yahee

yahee

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

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

Отправлено 12 Декабрь 2014 - 10:17

Теперь есть!
А как поменять размеры?

#50 Ирина345

Ирина345

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

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

Отправлено 12 Декабрь 2014 - 10:24

Просмотр сообщенияyahee (12 Декабрь 2014 - 10:17) писал:

Теперь есть!
А как поменять размеры?
Найдите в html
<div class="banners" style="float:left;width:30%;">
<a href="#"><img src="http://domen.diller.uz/banner1.jpg?8268&151935055618" alt=""/></a>

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

#51 yahee

yahee

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

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

Отправлено 12 Декабрь 2014 - 10:31

Ну как на этом!
Примерно так:
  • слайдер:
  • высота 250 пикс.
  • ширина 400 пикс.
  • баннеры:
  • высота 125 пикс.
  • ширина 200 пикс.
И чтобы адаптивным был!

#52 Ирина345

Ирина345

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

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

Отправлено 12 Декабрь 2014 - 11:01

Просмотр сообщенияyahee (12 Декабрь 2014 - 10:31) писал:

Ну как на этом!
Примерно так:
  • слайдер:
  • высота 250 пикс.
  • ширина 400 пикс.
  • баннеры:
  • высота 125 пикс.
  • ширина 200 пикс.
И чтобы адаптивным был!
Верните пожалуйста баннер на место.

#53 yahee

yahee

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

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

Отправлено 12 Декабрь 2014 - 11:14

ок шас!

все на месте!

#54 yahee

yahee

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

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

Отправлено 12 Декабрь 2014 - 11:27

Альоо!

#55 Alekseys

Alekseys

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

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

Отправлено 12 Декабрь 2014 - 11:30

Просмотр сообщенияyahee (12 Декабрь 2014 - 11:14) писал:

ок шас!

все на месте!
Здравствуйте. В main.css добавьте
.slides_container img {
width: 400px!important;
height: 200px!important;
}
затем замените
.slides_container {
cursor: move;
position: absolute;
left: 0px;
top: 0px;
width: 1920px;
height: 500px;
overflow: hidden;
}
на
.slides_container {
cursor: move;
position: absolute;
left: 0px;
top: 0px;
width: 400px;
height: 200px;
overflow: hidden;
}
и
#slider1_container {
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
width: 1920px;
height: 500px;
overflow: hidden;
z-index: 1;
margin-top: 40px;
}
на
#slider1_container {
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
width: 400px!important;
height: 200px;
overflow: hidden;
z-index: 1;
margin-top: 40px;
}


#56 yahee

yahee

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

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

Отправлено 12 Декабрь 2014 - 11:45

спасибо!
Но как делать их ровными?

#57 Alekseys

Alekseys

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

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

Отправлено 12 Декабрь 2014 - 12:09

Просмотр сообщенияyahee (12 Декабрь 2014 - 11:45) писал:

спасибо!
Но как делать их ровными?
Уточните пожалуйста о чем речь.

#58 yahee

yahee

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

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

Отправлено 12 Декабрь 2014 - 12:15

Цитата

Ну как на этом!
Примерно так:
  • слайдер:
  • высота 250 пикс.
  • ширина 400 пикс.
  • баннеры:
  • высота 125 пикс.
  • ширина 200 пикс.
И чтобы адаптивным был!

Мы изменили размеры слайдера!
А баннеры остались, еще не изменили!

#59 Alekseys

Alekseys

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

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

Отправлено 12 Декабрь 2014 - 12:36

Просмотр сообщенияyahee (12 Декабрь 2014 - 12:15) писал:

Мы изменили размеры слайдера!
А баннеры остались, еще не изменили!
В main.css добавьте
.banners {
margin: 18px;
width: 200px!important;
}
и
.banners img {
width: 200px;
height: 125px;
}


#60 yahee

yahee

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

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

Отправлено 12 Декабрь 2014 - 13:01

посмотрите не получилось!




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

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