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

sh0ut · 10 листопада 2012

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

Вообщем ситуация такая, скачал 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

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

sh0ut · 10 листопада 2012

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

Garri · 10 листопада 2012

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

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

Baco · 10 листопада 2012

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

sh0ut · 11 листопада 2012

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

смотрите, когда модуль поиска находится между <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 используется в диве?

sh0ut · 11 листопада 2012

про этот сайт я тоже в курсе http://htmlbook.ru/ штудирую его

Garri · 11 листопада 2012

#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;

}

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

sh0ut · 11 листопада 2012

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

sh0ut · 11 листопада 2012

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

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

sh0ut · 12 листопада 2012

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

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

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

sh0ut · 13 листопада 2012

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

Поиск работает там, где он заключён внутри дива 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;
}

sh0ut · 13 листопада 2012

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

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

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

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

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

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

sh0ut · 13 листопада 2012

#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;

}

sh0ut · 13 листопада 2012

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

sh0ut · 13 листопада 2012

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

Вхід

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

Recommended Posts

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

Надіслати

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

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

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

Вхід

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

Покупцям

Розробникам

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

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

Important Information