Перейти к содержанию
sh0ut

Вопросы начинающего по opencart

Рекомендуемые сообщения

Добрый день уважаемые специалисты, в первый раз написал тут кучу вводного текста о себе но нечаянно нажал на ссылку и всё стёрлось!! Неприятная мелочь.

Вообщем ситуация такая, скачал ocStore v1.5.3.1 и пилю стандартный шаблон под свои нужды. Раньше лет 5 назад занимался сайтами, но дальше html и css дело не пошло, сейчас надо бы освежить память.

Первый вопрос такой:

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

открываю header.tpl это модуль поиска.

  <div id="search">
    <div class="button-search"></div>
    <?php if ($filter_name) { ?>
    <input type="text" name="filter_name" value="<?php echo $filter_name; ?>" />
    <?php } else { ?>
    <input type="text" name="filter_name" value="<?php echo $text_search; ?>" onclick="this.value = '';" onkeydown="this.style.color = '#000000';" />
    <?php } ?>
  </div>
дальше модуль меню с тёмной полоской:

<div id="menu">
  <ul>
    <?php foreach ($categories as $category) { ?>
    <li><?php if ($category['active']) { ?>
<a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a>
<?php } else { ?>
<a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
<?php } ?>
	  <?php if ($category['children']) { ?>
	  <div>
	    <?php for ($i = 0; $i < count($category['children']);) { ?>
	    <ul>
		  <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
		  <?php for (; $i < $j; $i++) { ?>
		  <?php if (isset($category['children'][$i])) { ?>
		  <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
		  <?php } ?>
		  <?php } ?>
	    </ul>
	    <?php } ?>
	  </div>
	  <?php } ?>
    </li>
    <?php } ?>
  </ul>
</div>
Хочу оставить только тёмную полоску, и вставить туда поиск, из модуля меню удаляем почти всё оставляя только 1 тег <div id="menu"> и после вставляю модуль поиска:

<div id="menu">
  <div id="search">
    <div class="button-search"></div>
    <?php if ($filter_name) { ?>
    <input type="text" name="filter_name" value="<?php echo $filter_name; ?>" />
    <?php } else { ?>
    <input type="text" name="filter_name" value="<?php echo $text_search; ?>" onclick="this.value = '';" onkeydown="this.style.color = '#000000';" />
    <?php } ?>
  </div>
</div>
получилась какая-то фигня в файле то что получилось.jpg

подскажите я наверно что-то не так делаю?

post-26347-0-72223000-1352567838_thumb.jpg

post-26347-0-65439200-1352568358_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Мне интересно почему поиск стал меньше по размерам, и пропала иконка поиска слева?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Мне интересно почему поиск стал меньше по размерам, и пропала иконка поиска слева?

потому-что слетели стили в стайлшите, в таблицах стилей епрописано как-правило header .buttom-search из хедера убрали вот оно и слетело. Вообще лучше создать дивку вместо меню, а менюшку вообще отключить.
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

поменял <divid="search"> на <divid="menu"> вот и весь ньюанс, там разное форматирование... и предполагаю функциональность тоже...

  • +1 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

не совсем понимаю

смотрите, когда модуль поиска находится между <div id="header">модуль поиска</div> то всё нормально, поиск такой как должен быть, но если мы вставим модуль поиска после закрывающего дива, то он становится кривой, отсюда вопрос что именно даёт этот идентификатор header? в стайлшите их вон скока:

#header {
height: 90px;
margin-bottom: 7px;
padding-bottom: 4px;
position: relative;
z-index: 99;
}
#header #logo {
position: absolute;
top: 25px;
left: 15px;
}
#header #cart {
position: absolute;
top: 0px;
right: 145px;
z-index: 9;
min-width: 300px;
}
#header #cart .heading {
float: right;
margin-right: 172px;
margin-top: 15px;
padding-left: 14px;
padding-right: 14px;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #EEEEEE;
background: #FFF;
position: relative;
z-index: 1;
}
#header #search {
position: absolute;
top: 15px;
right: 0px;
width: 298px;
z-index: 15;
}
#header .button-search {
position: absolute;
left: 0px;
background: url('../image/button-search.png') center center no-repeat;
width: 28px;
height: 24px;
border-right: 1px solid #CCCCCC;
cursor: pointer;
}
#header #search input {
background: #FFF;
padding: 1px 1px 1px 33px;
width: 262px;
height: 21px;
border: 1px solid #CCCCCC;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 0px 2px 0px #F0F0F0;
-moz-box-shadow: 0px 2px 0px #F0F0F0;
box-shadow: 0px 2px 0px #F0F0F0;
}
#header #welcome {
position: absolute;
top: 47px;
right: 0px;
z-index: 5;
width: 298px;
text-align: right;
color: #999999;
}
#header .links {
position: absolute;
right: 0px;
bottom: 3px;
font-size: 10px;
padding-right: 10px;
}
#header .links a {
float: left;
display: block;
padding: 0px 0px 0px 7px;
color: #38B0E3;
text-decoration: none;
font-size: 12px;
}
#header .links a + a {
margin-left: 8px;
border-left: 1px solid #CCC;
}
какой именно header используется в диве?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

