How can i add tabs in home page

Support
#1

hi how can i add this tabbed content in blog home page
http://demo.theme.co/integrity-1/shortcodes/tabbed-content/

#2

Hi There,

Where do you want to place the tabbed content shortcode in the blog page(bottom or top of the posts)?

Thanks.

#3

top

#4

Hi There,

Please add this code under functions.php file locates in your child theme:

add_action( 'x_before_view_global__index', 'print_shortcode_for_blog' );
function print_shortcode_for_blog(){
	if( is_home() ){
		echo do_shortcode( '[tab_nav type="two-up"][tab_nav_item title="Click Me!" active="true"][tab_nav_item title="No, Click Me!" active=""][/tab_nav][tabs][tab active="true"] Your Content [/tab][tab] Your Content [/tab][/tabs]' );
	}
}

Let us know how it goes!

#5

that was great but how can i put the posts in the tab content

#6

Hi there,

You may use Essential Grid or The grid plugin, then create a skin similar to your screenshot. Then use your grid shortcode within the tab content.

Hope this helps.

#7

great idea
the problem is that all i can see is image boxes impossible for me to make this skin can you help me in my first steps

thanks

#8

Hello There,

I have investigated your issue and it turns out that you are trying to modify the default blog index layout by adding a list view or grid view and have to display latest post and most read posts. This is not possible with just adding the tabbed content shortcode. You will have to do more customizations by having to actually modify the output layout. Regretfully, this particular customization request is outside the scope of our support as this is instead has to do with your customization of the blog index layout. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself.

Thank you for your understanding.

#9

yes thats what i intent to do but it was not my question :slight_smile: i’m not asking how to change the content.
my question is about the essental grid : i want to change the display from box to line display

so i want 2 tabs that will display in different manners and thats what ess grid do, no?
my question is about the line display in essential grid => how can i do it? i only see box styles!!
thanks

#10

Hi there,

The Essential Grid is a grid plugin and does not have any line based styling.

Thank you for your understanding.

#11

ok its clear but i thaught it was possible regarding the previous answer. never mind.
so i go back to my first question how can i put the initial posts content in the tab.
thanks for your response in advance

#12

Hi there,

If you want to add a tabbed content for the homepage using the default post page for Ethos, you will have to customize the file _index.php that is in /framework/views/global. Again, please note that this feature is a custom feature thus, you will have to investigate it yourself as this goes beyond the scope of our support. I suggest that you seek help from a developer should you not feel comfortable making these changes yourself.

Thank you for your understanding.

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.