Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Баннеры на главной

luka29
 Share

Recommended Posts

luka29 Enthusiast

luka29

Опубліковано:
Опубліковано:

Здравствуйте! Хотелось бы разместить баннеры на главной странице таким образом, как на картинке. Т. е. оновной по левую сторону, а справа два маленьких.

Ссылка на образец

Ostore 1.5.1.3

Целый день копаюсь ничего на ум не приходит, помогите, пожалуйста!!!!

post-3693-0-70882300-1327840228_thumb.png

Надіслати
Поділитися на інших сайтах

ravilr Veteran

ravilr

Опубліковано:
Опубліковано:

что тут хотеть то )) размещайте.

1. В админке - настройки слайдшоу - уменьшаете размер, на такой какой вам надо.

2. в шаблоне slideshow.tpl добавляете два статичных банера

все!

Надіслати
Поділитися на інших сайтах
1

luka29 Enthusiast

luka29

Опубліковано:
  • Автор
Опубліковано:

что тут хотеть то )) размещайте.

1. В админке - настройки слайдшоу - уменьшаете размер, на такой какой вам надо.

2. в шаблоне slideshow.tpl добавляете два статичных банера

все!

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

ravilr Veteran

ravilr

Опубліковано:
Опубліковано:

что именно не получается? Это же уже просто верстка. Она никак не относится к движку.

(ладно я плохо разбираюсь в php, это не сильно затрудняет внедрение, НО разрабатывая магазин, а особенно дизайн, необходим минимум знаний по верстке, незнания минимума это равносильно - Лучше не браться за разработку).

как то так наверно должно выглядеть:

<div class="slideshow">
  <div id="slideshow<?php echo $module; ?>" class="nivoSlider" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;">
	<?php foreach ($banners as $banner) { ?>
	<?php if ($banner['link']) { ?>
	<a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></a>
	<?php } else { ?>
	<img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" />
	<?php } ?>
	<?php } ?>
  </div>

<a href="linnnk"><img src="https://myopencart.com/theme/image/screenshot_front.png"></a>
<a href="linnnk"><img src="https://myopencart.com/theme/image/screenshot_front.png"></a>

</div>
Надіслати
Поділитися на інших сайтах
1

luka29 Enthusiast

luka29

Опубліковано:
  • Автор
Опубліковано:

что именно не получается? Это же уже просто верстка. Она никак не относится к движку.

(ладно я плохо разбираюсь в php, это не сильно затрудняет внедрение, НО разрабатывая магазин, а особенно дизайн, необходим минимум знаний по верстке, незнания минимума это равносильно - Лучше не браться за разработку).

как то так наверно должно выглядеть:

<div class="slideshow">
  <div id="slideshow<?php echo $module; ?>" class="nivoSlider" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;">
	<?php foreach ($banners as $banner) { ?>
	<?php if ($banner['link']) { ?>
	<a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></a>
	<?php } else { ?>
	<img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" />
	<?php } ?>
	<?php } ?>
  </div>

<a href="linnnk"><img src="https://myopencart.com/theme/image/screenshot_front.png"></a>
<a href="linnnk"><img src="https://myopencart.com/theme/image/screenshot_front.png"></a>

</div>

Спасибо, как добавить баннеры я разобралась, и вправо сдвинула. Теперь мне нужно их как-то вверх поднять. Сайт у меня в профиле, посмотрите пожалуйста, что получилось

Надіслати
Поділитися на інших сайтах

snastik Grand Master

snastik

Опубліковано:
Опубліковано:

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

1. большой баннер добавляем через модуль слайдер выставляем ему схема главная сверху

2. два маленьких выставляем через модуль баннер выставляем им схему главная справа поизиция 0 и 1 соответственно

и должно получится все как Вам нужно в движке менять для этого ничего не нужно

П.с. на сайте очень приятные тона да и вообще дизайн в целом

единственно Вы по какой то причине не любите пользователей с разрешением 1024 я бы даже сказал ненавидите :-)

Надіслати
Поділитися на інших сайтах
1

ravilr Veteran

ravilr

Опубліковано:
Опубліковано: (змінено)

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

Я сморю вы уже проинспектировали сайт, и могли заметить, что не стоит следовать слепо моему коду. Там же банеры вынесены отдельно от div slideshow

<div class="slideshow">

<script type="text/javascript">

<div id="banner1" class="banner">

<script src="catalog/view/javascript/jquery/jquery.cycle.js" type="text/javascript">

<script type="text/javascript">

<div id="banner2" class="banner">

Делайте как там.

Змінено користувачем ravilr
Надіслати
Поділитися на інших сайтах
1

ravilr Veteran

ravilr

Опубліковано:
Опубліковано:

схему главная справа поизиция 0 и 1 соответственно

и должно получится все как Вам нужно в движке менять для этого ничего не нужно

при установки позиции справка появляется колонка справа соответственно. И получается не то что хотели )) Или я не прав?
Надіслати
Поділитися на інших сайтах
1

luka29 Enthusiast

luka29

Опубліковано:
  • Автор
Опубліковано:

Всем спасибо, решено!

Кому интересно

Добавила в

catalog/view/theme/default/template/module/slideshow.tpl

после:

<script type="text/javascript"><!--
$(document).ready(function() {
$('#slideshow<?php echo $module; ?>').nivoSlider();
});
--></script>

Код:

