Quick Start Guide

Step 1. Menu Setup


a. Go to “Appearance” > “Menus”.
b. Create a new menu, add pages and links.
c. Check “Navigation Menu” checkbox and save.

Step 2. Install Recommended Plugins


a. Go to “Appearance” > “Install Plugin”.
b. Check “Templatesnext Toolkit” and “Breadcrumb NavXT”.
c. Install and activate.

Step 3. Create And Set A Front Page


a. Create a page, say “Front Page” and save
b. Go to “Settings” > “Reading”
C. Set your newly created page as static front page.
d. Do same for blog if you have one.

Step 4. Add Slider On Front Page


a. Open newly created “Front page” in editor.
b. Check “Show default i-excel slider” to show default slider.
c. For custom slider; Use [tx] > “itrans slider” to generate slider shortcode.
d. Add the shortcode in “Other slider plugin shortcode” meta field.

Step 5. Customize Theme Options


a. Go to “Appearance” > “Customize”.
b. Setup your theme color, logo, layout etc.

For Usage of “Templatesnext Toolkit” check  shortcodes.


i-spirit, Add more power and flexibility to your WooCommerce. 
Know More..

73 thoughts on “Tutorial

      1. I am trying to put images in the slider. They are pics of closely cropped jewelry I make. No matter what size I make them, the pic posts way blown up too large and only show a portion of the piece of jewelry. I just don’t know what I am doing wrong!!! Help.

  1. The background image theme option does not show. Do you have a demo that uses a background image? Does it take transparent pngs?

  2. How do I remove the “Log In” menu item from the top navigation menu? It appears that it is added on to the main menu and how do I get rid of it? Thanks.

  3. I have two problems with this theme.
    Website title is appearing twice on browser tab.
    And on individual product page the title of product is not showing properly in mobile version of theme.
    It only shows 14 letters maximun, like for example if i post a product name “samsung galaxy note 4” its appearing as “samsung galaxy”

      1. Product Carousel (WooCommerce) is not working. When I insert [tx_prodscroll type="top_rated_products" ids="" columns="5" items="8"] to my front page, it displays the code [top_rated_products per_page="8" columns="5"] on my real page. I have added sth into the category, but it cannot display anything. What is wrong with it?

  4. Hi there! I was wondering if this tutorial is for the paid version? I ask because in Step 4, you say “i-excel” slider, yet mine only says “i-craft”. In addition, I do not have the “tx” option in the shortcode menu area. Aside from that, all of my settings are exactly the same as what you’ve shown here. Any advice you can offer will be greatly appreciated. :)

    1. the only difference between paid and free version are features, the steps remains same. in premium version (i-excel is free version, i-spirit is premium version) you get 65+ shortcodes, ajax product suggest and search, front end drop-down login, yith add to Favorite and yith add to compare plugin integration many other theme options.

      the [tx] button shows up in visual mode.

  5. Thanks for the good work, I am enjoying your theme – i-crafts, but I wanted to change the dimensions of the slider as some slides are appearing too big compared to others, how can I go about it. I need a full width slider with about 380 or 420 height.


  6. Sir, about product post, how to set the product post just like this site , with price, stars, image product ? is there a post template must i use ? thanks

  7. I can’t get the slider to appear on the home page.

    I’ve created a page called ‘Home’ and ticked the box to show the default slider.

    I’ve been into Appearance>Theme Options and added two slide images both 1200 x 440 px

    All saved and refreshed but nothing appears.

  8. What is the best image sizes for single product and catalogue images on this theme?
    How can i ensure the same image sizes for all the products? Is there any tool/plugin?
    I am uploading an image of higher size but it not getting cropped or fitted into the 200*200 px setting provided by me.
    Please give your expert advice,.

    1. Try inserting larger images with similar proportion lets say 1200×1200, 1600×1600. minimum should be 600×600. if your images are not cropped after upload, check your server for GD Library

  9. Hi,

    I am following these steps however Step 4 ‘add slider on front page,’ when I open my front page I do not have the [tx] option. I have checked I have the correct widget.

    Can you advise what I am doing wrong? Its is all very confusing as the tutorial doesn’t match what I am seeing.

    All I want to do is add a slider. Why is it so difficult???

  10. I am trying to select a special category of portfolio for special pages. I mean I would like to use the portfolio category XXX in the page XXX and the portfolio category YYY in the page YYY.
    Anyone can help ?


  11. Hello! how to only put itrans Slider in the front page. I check “Show default i-excel slider” in the front page to show default slider but it appears in blog page also. How to fix it?

  12. Hi there! I am new in WordPress. I install the i-max theme, and i am looking the way to add a contact form as the form of your theme.
    Can you please inform me how to do it?
    Any advice you can offer will be greatly appreciated.

    1. Empty all the fields from

      1. “Theme Options” > “Basic Settings” > Phone and Mail
      2. “Theme Options” > “Basic Settings” > “Social links”

  13. Great template, thanks. How can i change the language of the topbar call us, mail us? and also the “read more” tekst under the portfolio?

      1. Great thanks. Do you know when the next version will be released? and is it possible than to also use categorie filter on the portfolio etc?

  14. Hi!
    Recently installed the i-max theme, I must say it is an excellent theme , I love it.
    In the i-max theme, how can I add the ” category ” widget on a single page.
    Thanks for your answer!

  15. Hi..

    I am using i-craft theme for my e-commerce website digiindo.com

    When we open shop products on mobile then 4 products show in one line.
    show every thing is mike-up condition.
    before site show 2 products in one line on mobile mode.
    please confirm how to solve this issue.

  16. Sorry!!!

    The i-craft theme I like very much!


    How long is the i-craft still supporting with updates?


  17. Hey Guys, I’m really enjoying this theme. I was wondering if there is anyway to change the slides from the default 4 to say 6?

  18. hi, i am having a problem with static page and latest posts. I can’t make them on the same front page. Could you please suggest me?

      1. Thank you for quick response. However, it didn’t work yet. Let me explain what I did. I created “Home” page and “Posts” page. I go to Reading and chose a static page option and selected “Home” as Front page and “Posts” as Posts page. Unfortunately, it shows only Home page. I didn’t see recent posts. Thanks in advance for helping.

        1. Use the [tx] Post shortcode in the page ex: [tx_blog items="12" columns="3" showcat="show" category_id="" show_pagination="yes" carousel="no"]

  19. Hey Guys, I’m really enjoying this theme. I was wondering if there is anyway to change the spaces between the fields in form contact 7 widget área just like you

    1. Remove the p tags from the form code or add additional css to reduce the spaces in “Appearance” > “Customize” > “Layout Options” > “Additional Style”

  20. I am new in wordpress, please help me to display product in grid view (5row and 4 column). i am using icraft theam. one option is their ‘scrol-type’ but it show produt in single row and 4 column. I want to display product in multi row and multi column.

    please help me.

Leave a Reply

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