Jump to content
Sign in to follow this  
sh0ut

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

Recommended Posts

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

  • +1 2

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

#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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

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

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

Share this post


Link to post
Share on other sites


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

}

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.