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


Слайдер, Меню, Товары И Подвал

слайдер меню товары подвал

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

#1 Zagadaika

Zagadaika

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

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

Отправлено 30 Март 2014 - 22:36

Здравствуйте! Просим помощи!)
1. Помогите подвинуть слайдер вправо, размеры слайдера 1200х300.
2. Как изменять цвет текста корзина, а именно "Покупок 0 - на сумму 0 рублей"
3. Увеличить размер шрифта меню и расстояние между вкладками
4. Сделать так, что бы товары в каталоге и на главной странице располагались ровно, а не так как сейчас, пример приведён на скриншоте.
5. Изменить цвет подвала, и добавить туда группу вконтакте и одноклассники.

Вот скриншоты:
Безымянный.png
Безымянный2.png

Жду ответа, буду благодарен!

Вот ещё 1 скриншот:
Безымянный3.png

#2 MikDark

MikDark

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

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

Отправлено 31 Март 2014 - 07:33

Просмотр сообщенияZagadaika (30 Март 2014 - 22:36) писал:

Здравствуйте! Просим помощи!)
1. Помогите подвинуть слайдер вправо, размеры слайдера 1200х300.
2. Как изменять цвет текста корзина, а именно "Покупок 0 - на сумму 0 рублей"
3. Увеличить размер шрифта меню и расстояние между вкладками
4. Сделать так, что бы товары в каталоге и на главной странице располагались ровно, а не так как сейчас, пример приведён на скриншоте.
5. Изменить цвет подвала, и добавить туда группу вконтакте и одноклассники.

Вот скриншоты:
Прикрепленный файл Безымянный.png
Прикрепленный файл Безымянный2.png

Жду ответа, буду благодарен!

Вот ещё 1 скриншот:
Прикрепленный файл Безымянный3.png

1) Откройте шаблон main.css и найдите код:

#header .flexslider li .bigPic {
display: none !important;
position: relative;
top: 0;
margin: 0 auto;
top: 0;
left: 50%;
margin-left: -960px;
}
и замените его на:

#header .flexslider li .bigPic {
position: relative;
top: 0;
margin: 0 auto;
top: 0;
margin: 0 auto;
}

2) Добавьте в main.css строчки:

.heading span {
color: #000000;
}

color отвечает за цвет.

3) Найдите в main.css код:

#header .links a {
float: left;
display: block;
padding: 11px 10px 9px 10px;
text-decoration: none;
font-size: 12px;
}

в строке padding: 11px 10px 9px 10px; цифры 10px отвечают за расстояние слева и справа. Можно их увеличить на одинакое число.
font-size - это размер текста, так же можно увеличить.

4) Если Вы хотите выравнять товары по высоте, то лучше изначально загружать картинки в описание одинакового размера. Есть 2 способа выравнивания через код, но либо придется их растягивать и будет ухудшаться качество изображения, либо придется обрезать.

5) В main.css найдите строчки:

#footer {
clear: both;
margin-top: 30px;
min-height: 100px;
padding: 0 0 30px 0;
border-top: 4px solid #333333;
background-color: #f0f0f0;
}

удалите оттуда строку: border-top: 4px solid #333333;
а в строке background-color: #f0f0f0; можете поменять значение цвета.

#3 Zagadaika

Zagadaika

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

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

Отправлено 31 Март 2014 - 10:49

Большое спасибо вам!
По 5 пункту- дело совсем не в изображениях, у всех изображений разрешение 600х600, дело в названиях товаров, название укладывается в одну строчку и в две, поэтому они располагаются не на одном уровне. Когда был шаблон осень, я как то решил эту проблему, тут не получается.

И так же возможно произвести следующее изменение, пример на скриншоте:
Безымянный.png

Переместить выделенную область выше, и полностью урезать низ подвала (белую область)
И добавить группы вконтакте и одноклассники.

#4 MikDark

MikDark

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

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

Отправлено 31 Март 2014 - 11:02

Просмотр сообщенияZagadaika (31 Март 2014 - 10:49) писал:

Большое спасибо вам!
По 5 пункту- дело совсем не в изображениях, у всех изображений разрешение 600х600, дело в названиях товаров, название укладывается в одну строчку и в две, поэтому они располагаются не на одном уровне. Когда был шаблон осень, я как то решил эту проблему, тут не получается.

И так же возможно произвести следующее изменение, пример на скриншоте:
Прикрепленный файл Безымянный.png

Переместить выделенную область выше, и полностью урезать низ подвала (белую область)
И добавить группы вконтакте и одноклассники.

4) В main.css найдите строчки:

.prod_hold .name, .prod_hold_recent .name {
...
}

и между скобок добавьте: min-height: 38px;

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

#5 Zagadaika

Zagadaika

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

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

Отправлено 31 Март 2014 - 15:16

Вот, прекрасно, всё отлично! Огромное вам спасибо! Извините за доставленные неудобства!

#6 Zagadaika

Zagadaika

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

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

Отправлено 31 Март 2014 - 18:37

Вконтакте:

<script type="text/javascript" src="//vk.com/js/api/openapi.js?110"></script>

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 20003922);
</script>

