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


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

главная слайдер

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

#1 pdulepov

pdulepov

    Новичок

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

Отправлено 25 Июнь 2014 - 15:17

Добрый день! Аккаунт № SL-292127. Хочу исправить вид главной страницы сайта, сделать ее как на прикрепленном изображении. А именно: 1)Логотип сайта поднять выше. 2)Блоки "Каталог" и "Вы смотрели" разместить под логотипом. 3) Размер и размещение слайдера - как во вложении. 4) "Мы рады видеть Вас" и "Снижение цен" разместить под слайдером. 5) Убрать "Корзину" с главной страницы.
Спасибо.

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

  • Исправить.jpg


#2 Ирина345

Ирина345

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

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

Отправлено 25 Июнь 2014 - 15:46

Просмотр сообщенияpdulepov (25 Июнь 2014 - 15:17) писал:

Добрый день! Аккаунт № SL-292127. Хочу исправить вид главной страницы сайта, сделать ее как на прикрепленном изображении. А именно: 1)Логотип сайта поднять выше. 2)Блоки "Каталог" и "Вы смотрели" разместить под логотипом. 3) Размер и размещение слайдера - как во вложении. 4) "Мы рады видеть Вас" и "Снижение цен" разместить под слайдером. 5) Убрать "Корзину" с главной страницы.
Спасибо.
Здравствуйте,
5. найдите в HTML

<!-- Корзина -->
<div id="cart">
<div class="heading">
<h4>Корзина покупок</h4>
<a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок
{% IF cart_count_empty %}
<span class="red">0</span>
{% ELSE %}
{CART_COUNT_TOTAL}
{% ENDIF %}
- на сумму

{% IF cart_count_empty %}
<span>0</span> {CURRENCY_NAME}
{% ELSE %}
{% FOR cart_sum %}
{cart_sum.NOW | money_format}<br />
{% ENDFOR %}
{% ENDIF %}</span>
</a>
</div>
<div class="content">
<div class="empty">Ваша корзина покупок пуста!</div>
</div>
<div class="clear"></div>
</div>
<!-- end Корзина -->
замените на
{% IF index_page %}


<!-- Корзина -->
<div id="cart">
<div class="heading">
<h4>Корзина покупок</h4>
<a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок
{% IF cart_count_empty %}
<span class="red">0</span>
{% ELSE %}
{CART_COUNT_TOTAL}
{% ENDIF %}
- на сумму

{% IF cart_count_empty %}
<span>0</span> {CURRENCY_NAME}
{% ELSE %}
{% FOR cart_sum %}
{cart_sum.NOW | money_format}<br />
{% ENDFOR %}
{% ENDIF %}</span>
</a>
</div>
<div class="content">
<div class="empty">Ваша корзина покупок пуста!</div>
</div>
<div class="clear"></div>
</div>
<!-- end Корзина -->
{% ENDIF %}
2. найдите  в HTML
<!-- Главная страница -->
		{% IF index_page %}
		 <div id="module_area">
			<div id="flexslideshow" class="flexslider">
			 <ul class="slides">
				<li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img">
				</li>
				<li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide2.png" alt="Slide 2" class="slide_img">
				</li>
				<li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img">
				</li>
			 </ul>
			</div>
		 </div>
		{% ENDIF %}
		<!-- /Главная страница -->
поставьте после строки
<div id="content">
в main.css
#header  .flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;}
замените на
.flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;}


#3 pdulepov

pdulepov

    Новичок

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

Отправлено 25 Июнь 2014 - 17:08

Просмотр сообщенияИрина345 (25 Июнь 2014 - 15:46) писал:

Здравствуйте,
5. найдите в HTML

<!-- Корзина -->
<div id="cart">
<div class="heading">
<h4>Корзина покупок</h4>
<a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок
{% IF cart_count_empty %}
<span class="red">0</span>
{% ELSE %}
{CART_COUNT_TOTAL}
{% ENDIF %}
- на сумму

{% IF cart_count_empty %}
<span>0</span> {CURRENCY_NAME}
{% ELSE %}
{% FOR cart_sum %}
{cart_sum.NOW | money_format}<br />
{% ENDFOR %}
{% ENDIF %}</span>
</a>
</div>
<div class="content">
<div class="empty">Ваша корзина покупок пуста!</div>
</div>
<div class="clear"></div>
</div>
<!-- end Корзина -->
замените на
{% IF index_page %}


