Okay
  Public Ticket #96526
CLOSED

Slideshow and Theme Settings Removal

  • Nicholas Peloso

    Thanks for the help!!

    6:59am on September 13, 2013

  • Sergii Velykorodnov
     33

    Hello Nicholas,

    About the theme settings panel. There are 2 variants:

    1. From the header.tpl file, remove this code:

    <div id="panel">
      <a href="#" class="panel_button"></a>
      <div class="inner">
        <h5>Theme settings</h5>
        <p>Background color:</p>
        <ul class="tools_list bg_colors">
          <li>
            <a href="javascript:set_bg_color(bgcolor1);" class="color1"><span></span></a>
            <a href="javascript:set_bg_color(bgcolor2);" class="color2"><span></span></a>
            <a href="javascript:set_bg_color(bgcolor3);" class="color3"><span></span></a>
          </li>
          <li>
            <a href="javascript:set_bg_color(bgcolor4);" class="color4"><span></span></a>
            <a href="javascript:set_bg_color(bgcolor5);" class="color5"><span></span></a>
            <a href="javascript:set_bg_color(bgcolor6);" class="color6"><span></span></a>
          </li>
        </ul>
        <p>Background pattern:</p>
        <ul class="tools_list pattern_bg">
          <li>
            <a href="javascript:set_bg_image(bgimage1);" class="pattern1"><span></span></a>
            <a href="javascript:set_bg_image(bgimage2);" class="pattern2"><span></span></a>
          </li>
          <li>
            <a href="javascript:set_bg_image(bgimage3);" class="pattern3"><span></span></a>
            <a href="javascript:set_bg_image(bgimage4);" class="pattern4"><span></span></a>
          </li>
        </ul>
        <div class="button_wrap1">
          <a href="javascript:reset();" class="button">Reset</a>
        </div>
      </div>
    </div>


    2. Or just set #panel { display: none; } in the stylsheet.css file.

     

    About the main slider:

    Here you have all the options for the iosSlider https://iosscripts.com/iosslider/#settings-and-options

    The settings for your slider is in this javascript file:
    /catalog/view/theme/kids/js/script.js

     
      $('.iosSlider').iosSlider({
        snapToChildren: true,
        desktopClickDrag: true,
        infiniteSlider: true,
        keyboardControls: true,
        navNextSelector: $('.next'),
        navPrevSelector: $('.prev'),
        navSlideSelector: $('.selectors .item'),
        onSlideChange: slideChange,
        autoSlide: true
      });


    So you will need only to add "autoSlide" as True and it will work.

    6:59am on September 13, 2013

  • Nicholas Peloso

    I figured out how to make the slideshow move automatically but how do you remove the theme settings square from the left hand side?

    6:59am on September 13, 2013

  • Nicholas Peloso
    Hello, Do you know how to make the slideshow move automatically instead of only moving when manually clicked? Also how do you remove the theme setting panel that pops up on the side? Thank you for your help!!

    6:59am on September 12, 2013

https://velikorodnov.ticksy.com/ticket/96526/