TABS & TOUR

[tmq_row][tmq_col size=»12″][tmq_divider align=»center»]TABS[/tmq_divider][/tmq_col][/tmq_row]

[tmq_row][tmq_col size=»12″][tmq_tabs shortcodemode=»custom» type=»normal» title=»» slug=»slug-PnPRe» postid=»226″][tmq_tab order=»0″ title=»SEE FEATURES» slug=»slug-PnPRe» mode=»active» tabtype=»normal»]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet…[/tmq_tab][tmq_tab order=»1″ title=»BUY THEME» slug=»slug-PnPRe» mode=»close» tabtype=»normal»]Maecenas ullamcorper sapien a purus bibendum ultrices. Nunc viverra nibh a dignissim feugiat. Integer lacus massa, consequat eu dignissim vel lorem…[/tmq_tab][/tmq_tabs][/tmq_col][/tmq_row]

[tmq_row][tmq_col size=»12″][tmq_divider align=»center»]TOUR SECTIONS[/tmq_divider][/tmq_col][/tmq_row]

[tmq_row][tmq_col size=»12″][tmq_tabs shortcodemode=»custom» type=»tour» title=»» slug=»slug-PxPRe» postid=»226″][tmq_tab order=»0″ title=»SEE FEATURES» slug=»slug-PxPRe» mode=»active» tabtype=»tour»]Maecenas ullamcorper sapien a purus bibendum ultrices. Nunc viverra nibh a dignissim feugiat. Integer lacus massa, consequat eu dignissim vel lorem. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet…[/tmq_tab][tmq_tab order=»1″ title=»BUY THEME» slug=»slug-PxPRe» mode=»close» tabtype=»tour»]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet. Maecenas ullamcorper sapien a purus bibendum ultrices. Nunc viverra nibh a dignissim feugiat. Integer lacus massa, consequat eu dignissim vel lorem…[/tmq_tab][/tmq_tabs][/tmq_col][/tmq_row]

[br][br]

[tmq_row][tmq_col size=»12″][tmq_accordions shortcodemode=»custom» title=»» slug=»slug-bunpH» collapse=»automatic» postid=»226″][tmq_accordion order=»0″ title=»GET THE CODE» collapse=»automatic» slug=»slug-bunpH» mode=»open»]

[h5 size=»small» theme=»vivid»]Static ShortCode[/h5]

[pre]{{tmq_tabs shortcodemode=»custom» type=»normal» direction=»top» title=»See the Tabs» slug=»x123″}}

{{tmq_tab order=»0″ title=»Tab 1″ slug=»x123″ mode=»active»}}Tab 1 Content{{/tmq_tab}}

{{tmq_tab order=»1″ title=»Tab 2″ slug=»x123″ mode=»close»}}Tab 2 Content{{/tmq_tab}}

{{/tmq_tabs}}[/pre]

[hr]

[h5 size=»small» theme=»vivid»]Dynamic (Quick) ShortCode[/h5]

[pre]{{tmq_tabs shortcodemode=»quick» type=»normal» direction=»top» title=»See the Tabs» slug=»x123″ postid=»1″}}[/pre]

[/tmq_accordion][tmq_accordion order=»1″ title=»CODE EXPLAINED» collapse=»automatic» slug=»slug-bunpH» mode=»close»]

[code]{{tmq_tabs}}[/code]

This is the tabs block container.

  • shortcodemode: Custom / Quick[br][code]»Custom»[/code] means that the contents should be hard coded into the shortcode. (This Example)[br][code]»Quick»[/code] means that the contents of the accordions will be read from Magic Post Type.[label type=»info»]*[/label][br][br]
  • title: This is title of the tabs block. Leave this empty to show the tabs block without a header.[br][br]
  • slug: This should be a «random/unique in current page or post» code. This code will be generated by Themique Power ShortCodes [label type=»warning»]**[/label] but if you want to put the shortcode manually, you should choose a unique string for it like: «[code]x[/code]», «[code]mytab[/code]», «[code]slug1234[/code]» or …[br][br]
  • type: normal / tour[br][code]»normal»[/code] This will create tabs that their navigation is on top or bottom of them.[br][code]»tour»[/code] Tour tabs are tabs which their navigation is on left or right side. These tabs are called Tour Sections.[br][br]
  • postid: ID of the Magic Post Type[label type=»info»]*[/label][label type=»warning»]**[/label] to put its content into the tabs block. This will only works with [code]»quick»[/code] parameter in [code]»shortcodemode»[/code] option. Please note that if you use this type of shortcodes, you don’t need to use [code]»tmq_tab»[/code] shortcodes inside the main container.

[hr]

[code]tmq_tab[/code]

This is a single tab in the tabs block.

  • order: Sort order of the tab.[br][br]
  • title: Title of the single tab.[br][br]
  • slug: Just same as the tabs. This must be exactly equal to the tmq_tabs option value.[label type=»warning»]**[/label][br][br]
  • mode: Open / Close[br][code]»open»[/code] means that when the page loads, this tab item is opened automatically.[br][code]»close»[/code] means that when the page loads, this tab item will be closed by default. (Only the first [code]»open»[/code] tab will be opened and the other open tabs will be ignored.[br][br]

 

[tmq_textalert title=»Magic Post Type*» closable=»disable» type=»info» icon=»»][label type=»info»]*[/label] Magic Post Type is a custom post type in UltraFlex theme which will let you create some contents and use/reuse them with some shortcodes like accordions, tabs, tour sections and …[/tmq_textalert]

[tmq_textalert title=»Auto Generated Options**» closable=»disable» type=»info» icon=»»][label type=»warning»]**[/label] UltraFlex has an exclusive shortcode manager named «Themique Power ShortCodes» which will create these values by itself. There is no need to set values for these fields manually but in case that you want to type the shortcode instead of using the shortcode manager, you should follow the instructions.[/tmq_textalert]

[/tmq_accordion][tmq_accordion order=»2″ title=»DON’T WANT TO CODE!» collapse=»automatic» slug=»slug-bunpH» mode=»close»]Screen Cast of Visual ShortCode Manager Coming Soon![/tmq_accordion][/tmq_accordions][/tmq_col][/tmq_row]

Αφήστε μια απάντηση

Η ηλ. διεύθυνση σας δεν δημοσιεύεται. Τα υποχρεωτικά πεδία σημειώνονται με *