Create unlimited sliders with unlimited slides.

Follow the steps to create sliders.

1. Go to “itrans Slider” on your dashboard menu items.
2. Create Categories for multiple slider.
3. Add slides for the sliders (slide featured image is used as slide image) .
4. Open the page with editor where you want to insert the slider.
5. Place your cursor where you want the slider and insert the shortcode via [tx] button.

Shortcode options

Slider Style : Currently we have only default style, in future we will keep adding other styles.
Slider Category : For category based slider (in-case you are using multiple sliders with different slides).
Number Of Items : Number of slides in a slider.
Delay : Time between slides.
parallax : Turn on/off parallax. Default value “yes”.
items : Number of slides 0 to 9, default 4
transition : Slide Transition. Default “slide”
title : Show/hide Title.
desc : Show/hide description.
link : Show/hide link.
align : Align content, left, center or right.
height : Height of the slider propotional to with 1200px
textbg : Content bg type

Example Slider

Prallax Background Effects

Suspendisse nec scelerisque neque, vel gravida nulla. Maecenas vestibulum ultricies efficitur. Duis consequat congue ex nec efficitur. Etiam est sapien, fermentum a dapibus in, iaculis mollis ligula. Curabitur id felis ut ...

Optional Slider Height

Suspendisse nec scelerisque neque, vel gravida nulla. Maecenas vestibulum ultricies efficitur. Duis consequat congue ex nec efficitur. Etiam est sapien, fermentum a dapibus in, iaculis mollis ligula. Curabitur id felis ut ...

Sed Ut Perspiciatis Unde

Suspendisse nec scelerisque neque, vel gravida nulla. Maecenas vestibulum ultricies efficitur. Duis consequat congue ex nec efficitur. Etiam est sapien, fermentum a dapibus in, iaculis mollis ligula. Curabitur id felis ut ...

The code will look like :

[tx_slider style="default" category="food" delay="8000" items="4"]

Use the slider as page slider on top

Find meta section “page Heading Options” bellow page editor and insert the shortcode in the field “Other Slider Plugin Shortcode” and save the page (only works with templatesnext themes)

heading-options

TemplatesNext Version 1.1.7 itrans slider options

i-trans-slider-shortcode