<div id="banner1" class="banner">
<div>
<a href="#">
<img title="#" alt="#" src="catalog/view/theme/default/image/ваш_баннер1.jpg">
</a>
</div>
</div>
<script type="text/javascript">
<!--
var banner = function() {
$('#banner1').cycle({
before: function(current, next) {
$(next).parent().height($(next).outerHeight());
}
});
}
setTimeout(banner, 2000);
//-->
</script>
<div id="banner2" class="banner">
<div>
<a href="#">
<img title="#" alt="#" src="catalog/view/theme/default/image/ваш_баннер2.jpg">
</a>
</div>
</div>
<script type="text/javascript">
<!--
var banner = function() {
$('#banner2').cycle({
before: function(current, next) {
$(next).parent().height($(next).outerHeight());
}
});
}
setTimeout(banner, 2000);
//-->
</script>
Надіслати
Поділитися на інших сайтах

  • 1 year later...
danilsitnikov Community Regular

danilsitnikov

Опубліковано:
Опубліковано:

Ребят, я установил opencart. Хочу задать пару вопросов:

 

1. На главной странице есть слайдшоу samsung. Как поставить свои картинки вместо самсунга?

2. На главной странице, внизу, были бренды рекомендуемые по умолчанию(apple;htc;sasmung;sony и еще че то). Я их удалил как-то, а как их заново поставить?)

Надіслати
Поділитися на інших сайтах

Netlen Newbie

Netlen

Опубліковано:
Опубліковано:

Ребят, я установил opencart. Хочу задать пару вопросов:

 

1. На главной странице есть слайдшоу samsung. Как поставить свои картинки вместо самсунга?

2. На главной странице, внизу, были бренды рекомендуемые по умолчанию(apple;htc;sasmung;sony и еще че то). Я их удалил как-то, а как их заново поставить?)

По-первых: Система->Дизайн->Баннеры создаешь баннеры из необходимых слайдов.

Во вторых: Дополнения->Модули->Слайдшоу->Изменить выключаешь все, кроме твоего(твоих) баннеров. Схема: Home, Расположение: вверху страницы, статус: включено.

 

По поводу логотипов:

Во первых: Каталог->Производители добавляешь необходимых производителей с логотипами

Во-вторых: Система->Дизайн->Баннеры создаешь баннер из необходимых производителей, называешь его, например, Manufacturers

В-третьих: Дополнения->Модули->Карусель добавляешь и включаешь этот баннер. Положение: низ страницы (если по-умолчанию не включено)

 

Вот, собственно, и всё.

Надіслати
Поділитися на інших сайтах

  • 6 months later...
  • 7 months later...
  • 7 months later...
d3001 Contributor

d3001

Опубліковано:
Опубліковано:

Всем спасибо, решено!

Кому интересно

Добавила в

catalog/view/theme/default/template/module/slideshow.tpl

после:

<script type="text/javascript"><!--
$(document).ready(function() {
$('#slideshow<?php echo $module; ?>').nivoSlider();
});
--></script>
Код:

<div id="banner1" class="banner">
<div>
<a href="#">
<img title="#" alt="#" src="catalog/view/theme/default/image/ваш_баннер1.jpg">
</a>
</div>
</div>
<script type="text/javascript">
<!--
var banner = function() {
$('#banner1').cycle({
before: function(current, next) {
$(next).parent().height($(next).outerHeight());
}
});
}
setTimeout(banner, 2000);
//-->
</script>
<div id="banner2" class="banner">
<div>
<a href="#">
<img title="#" alt="#" src="catalog/view/theme/default/image/ваш_баннер2.jpg">
</a>
</div>
</div>
<script type="text/javascript">
<!--
var banner = function() {
$('#banner2').cycle({
before: function(current, next) {
$(next).parent().height($(next).outerHeight());
}
});
}
setTimeout(banner, 2000);
//-->
</script>

А стили Вы как прописали?

 

Надіслати
Поділитися на інших сайтах

  • 1 year later...
organaizer Rookie

organaizer

Опубліковано:
Опубліковано:

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

что предпринять?

post-712976-0-15994700-1469397356_thumb.jpg

post-712976-0-75375900-1469397359_thumb.jpg

Надіслати
Поділитися на інших сайтах

ArtemPitov Grand Master

ArtemPitov

Опубліковано:
Опубліковано:

размер картинки должен соответствовать размеру настроек баннера и тогда не будет белого фона 

Надіслати
Поділитися на інших сайтах
1
1
1

  • 3 months later...
Leooonov Collaborator

Leooonov

Опубліковано:
Опубліковано:

не могу найти настройки банера (размер где узнать) подскажите плз какого размера фотку сделать для стандартного шаблона, или скажите плз где меняется размер банеров в слайдшоу

Надіслати
Поділитися на інших сайтах

  • 1 year later...
Dasha710 Apprentice

Dasha710

Опубліковано:
Опубліковано:
В 29.01.2012 в 18:18, snastik сказал:

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

1. большой баннер добавляем через модуль слайдер выставляем ему схема главная сверху

2. два маленьких выставляем через модуль баннер выставляем им схему главная справа поизиция 0 и 1 соответственно

и должно получится все как Вам нужно в движке менять для этого ничего не нужно

П.с. на сайте очень приятные тона да и вообще дизайн в целом

единственно Вы по какой то причине не любите пользователей с разрешением 1024 я бы даже сказал ненавидите :-)

Подскажите, пожалуйста, у меня opencart 2.3

Сделала как написали, но баннеры плывут.

Может в этой версии настройка происходит не так.

Буду благодарна за подсказку))

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
 Share
Перейти до списку тем

  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

Покупцям

Розробникам

Корисна інформація

Останні розширення

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.

  Я даю згоду