Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

выпадающий список фильтров в модуле "фильтр товаров"


Recommended Posts

у меня магазин с авто шинами ,и список фильтров получается очень длинным

Изображение

Я не силен в php ,по этому прошу вашей помощи , Как список фильтров в модуле "фильтр товаров " свернуть выпадающий список(как в списке производителей)

вот тпл этого модуля

<?php if ($category_options) { ?>
<style type="text/css">
  #filters{line-height: 22px;}
  #filters b{display:block;padding: 2px 5px 1px 15px;}
  .filter-item{margin: 0 5px;}
  .filter-item label{margin-left:5px;padding-left:5px;display: block;cursor:pointer;}
  .filter-item label input{margin: 0 3px;}
  .filter-item label a{text-decoration:none;color: #236BBB;}
  .filter-item label.active a{color: #E56101;font-weight:bold;}
  .filter-item select{margin-left:10px;min-width:100px;}
  .filter-item label + label{border-top: 1px solid #ECECEC;}
</style>
<div class="box">
  <div class="top"><img src="catalog/view/theme/default/image/filter.png" alt="" /><?php echo $heading_title; ?></div>
  <div class="middle">
    <form id="filters">
      <?php foreach ($category_options as $category_option) { ?>
        <b><?php echo $category_option['name']; ?></b>
        <div class="filter-item">
        <?php if ($category_option['values']) { ?>
          <?php foreach ($category_option['values'] as $value) { ?>
            <?php if (in_array($value['value_id'], $filter_values_id)) { ?>
              <label class="active"><input type="checkbox" onclick="window.location='<?php echo $value['href']; ?>'" checked="checked"><a href="<?php echo $value['href']; ?>"><?php echo $value['name']; ?></a></label>
            <?php } else { ?>
              <?php if ($value['products']) { ?>
                <label><input type="checkbox" onclick="window.location='<?php echo $value['href']; ?>'"><a href="<?php echo $value['href']; ?>"><?php echo $value['name']; ?></a> (<?php echo $value['products']; ?>)</label>
              <?php } else { ?>
                <label><input type="checkbox" disabled="disabled"><span class="grey"><?php echo $value['name']; ?> (<?php echo $value['products']; ?>)</span></label>
              <?php } ?>
            <?php } ?>
          <?php } ?>
        <?php } ?>
        </div>
      <?php } ?>
    </form>
  </div>
  <div class="bottom"> </div>
</div>
<?php } ?>

что то типа этого

Изображение

заранее благодарен за ответ :)

Link to post
Share on other sites

могу на платной основе реализовать конкретно под ваш проект.

либо также на платной основе предоставить модифицированный модуль с возможностью выбирать тип опций фильтра - radio, checkbox, select (с инструкцией по установке).

за деталями - в ЛС

Link to post
Share on other sites

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

<?php if ($category_options) { ?>
<style type="text/css">
  #filters{line-height: 22px;}
  #filters b{display:block;padding: 2px 5px 1px 15px;}
  .filter-item{margin: 0 5px;}
  .filter-item label{margin-left:5px;padding-left:5px;display: block;cursor:pointer;}
  .filter-item label input{margin: 0 3px;}
  .filter-item label a{text-decoration:none;color: #236BBB;}
  .filter-item label.active a{color: #E56101;font-weight:bold;}
  .filter-item select{margin-left:10px;min-width:100px;}
  .filter-item label + label{border-top: 1px solid #ECECEC;}
</style>
<div class="box">
  <div class="top"><img src="catalog/view/theme/default/image/filter.png" alt="" /><?php echo $heading_title; ?></div>
  <div class="middle">
    <form id="filters">
      <?php foreach ($category_options as $category_option) { ?>
        <b><img src="http://www.az-tuning.net/catalog/view/theme/default/image/bullet_2.png"><?php echo $category_option['name']; ?></b>
        <div class="filter-item">
<div class="smallfont" style="margin-bottom:5px"><input type="button" value="Выбрать" style="width:150px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';		this.innerText = ''; this.value = 'Закрыть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Выбрать'; }">
<div class="alt2" style="margin: 0px; padding: 0px; border: 0px inset;">
<div style="display: none;">

        <?php if ($category_option['values']) { ?>
          <?php foreach ($category_option['values'] as $value) { ?>
            <?php if (in_array($value['value_id'], $filter_values_id)) { ?>
              <label class="active"><input type="checkbox" onclick="window.location='<?php echo $value['href']; ?>'" checked="checked"><a href="<?php echo $value['href']; ?>"><?php echo $value['name']; ?></a></label>
            <?php } else { ?>
              <?php if ($value['products']) { ?>
                <label><input type="checkbox" onclick="window.location='<?php echo $value['href']; ?>'"><a href="<?php echo $value['href']; ?>"><?php echo $value['name']; ?></a> (<?php echo $value['products']; ?>)</label>
              <?php } else { ?>
                <label><input type="checkbox" disabled="disabled"><span class="grey"><?php echo $value['name']; ?> (<?php echo $value['products']; ?>)</span></label>
              <?php } ?>
            <?php } ?>
          <?php } ?>
        <?php } ?>
<br><br>

</div>
</div>
</div>

       </div>

		<?php } ?>
</form>
  </div>
  <div class="bottom"> </div>
</div>
<?php } ?>
Link to post
Share on other sites

  • 4 weeks later...

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

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

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.