#header #search {

position: absolute;

top: 15px;

right: 0px;

width: 298px;

z-index: 15;

}

#header .button-search {

position: absolute;

left: 0px;

background: url('../image/button-search.png') center center no-repeat;

width: 28px;

height: 24px;

border-right: 1px solid #CCCCCC;

cursor: pointer;

}

#header #search input {

background: #FFF;

padding: 1px 1px 1px 33px;

width: 262px;

height: 21px;

border: 1px solid #CCCCCC;

-webkit-border-radius: 3px 3px 3px 3px;

-moz-border-radius: 3px 3px 3px 3px;

-khtml-border-radius: 3px 3px 3px 3px;

border-radius: 3px 3px 3px 3px;

-webkit-box-shadow: 0px 2px 0px #F0F0F0;

-moz-box-shadow: 0px 2px 0px #F0F0F0;

box-shadow: 0px 2px 0px #F0F0F0;

}

попробуйте убрать виделенное

  • +1 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Спасибо, помогло, это получается что стандартный шаблон проще с нуля переписать

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

1) Вопрос по админке, что такое схемы? Админ панель-система-дизайн-схемы

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Вопрос с поиском остаётся открытым:

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вообщем по поиску ситуация такая:

Поиск работает там, где он заключён внутри дива header: <div id="header">поиск</div>

Но я сделал так: создал отдельный див, поместил туда поиск и получилось что поиск теперь находится после закрывающего дива header, вопрос в том что в этом диве влияет на кнопку enter?

вот все хедеры в стайлшите:

#header {
height: 90px;
margin-bottom: 7px;
padding-bottom: 4px;
position: relative;
z-index: 99;
}
#header #logo {
position: absolute;
top: 25px;
left: 15px;
}
#header .links {
position: absolute;
right: 0px;
bottom: 3px;
font-size: 10px;
padding-right: 10px;
}
#header .links a {
float: left;
display: block;
padding: 0px 0px 0px 7px;
color: #38B0E3;
text-decoration: none;
font-size: 12px;
}
#header .links a + a {
margin-left: 8px;
border-left: 1px solid #CCC;
}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

В процессе исправления поиска возникла ещё 1 ошибка которую непойму как устранить.

Что я сделал: заключил поиск внутри дива header, поиск стал работать, но шапка немного перестроилась в связи с чем её надо было заново регулировать.

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

корзина со стрелочкой. Что происходит:

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

Как это победить?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты


#cart {

position: absolute;

margin-top: -24px;

right: 0px;

z-index: 9;

min-width: 300px;

}

#cart .heading {

float: right;

margin-right: 0px;

margin-top: 14px;

padding-left: 14px;

padding-right: 14px;

position: relative;

border-radius: 7px 7px 7px 7px;

height: 26px;

}

#cart .heading h4 {

color: #333333;

font-size: 15px;

font-weight: bold;

margin-top: 0px;

margin-bottom: 0px;

}

#cart .heading a {

color: #38B0E3;

text-decoration: none;

}

#cart .heading a span {

background: url('../image/arrow-down.png') 100% 50% no-repeat;

padding-right: 15px;

}

#cart .content {

clear: both;

display: none;

position: relative;

top: 0px;

padding: 8px;

min-height: 150px;

border-left: 1px solid #CCCCCC;

border-right: 1px solid #CCCCCC;

border-bottom: 1px solid #CCCCCC;

-webkit-border-radius: 0px 7px 7px 7px;

-moz-border-radius: 0px 7px 7px 7px;

-khtml-border-radius: 0px 7px 7px 7px;

border-radius: 0px 7px 7px 7px;

background: url('../image/fon4.jpg') center;

}

#cart.active .heading {

-webkit-border-radius: 7px 7px 0px 0px;

-moz-border-radius: 7px 7px 0px 0px;

-khtml-border-radius: 7px 7px 0px 0px;

border-radius: 7px 7px 7px 7px;

display: block;

}

#cart.active .content {

display: block;

}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

я могу сделать видео если нужно.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Огромнейшее спасибо Garri за помощ!!!!!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.