[WEFFParticipant]

I had created a homepage basted on http://theme.co/x/demo/ethos/1/
I have a page called ‘News’ that is set as the post page (under reading) and a page called Home set as the front page.

I want to have the post slider on the home page (and not on the post page).

How do I do that? I’d also like this slider to be full width as well.

[RadModerator]

Hi there,

Thanks for writing in.

Post slider is only applicable for blog page, but you can do this. Please edit this file \wp-content\themes\x\framework\views\ethos\_post-slider.php

Then change this line of code :

$is_blog = is_home();

to this

$is_blog = is_front_page();

You can also copy your customized template to your child theme with same folder structure.

Thanks.

[WEFFParticipant]

1. I want to make sure that I’ll have the blog with no slider (which it is now) and all the post below & the home page with the slider only.

2. also what does this mean? You can also copy your customized template to your child theme with same folder structure.

3. Also I can only do these changes accessing the cpanel is that correct?

4. And will the below code still work with the change you suggested?

To set the slider to go full width:
Once you have your child theme active and ready, please follow the following steps below:
1] Please create a new file in your local machine.
2] Insert the following code into that new file

<?php

// =============================================================================
// VIEWS/ETHOS/WP-INDEX.PHP
// -----------------------------------------------------------------------------
// Index page output for Ethos.
// =============================================================================

$is_filterable_index = is_home() && x_get_option( 'x_ethos_filterable_index_enable' ) == '1';

?>

<?php get_header(); ?>

  <?php x_get_view( 'ethos', '_post', 'slider' ); ?>

  <div class="x-container max width main">

    <div class="offset cf">
      <div class="<?php x_main_content_class(); ?>" role="main">

        <?php if ( $is_filterable_index ) : ?>
          <?php x_get_view( 'ethos', '_index' ); ?>
        <?php else : ?>
          <?php x_get_view( 'global', '_index' ); ?>
        <?php endif; ?>

      </div>

      <?php get_sidebar(); ?>

    </div>
  </div>

<?php get_footer(); ?>

3] Save the file named as wp-index.php
4] Upload this file to your server in the child theme’s folder
wp-content/themes/x-child/framework/views/ethos/

[RadModerator]

Hi there,

1. Yes, the suggested change will place the slider on homepage, but not on the blog page.

2. It means that you can copy this file \wp-content\themes\x\framework\views\ethos\_post-slider.php to your child theme like this \wp-content\themes\x-child\framework\views\ethos\_post-slider.php (same folder path). Then do the editing.

3. Yes, it can be done through CPanel’s filemanager or FTP

4. Yes, it will still work as long as the child theme where you added the file is active. And the folder structure must be the same as the parent.

Hope this helps.

[WEFFParticipant]

Hi There,
I’ve made the following changes using the ftp client.
I still can’t see the slider on the home page, full width and the social media icons on the navigation bar?
Is there something else I’m missing? I have cleared caches, turned off all plugins and taken out all the custom css in case somethings was clashing…

1. SLIDER ON HOME PAGE
copy this file \wp-content\themes\x\framework\views\ethos\_post-slider.php to the x child theme like this \wp-content\themes\x-child\framework\views\ethos\_post-slider.php
Then change this line of code :
$is_blog = is_home();

to this
$is_blog = is_front_page();

2. FULL WIDTH SLIDER ON HOMEPAGE (this is the php file I sent last week)
Add this php to a doc called wp-index.php and upload into wp-content/themes/x-child/framework/views/ethos/

<?php

// =============================================================================
// VIEWS/ETHOS/WP-INDEX.PHP
// —————————————————————————–
// Index page output for Ethos.
// =============================================================================

$is_filterable_index = is_home() && x_get_option( ‘x_ethos_filterable_index_enable’ ) == ‘1’;

?>

<?php get_header(); ?>

<?php x_get_view( ‘ethos’, ‘_post’, ‘slider’ ); ?>

<div class=”x-container max width main”>

<div class=”offset cf”>
<div class=”<?php x_main_content_class(); ?>” role=”main”>

<?php if ( $is_filterable_index ) : ?>
<?php x_get_view( ‘ethos’, ‘_index’ ); ?>
<?php else : ?>
<?php x_get_view( ‘global’, ‘_index’ ); ?>
<?php endif; ?>

</div>

<?php get_sidebar(); ?>

</div>
</div>

<?php get_footer(); ?>