<!-- Корзина -->
<div id="cart">
<div class="heading">
<h4>Корзина покупок</h4>
<a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок
{% IF cart_count_empty %}
<span class="red">0</span>
{% ELSE %}
{CART_COUNT_TOTAL}
{% ENDIF %}
- на сумму

{% IF cart_count_empty %}
<span>0</span> {CURRENCY_NAME}
{% ELSE %}
{% FOR cart_sum %}
{cart_sum.NOW | money_format}<br />
{% ENDFOR %}
{% ENDIF %}</span>
</a>
</div>
<div class="content">
<div class="empty">Ваша корзина покупок пуста!</div>
</div>
<div class="clear"></div>
</div>
<!-- end Корзина -->
{% ENDIF %}
2. найдите  в HTML
<!-- Главная страница -->
		{% IF index_page %}
		 <div id="module_area">
			<div id="flexslideshow" class="flexslider">
			 <ul class="slides">
				<li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img">
				</li>
				<li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide2.png" alt="Slide 2" class="slide_img">
				</li>
				<li>
				 <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
				 <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img">
				</li>
			 </ul>
			</div>
		 </div>
		{% ENDIF %}
		<!-- /Главная страница -->
поставьте после строки
<div id="content">
в main.css
#header .flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;}
замените на
.flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;}
Корзина удалилась со всех страниц кроме главной, после замены кодов пункта 2, ничего не изменилось

#4 Ирина345

Ирина345

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

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

Отправлено 25 Июнь 2014 - 17:25

Просмотр сообщенияpdulepov (25 Июнь 2014 - 17:08) писал:

Корзина удалилась со всех страниц кроме главной, после замены кодов пункта 2, ничего не изменилось
Не вижу что Вы произвели изменения по инструкции.

#5 Ирина345

Ирина345

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

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

Отправлено 25 Июнь 2014 - 18:51

Просмотр сообщенияИрина345 (25 Июнь 2014 - 17:25) писал:

Не вижу что Вы произвели изменения по инструкции.
Изменения произведениы

#6 Cybernetic

Cybernetic

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

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

Отправлено 18 Июль 2014 - 10:09

Доброго времени суток.
Помогите решить вопрос с добавлением блока как на картинках внизу.
Блок хотелось бы отображать на всех страницах сайта

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

  • glav2.jpg
  • glav1.jpg


#7 Ирина345

Ирина345

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

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

Отправлено 18 Июль 2014 - 10:17

Просмотр сообщенияCybernetic (18 Июль 2014 - 10:09) писал:

Доброго времени суток.
Помогите решить вопрос с добавлением блока как на картинках внизу.
Блок хотелось бы отображать на всех страницах сайта
Здравствуйте, найдите в HTML
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
<div class="inner" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %}style="display:none;"{% ENDIF %}>
<div id="compareInfo">Сейчас на <a href="{COMPARE_URL}">сравнении</a> <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span>.</div>
</div>
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
</div>
<div class="clear"></div>
замените на

<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
<div class="inner" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %}style="display:none;"{% ENDIF %}>
<div id="compareInfo">Сейчас на <a href="{COMPARE_URL}">сравнении</a> <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span>.</div>
</div>
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
</div>
<div class="clear"></div>
<div class="tet">Ваш текст</div>
в конец файла main.css добавьте
div.tet {
text-align: center;
background: white;
border-radius: 3px;
border: 1px solid #DCDCDC;
}


#8 Cybernetic

Cybernetic

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

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

Отправлено 18 Июль 2014 - 10:32

Ирина345

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

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

  • glav4.jpg
  • glav3.jpg


#9 Ирина345

Ирина345

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

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

Отправлено 18 Июль 2014 - 10:36

Просмотр сообщенияCybernetic (18 Июль 2014 - 10:32) писал:

Ирина345

Отлично хотелось бы подогнать под  верхнее меню и что бы с лева шлейф не выпирал т.е. сузить
Подробнее на картинках
в конец файла main.css добавьте
div.tet {
text-align: center;
margin-left: -24px;
}


#10 Cybernetic

Cybernetic

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

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

Отправлено 18 Июль 2014 - 10:38

Ирина345 нет немного не так, видоизменить что было до этого просто сузить как тут

в конец файла main.css добавьте
div.tet {
text-align: center;
margin-left: -24px;
}

#11 Ирина345

Ирина345

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

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

Отправлено 18 Июль 2014 - 10:43