Одноклассники:
<div id="ok_group_widget"></div>
<script>
!function (d, id, did, st) {
  var js = d.createElement("script");
  js.src = "http://connect.ok.ru/connect.js";
  js.onload = js.onreadystatechange = function () {
  if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
    if (!this.executed) {
      this.executed = true;
      setTimeout(function () {
        OK.CONNECT.insertGroupWidget(id,did,st);
      }, 0);
    }
  }}
  d.documentElement.appendChild(js);
}(document,"ok_group_widget","50582132228315","{width:250,height:335}");
</script>

#7 Vaccina

Vaccina

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

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

Отправлено 02 Апрель 2014 - 06:15

ВК виджет у вас уже установлен, для установки одноклассников, найдите в HTML
<h4>Одноклассники</h4>
				  <div class="footer_links">
						<div id="ok_group_widget"></div>
				  </div>
замените на:
<h4>Одноклассники</h4>
				  <div class="footer_links">
						<div id="ok_group_widget"></div>

<script>
!function (d, id, did, st) {
var js = d.createElement("script");
js.src = "http://connect.ok.ru/connect.js";
js.onload = js.onreadystatechange = function () {
if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
if (!this.executed) {
this.executed = true;
setTimeout(function () {
OK.CONNECT.insertGroupWidget(id,did,st);
}, 0);
}
}}
d.documentElement.appendChild(js);
}(document,"ok_group_widget","50582132228315","{width:250,height:335}");
</script>
				  </div>


#8 Zagadaika

Zagadaika

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

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

Отправлено 02 Апрель 2014 - 15:35

Всё сделал, спасибо большое!

#9 luzikov

luzikov

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

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

Отправлено 09 Апрель 2014 - 21:41

Подскажите как сделать такое же меню по оформлению?
SL-284737

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

  • Снимок.PNG


#10 Vaccina

Vaccina

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

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

Отправлено 10 Апрель 2014 - 04:27

данному меню задан фон уходящий за края экрана, сделайте подобный фон чтобы он смог дублировать себя без косяков, далее в main.css найдите:
.header_top {
	background-color: #DEFFCF;
	margin: 0 auto;
	min-height: 40px;
	width: 100%;
}
background-color: #DEFFCF; замените на:
background: url('ссылка на фон') repeat-x center top;


#11 luzikov

luzikov

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

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

Отправлено 10 Апрель 2014 - 21:31

Друзья, новая проблема... при наведении на корзину, вылазиет такое окно (см. скрин)

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

  • выфвфывфаа.jpg


#12 daria_dnk

daria_dnk

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

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

Отправлено 10 Апрель 2014 - 22:36

Просмотр сообщенияluzikov (10 Апрель 2014 - 21:31) писал:

Друзья, новая проблема... при наведении на корзину, вылазиет такое окно (см. скрин)
Здравствуйте!
В шаблоне HTML найдите строку
<a class="add_to_cart_small" onclick="quickorder('.product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}');return false;" title="Добавить в корзину>Купить</a>
замените на
<a class="add_to_cart_small" onclick="quickorder('.product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}');return false;" title="Добавить в корзину">Купить</a>
(кавычку потеряли)

#13 luzikov

luzikov

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

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

Отправлено 13 Апрель 2014 - 18:43

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

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

  • Безымянный.png


#14 luzikov

luzikov

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

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

Отправлено 13 Апрель 2014 - 19:26

SL-284737

#15 daria_dnk

daria_dnk

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

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

Отправлено 13 Апрель 2014 - 19:39

Просмотр сообщенияluzikov (13 Апрель 2014 - 19:26) писал:

SL-284737
Здравствуйте!
На данный момент шапка  Вашего сайта выглядит так:
Изображение

Уточните пожалуйста, что Вы хотите изменить.

#16 luzikov

luzikov

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

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

Отправлено 13 Апрель 2014 - 20:51

Просмотр сообщенияdaria_dnk (13 Апрель 2014 - 19:39) писал:

Здравствуйте!
На данный момент шапка  Вашего сайта выглядит так:
Изображение

Уточните пожалуйста, что Вы хотите изменить.
это я сам пыытался, но это не правильно, в плане правильности написания кода, нужно сделать примерно так же, только сохранить дизайн как на моем скрине

#17 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 14 Апрель 2014 - 08:33

Просмотр сообщенияluzikov (13 Апрель 2014 - 20:51) писал:

это я сам пыытался, но это не правильно, в плане правильности написания кода, нужно сделать примерно так же, только сохранить дизайн как на моем скрине
Изменения произведены, проверьте пожалуйста.

#18 luzikov

luzikov

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

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

Отправлено 14 Апрель 2014 - 12:09

О даа, огромнейшее спасибо)

#19 luzikov

luzikov

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

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

Отправлено 14 Апрель 2014 - 12:33

Просмотр сообщенияAlexey11 (14 Апрель 2014 - 08:33) писал:

Изменения произведены, проверьте пожалуйста.
заметил небольшую неполадку, куда то пропала кнопка "Добавить товар в избранное"

#20 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 14 Апрель 2014 - 12:40

Просмотр сообщенияluzikov (14 Апрель 2014 - 12:33) писал:

заметил небольшую неполадку, куда то пропала кнопка "Добавить товар в избранное"
У вас отсутствовало изображение wish_circle.png , я вам его добавил. Почистите кэш браузера и проверьте.





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

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

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