3. SOCIAL MEDIA ICONS IN NAVIGATION BAR
Create _navbar.php file under YOUR CHILD THEME -> framework -> views ->global and add this code in there:

<?php
 
// =============================================================================
// VIEWS/GLOBAL/_NAVBAR.PHP
// -----------------------------------------------------------------------------
// Outputs the navbar.
// =============================================================================
 
$navbar_position = x_get_navbar_positioning();
$logo_nav_layout = x_get_logo_navigation_layout();
$is_one_page_nav = x_is_one_page_navigation();
 
?>
 
<?php if ( ( $navbar_position == 'static-top' || $navbar_position == 'fixed-top' || $is_one_page_nav ) &&$logo_nav_layout == 'stacked' ) : ?>
 
  <div class="x-logobar">
    <div class="x-logobar-inner">
      <div class="x-container max width">
        <?php x_get_view( 'global', '_brand' ); ?>
      </div>
    </div>
  </div>
 
  <div class="x-navbar-wrap">
    <div class="<?php x_navbar_class(); ?>">
      <div class="x-navbar-inner">
        <div class="x-container max width">
          <?php x_get_view( 'global', '_nav', 'primary' ); ?>
        </div>
      </div>
      <?php x_social_global(); ?>
    </div>      
  </div>
 
<?php else : ?>
 
  <div class="x-navbar-wrap">
    <div class="<?php x_navbar_class(); ?>">
      <div class="x-navbar-inner">
        <div class="x-container max width">
          <?php x_get_view( 'global', '_brand' ); ?>
          <?php x_get_view( 'global', '_nav', 'primary' ); ?>
        </div>
      </div>
        <?php x_social_global(); ?>
    </div>
  </div>
 
<?php endif; ?>

[WEFFParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

We also need your ftp login to be able to check on this.

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– FTP Host
– FTP username
– FTP password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[WEFFParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

Thank you for providing your login.

For 1 & 2

Make sure you have turned on the Post Slider for Blog under Ethos > POST SLIDER – BLOG in the customizer

3. _navbar.php file should be in wp-content/themes/x-child/framework/views/global instead of wp-content/themes/x-child/framework/views\ethos

Hope that helps.

[WEFFParticipant]

Hi There,
1 & 2. I made that change and it still didn’t work… but I’m going to try using revolution slider so that might solve my problem. Is there code I can add so that Revolution slider has the same styling as the post carousel (lift up shaded text box with info under)?

3. Thanks so much for noticing that…
I was hoping to have them sitting beside the contact menu item and smaller? Maybe half or quarter the size? How do I do this?

[WEFFParticipant]

Update… the revolution slider also doesn’t work on the home page, but does on other pages…

[RadModerator]

Hi there,

I checked and yes, it’s not working. Can we disable the security and Wordfence plugin for the meantime? Or can I disable them? That’s the only way I can test it, but make sure to backup your site first.

Then let me know. Thanks!

[WEFFParticipant]

I’ve disabled both those plugin. Feel free to do whatever is necessary to test the slider.

Also with the social media icons on the navigation bar… I was hoping to have them sitting beside the contact menu item and smaller? Maybe half or quarter the size? How do I do this?

[Paul RModerator]

Hi,

1. Please note that ethos post slider will only work when your front page/home is set to show latest post.

http://screencast.com/t/GsgXgoHdv

2. Please delete _navbar.php then add your social icons directly as a menu item.

Facebook
Url – https://www.facebook.com/West-End-Film-Festival-181560882846/
Link Text – <i class=”x-icon-facebook-square” data-x-icon=”” aria-hidden=”true”></i>

Twitter
Url – https://twitter.com/WestEndFilmFest
Link Text – <i class=”x-icon-twitter-square” data-x-icon=”” aria-hidden=”true”></i>

http://screencast.com/t/5AvB0b0n5

Hope that helps.

[WEFFParticipant]

Great thanks so much for that.
Using the menu items is a much better way, someone in another post gave me the _navbar.php code.

Thanks for letting me know why the post slider won’t work on the home page. I won’t the home pages set like this so that I only have the post carousel, slider and footer on the page and this is the way I was told to do it. How can I get a slider to work there? I purchase Revolution Slider as it’s compatible with x. I am able to get it to work on other pages. I tried it using the code (and the slider doesn’t appear at all) and the drop down box at the bottom of the page (and the slide want become visible but is showing it’s there). I also turned off all the plugins… Any clues?

[Author]

Posts