Просмотр сообщенияCybernetic (18 Июль 2014 - 10:38) писал:

Ирина345 нет немного не так, видоизменить что было до этого просто сузить как тут

в конец файла main.css добавьте
div.tet {
text-align: center;
margin-left: -24px;
}
Очитите кеш браузера отображаеться корректно.

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

  • 6.jpg


#12 Cybernetic

Cybernetic

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

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

Отправлено 18 Июль 2014 - 11:35

Ирина345 возможно ли такая реализация,

отображение выполняется на всех страницах сайта но выглядит как на картинке (как хотелось бы)

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

  • glav6.jpg
  • glav5.jpg


#13 Ирина345

Ирина345

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

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

Отправлено 18 Июль 2014 - 11:51

Просмотр сообщенияCybernetic (18 Июль 2014 - 11:35) писал:

Ирина345 возможно ли такая реализация,

отображение выполняется на всех страницах сайта но выглядит как на картинке (как хотелось бы)
Найдите в main.css

div.tet {
text-align: center;
margin-left: -24px;
}
замените на

div.tet {
text-align: center;
margin-left: 245px;
background: white;
width: 685px;
padding: 0;
padding-right: 270px;
border-radius: 0 7px 0 0;
}
найдите
.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png') 50% 3px no-repeat;border-bottom:1px;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both;  }

замените на
.title-holder {
background: url('{ASSETS_IMAGES_PATH}inner_shadow2.png') 50% 3px no-repeat;
border-bottom: 1px;
position: relative;
overflow: hidden;
z-index: 0;
padding: 0px 0 15px 0;
clear: both;
}
найдите

.title-holder .inner, #powered .inner {border-radius: 10px;border: 2px; border-color: #000080;background:#ffffff !important;}
замените на

.title-holder .inner, #powered .inner {
border-radius: 10px 0 10px 10px;
border: 2px;
border-color: #000080;
background: #ffffff !important;
}


#14 Cybernetic

Cybernetic

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

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

Отправлено 18 Июль 2014 - 12:03

Ирина345 отлично все получилось, есть ли возможность подвинуть меню аккордеон(слева)
И еще у меня ни как не получается подогнать видоизменить баннер(размеры) так что бы корректно отображалось. ниже на картинках

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

  • accord2.jpg
  • accord.jpg
  • shapka1.jpg


#15 Сake

Сake

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

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

Отправлено 19 Июль 2014 - 00:21

Попробуйте добавить в ваш файл стилей main.css

#module_area {
  z-index: 19 !important;
}
#header #cart {
  margin-left: -20px;
}
#column-left .box {
  margin-top: -80px;
}


#16 Cybernetic

Cybernetic

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

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

Отправлено 21 Июль 2014 - 07:09

Доброго времени суток.

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

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

  • nizj.jpg


#17 MikDark

MikDark

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

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

Отправлено 21 Июль 2014 - 07:18

Просмотр сообщенияCybernetic (21 Июль 2014 - 07:09) писал:

Доброго времени суток.

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

Здравствуйте. В main.css добавьте:
div#footer .menu_main {
display: none;
}

Далее найдите:
#content h2.heading_title {
min-height: 29px;
}

и замените на:
#content h2.heading_title {
min-height: 29px;
background: #fff;
}


#18 Cybernetic

Cybernetic

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

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

Отправлено 21 Июль 2014 - 07:22

MikDark все хорошо, но я не хотел полностью удалить меню в низу, а лишь пункт "Акции магазина" но не "АКЦИИ МАГАЗИНА"

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

  • nizj2.jpg


#19 MikDark

MikDark

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

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

Отправлено 21 Июль 2014 - 07:26

Просмотр сообщенияCybernetic (21 Июль 2014 - 07:22) писал:

MikDark все хорошо, но я не хотел полностью удалить меню в низу, а лишь пункт "Акции магазина" но не "АКЦИИ МАГАЗИНА"

Тогда первое изменение не производите. Пункты меню редактируются/удаляются в разделе Сайт - Меню.

#20 Avora

Avora

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

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

Отправлено 28 Июль 2014 - 07:31

Как сделать, чтобы на главной - и только на главной - текстовый блок располагался ПОД всеми модулями с картинками (т.е. под хитами, новинками, товарами на главной), внизу страницы. На всех остальных страницах блок должен остаться на месте, как есть - наверху страницу, над каталогом.





Темы с аналогичным тегами главная слайдер

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

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