[Помогите] Меню со скрывающимися картинками

Тема в разделе "OpenCart", создана пользователем CrazYViruS, 23 май 2014.

  1. CrazYViruS

    CrazYViruS

    Регистрация:
    30 май 2013
    Сообщения:
    133
    Симпатии:
    79
    Доброго времени, и опять мое меню =\ печальное

    Вообщем опять бьюсь об стену не могу сделать скрывающиеся картинки в верхнем меню.

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

    Вот ссылка на сайт updtsh.esy.es
    Вот код меню в Header.tpl

    PHP:
    <div id="menu_v" style="margin-left: 3%;">
      <ul>
        <?php foreach ($categories as $category) { ?>
        <li><a href="<?php echo $category['href']; ?>" class="selected"><div style="text-align: center; line-height: 0px;"><img src="<?php echo $category['image']; ?>"></div><div style="text-align: center; font-size: 16px; text-transform: capitalize; "><?php echo $category['name']; ?></div></a>
          <?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>
                    <?php if($this->config->get('oxy_menu_categories_3_level') ==1) { ?>
                    <?php if ($category['children'][$i]['children_level_2']) { ?>
                    <div>
                     <ul>
                       <?php for ($si 0$si count($category['children'][$i]['children_level_2']); $si++) { ?>
                          <li><a href="<?php echo $category['children'][$i]['children_level_2'][$si]['href']; ?>"  ><?php echo $category['children'][$i]['children_level_2'][$si]['name']; ?></a></li>
                       <?php ?>
                     </ul>
                   </div>
                   <?php ?>       
                    <?php ?>     
             </li>
              <?php ?>
              <?php ?>
            </ul>
            <?php ?>
          </div>
          <?php ?>
        </li>
        <?php ?>
      </ul>
        </li>
      </ul> 
    </div>  
    Надеюсь на вашу помощь !
     
    odinochka и 3AHO3A нравится это.
  2. Bogdan

    Bogdan

    Регистрация:
    25 фев 2013
    Сообщения:
    228
    Симпатии:
    104
    Пропишите в stylesheet.css такой блок:
    .is-sticky #menu li > a img {
    display: none;
    }
     
    KirillLyubimov и CrazYViruS нравится это.