107 thoughts on “i-trans Slider

  1. Hi. First of all just to say that the I-Excel theme is proving to be excellent and easy to use. At the moment I am having a problem with the 4 sliders on my index page http://www.LeanSweep.com. The image/text of the sliders work fine with Chrome & Firefox. However the text does not load for the first 3 slides with Explorer9 and on the 4th slide the text is aligned to the right where it should be to the left.

      1. Hi, I’m using the i-excel free theme right now to get to grips with how things work. However I’ve got a problem on my site https://futureplangroup.com/ , under the slider I’ve got three logos, with a short description for each (but) between this there are three circles that change colour when you mouseover.

        How do I delete these circles, I dont want them on the page?

        Also how do I make the semi-transparent boxes that hold the content/copy on the slider darker/less transparent so the copy will show clearer?

        Thanks,
        Jim.

        1. Add the following CSS code in customizer “additional CSS” field

          .tx-service-icon {
          display: none;
          }

          Try using “itrans Slider“, it has multiple content background options.
          Do share your feedback here

          1. Thank you Marsian,

            How do I get my comments to the top of the page so everything is in date order as it might help others?

            Also I’ve done quite a lot of work on the current slider wouldnt I lose everything if I switched over?

            Not too sure how the itrans slider works??

          2. You will have to add the slides and the text again. Example is there in our demo.
            you can create a copy of our demo and look at it, we have add “One click demo setup” feature in i-excel

            for video help watch https://www.youtube.com/watch?v=OC2_DJ_G98I&t=54s

            regarding the comment order, it is newest at top at back-end, probably we should change the order on front-end too, let’s see

          3. I couldn’t find any additional background options, so in the absence of that I’ve change a couple of value that I need in the main css… and that works well for me. Also its no problem as this is the only part I’m changing in the main theme…

  2. Hello, I am very sorry but I don’t understand how to simply generate a shortcode. Where/when am I supposed to find it?
    Again I apologize, I am a complete newbie with WordPress 🙂

    1. Nope, no HTML or text formatting is displayed, i have noted the request, will try to add that feature in future version.

    1. Try adding following lines of CSS code in “Appearance” > “Customize” > “Layout Options” > “Additional Style”

      /* For Title */
      .site .other-slider .tx-slide-content-inner h3 {
      display: none;
      }

      /* For Descriptions */
      .site .other-slider .tx-slide-content-inner .tx-slide-details p {
      display: none;
      }

      /* Lide Link */
      .site .other-slider .tx-slide-content-inner .tx-slide-button a {
      display: none;
      }

      1. Marsian,

        I desperately need your help. I am glad I found you here. I downloaded and purchased the i-max theme, and am trying to use it for a site BUT I have encountered some issues. I need your help reg the slider. I am a newby in wordpress and can’t figure out how to access the slider of my theme AND replace the images. can you please help me. Can you please email me?

        Look forward to hearing from you.

  3. How do you add the slides (pictures) to the slider? I created the itrans slider, add the categories, but there no where to add the images. Please., help me out, I know that probably is a simple fact that I’m overseeing. Thanks in advance for your help.

      1. Thank you very much for your answer. I got to that point, I have one image in the page (featured image) but that is only one image, how do I add more images so they can slide as in your example.? I’m thinking to purchase the I-spirit to use in other website. It will be as complicated as I-excel? I know I-excel is free, and most of the complications are because the lack of knowledge in WordPress. But I’m learning. Thanks again for your support.

          1. I GOT IT!

            Thank you so much for your help. Is this kind of attitude what changes the disposition of a client. I will get the I-Spirit as soon as I learn how to upload a theme different of the themes offered by 1and1.com in safe mode. I’m still learning WordPress platform. I’m more familiar with html, using Dreamweaver, and Adobe Muse. Thanks again

    1. Try adding following lines of CSS code in “Appearance” > “Customize” > “Layout Options” > “Additional Style”

      Default theme slider hide elements

      /* For Title */
      .ibanner .nx-slider-container h2 {
      display: none;
      }

      /* for Content */
      .ibanner .nx-slider-container p {
      display: none;
      }

      /* For link */
      .ibanner .nx-slider-container a.da-link {
      display: none;
      }


      For I-trans Slider

      /* For Title */
      .site .other-slider .tx-slide-content-inner h3 {
      display: none;
      }

      /* For Descriptions */
      .site .other-slider .tx-slide-content-inner .tx-slide-details p {
      display: none;
      }

      /* Lide Link */
      .site .other-slider .tx-slide-content-inner .tx-slide-button a {
      display: none;
      }

  4. Hi again, i just want to clear myself…
    you wrote:
    1. Go to “itrans Slider” on your dashboard menu items.
    2. Create Categories for multiple slider.
    3. Add slides for the sliders.
    4. Open the page with editor where you want to insert the slider.
    5. Place your cursor where you want the slider and insert the shortcode via [tx] button.

    i don’t understand no. 3 – “Add slides for the sliders”

    i understand that to “add slide” i nead to go to “appearance” and then to “costomise” and then “slider” and then just to edit “slide 1” to “slide 4”?? (to change the text and the images)
    please help!
    Avi

    1. there are 2 sliders,
      1. default theme limited to 4 slides. to add/edit this slider you will go to “customize”, this slider does not require plugin “templatesnext toolkit”.
      2. “i-trans slider”, part of plugin “Templatesnext toolkit”, you need to go to “i-trans slider” > “Add new” to add new slide

      1. I am trying to change the default slider on the home page. I went to customize, but I do not see where I can insert a slider.

        1. For static front page you can find option to insert 3rd party slider. For default theme slider go to customize – slider

  5. hi there

    Thank you so much for your themes. I have a small problem with i -craft. one of my page backgrounds is black. i would like to make it a white background like the others. how do i go about doing so?

    Tank you

  6. How could I translate untranslated parts not touching the code in theme? Like “Read More”, “Designed and Developed by” and so on…

  7. Hello,
    can I cancel the resposive design on this theme please? What can I to do and in which files (php,css)? Thanks a lot for answer. Radek

    1. There are breakpoint in CSS like in all css files including plugin

      @media (max-width: 1200px)
      {
      ...
      }

      and in javascript function that starts with somthing like

      $('.menu-toggle').sidr(

      in functions.js

  8. Hello everybody,

    I wonder how to remove this message from my home. Could help me
    The plugin is installed
    http://www.elfinformatica.com.br

    Welcome to i-MAX To start setting up i-max go to appearance & gt; customize. Make sure you have installed recommended plugin “TemplatesNext Toolkit” by going appearance & gt; install plugin. Know More Welcome To i-MAX To start setting up i-max go to appearance & gt; customize. Make sure you have installed recommended plugin “TemplatesNext Toolkit” by going appearance & gt; install plugin. Know More Welcome To i-MAX To start setting up i-max go to appearance & gt; customize. Make sure you have installed recommended plugin “TemplatesNext Toolkit” by going appearance & gt; install plugin. Know More
                
            

    1. as the text says go to “appearance” > “customize” > “Slider” you can add your own text and images here

  9. Any chance you could do a YouTube video of setting up the slider. Its proving to be quite a challenge!

    Great theme though.

  10. Hi. Thanks for a great theme, I can’t seem to get the slider working on static pages, I’ve tried with the default slider as well as with i-trans, I’m able to display slider on the body of the page using a short code, but it won’t display as page slider on top although I’ve inserted the exact same short code that works on the body. Please help

  11. Hi!
    I´ve installed the I-MAX theme and I think it is great!
    Is there any way to move the menu in toggle-mode (mobile, tablet) to the right side of the screen?

  12. Hi,

    thank you for the great I-Max Theme. I have one question. When I experimented on a local (xampp) wordpress the I-trans slider automatically croped the images. Now on the webinstallation the images are shown each in its individual size. How can I change back to cropping?

    Thank you for your help

  13. I am trying to use i trans slider
    – i set title
    – i set featured image
    – i set button text
    – i set button link

    how do i add another slide ?

    how do i get short code ?

    thank you in advance

    1. save your silde create another slide by going to “itrans slider” > “add new” or just find “Add New” button beside title “Edit Page” on the top.

  14. I have small problem with that slider. I have to change size of it and add another menu, so I changed .css and now it looks like this:
    .ibanner {
    display: block;
    width: 72%;
    background-color: #95C837;
    text-align: center;
    float: right;
    top: 30px;
    position: relative;
    overflow: hidden;
    }

    but it looks horrible at mobile devices. Any ideas what i should change?

    For second menu I’m using Advanced Menu Widget.

    Sry, for my english 😉

  15. I have a webpage and I’m creating a blog from this site.
    The problem is that I have a slider in the front page but when I uncheck to show the slider in the page that was check as posts page the slider is still there.

    Could you help me with this? I don’t understand why this happens.

  16. Hi; How can i design my website footer area like your website (For examle catergory, NX Recent Posts, NX Recent Comments, NX Recent Portfolio, Quick Contact). I can not found edit customise menu… Thank you…

  17. Thanks Marsian for your great theme (I-max). I would like to know how to replace social icons in the theme with big social icons like many other websites ? Thank you for your time!

    1. You can remove the default values from customizer. That will disable the default social icons.

      You can try other plugins for bugger icons

  18. Hi Marsian,

    I’ve placed four photo’s in the default slider. When I’m logged in to WordPress the slider works fine and shows all the photo’s. But when I log out and reload the site again, I only see the default images that came with the template. How can I solve this?

    Thanks!

  19. Marsian Hello, first of all congratulations excellent themes. I’m trying both themes, i-max and i-excel, what is the difference between these two themes? what is the difference with-spirit?
    I’m also trying TemplatesNext Toolkit (with-excel) but I have a problem with itrans Sliders. I created the category (name = image slider category slug = image-slider-type parent = None), then I created in “itrans sliders” a new slides (Add new), and added 4 picture from your library. I created an article (I also tried it with a page) and used the TX button switch in the “editor creates new page”, to enter the short code, which inserts this code [tx_slider style = "default" category = "image-slider- category "delay =" 8000 "parallax =" yes "items =" 4 "]. When I view the article (or page) I see only the text, I do not see the images nor the slide containing the images. If you preview the slide in “itrans sliders” I see the images in a row but do not slide them. thank you.

    1. You will have set the “Featured Image”. i-excel and i-max are almost same except some design differences.
      i-spirit is way more powerful and flexible, you can almost create anything out of i-spirit.

  20. Hi Marsian.

    I think since the last update templatesnext-toolkit transition of the images of the slider is by flash rather than sliding. I want to change it.

    Thank you for your attention and for as good template.

  21. I want to use the default slide as it works much more smoothly, but I want to remove the “Descripton” field. I removed all the text in Appearance>Customize>Slider. But the gray semi-transparent box is still there? How can I remove it? Thanks! Love the theme?

  22. Using the default slider on the theme allows me to put in 4 images, titles, descriptions, and texts, and it worked great at first. Now, the slider does not slide and the titles, descriptions, etc do not appear on the image. I’m not sure why the slider is not functioning properly. The only image you see is the first slider with no text, and if you’re using a mobile device, you see all 4 images stacked vertically also with no text.

  23. Marsian hi, amazing theme!
    The problem is how I can switch it into wide mode ( I’m using i-excel slider ) ? Could you help me with this?

    1. slider is responsive, it change according to your layout or screen size.

      To turn the layout wide, go to “Appearance” > “Customize” > “Layout Option” > “Wide layout”

  24. Not long ago the headline an text in a slider had a dark semi-transparent background. It’s gone and I can’t find a way to change the text to have more contrast. Bright images and white text don’t go so well together, no one can read it. How can I restore the transparent background in an i-trans Slider? (Additional info: I used the “Page heading options” > “Other slider plugin shortcode” to integrate my slider.)

    1. Add the parameter textbg=”transparent” or generate the shortcode again with the correct parameters.
      the new shortcode would look like :

      [tx_slider style=”default” category=”” delay=”8000″ parallax=”yes” items=”4″ transition=”slide” title=”show” desc=”show” link=”show” align=”left” height=”420″ textbg=”transparent”]

  25. On my site http://www.e-qms.co.uk/ it show the three pictures underneath each other instead of as a slider when first opened. This is also the case when pressing Ctr+F5 to reload the page. It will only show the slider properly after pressing the home link, do you know why that is and how to solve it?

    1. I could not reproduce the issue, it did show it the issue first time,
      somewhere the javascript call for slider is failing or some JS error when it loads first time.
      if you are using any cache plugin (there seems to be one), disable it.

      1. Thank you for the reply.
        I use W3 Total Cache to increase the speed of my site and when I deactivate it the problem disappears.
        Do you know if there is an option to keep it running and deactivate some of the functions only. This way I could keep the advantage of the increased speed but avoid the issue with the slider?

    1. The images cropped on the fly ( 1200 x user specific height ), we might increase the width or let user specify the width too in future for the slider, how do you want this to be?

  26. Really like your template so far… Question though… For i-excel template, how would you add animation of text or images, or even add a video in the background, like your company’s current website?

  27. Hello

    This theme is amazing. I just have problems do translate the slide text to two languages. Any idea how to do that?

    Thanks,
    Christian

Leave a Reply

Your email address will not be published. Required fields are marked *