Mobile Theme Post Order

Resolved

(@harry_lime)

Hi Theme

I’m trying to change the way posts are ordered when on the mobile theme and I don’t think I’m getting the hook quite right. I wish to change the “orderby” value to “_expiration_date” as I have it on my desktop homepage.

Here’s what I tried:

// Check if we are on mobile
function jetpackme_is_mobile() {

    // Are Jetpack Mobile functions available?
    if ( ! function_exists( 'jetpack_is_mobile' ) )
        return false;

    // Is Mobile theme showing?
    if ( isset( $_COOKIE['akm_mobile'] ) && $_COOKIE['akm_mobile'] == 'false' )
        return false;

    return jetpack_is_mobile();
}

// Modify the main query on the home page for the mobile theme.
function jetpackme_modify_main_query( $query ) {
    if ( jetpackme_is_mobile() && is_home() ) {
        $query->set('orderby', 'meta_value');
		$query->set( 'meta_key', '_expiration-date' );
        $query->set( 'order', 'ASC' );
        return;
    }
}
add_action( 'pre_get_posts', 'jetpackme_modify_main_query' );

Any help would be welcome.

Cheers harry

https://ww.wp.xz.cn/plugins/jetpack/

Viewing 10 replies - 31 through 40 (of 40 total)

← 1 2 3

Plugin Author Jeremy Herve
(@jeherve)

Jetpack Mechanic 🚀

10 years, 2 months ago

Could you go to Appearance > Edit CSS in your dashboard, and let me know what the options are, on the right of the editor?

Thanks!

Thread Starter harry_lime
(@harry_lime)

10 years, 2 months ago

It shows these:

Preprocessor: None
Mode: Add-on
Mobile-compatible: Yes
Media Width: Default

If you were looking at the page a while back, I had the mobile theme disabled for a bit. It’s back on with it’s normal setting now!

Plugin Author Jeremy Herve
(@jeherve)

Jetpack Mechanic 🚀

10 years, 2 months ago

Thanks.

At this point, there is only one thing I think we didn’t try. Could you switch to one of the default themes, like Twenty fifteen, for a few minutes, and let me know if the problem remains?

Thanks!

Thread Starter harry_lime
(@harry_lime)

10 years, 2 months ago

Tried Twenty fifteen as suggested, re-applied the customizations and it’s still the same problem.

I’m at a loss for ideas as well to be honest!
Plugin Author Jeremy Herve
(@jeherve)

Jetpack Mechanic 🚀

10 years, 2 months ago
So let’s summarize:
- it’s not your theme
- it’s not your plugins,
- it’s not cache,
- I can’t reproduce on my end on test sites.
A quick work-around would be to add your Custom CSS to a plugin. That would solve your styling issues right away:
```
// Modify the main query on the home page for the mobile theme.
function jetpackme_custom_mobile_css() {
    if ( harry_lime_is_mobile() ) {
        wp_register_style( 'jetpackme-mobile-css', plugins_url( 'custom.css', __FILE__ ) );
		wp_enqueue_style( 'jetpackme-mobile-css' );
    }
}
add_action( 'wp_enqueue_scripts', 'jetpackme_custom_mobile_css' );
```
And then add your CSS to a custom.css file in your plugin. Here is a plugin with all the code we’ve mentioned in that thread so far:

http://i.wpne.ws/fW9b

However, that doesn’t explain why things are failing on your site. I’m running out of ideas at this point. Can you think of any other customization on your site, that you haven’t tried to remove yet?

Thanks!
Thread Starter harry_lime
(@harry_lime)

10 years, 2 months ago
Looks like we’re getting somewhere.

I applied the new plugin code to the site and everything now seems to be working as it should on the test site. I just needed to add “!important” tags to some of the css lines.

I’ve applied the same plugin and settings to the actual site and again everything’s as it should be except the “Menu Toggle” has now gone missing on the homepage.

The only way to bring it back is to remove the code below from the plugin:
```
/**
 * Modify the main query on the home page for the mobile theme.
 */
function firebar_modify_main_query( $query ) {
	if ( firebar_is_mobile() && is_home() ) {
		$query->set( 'orderby',  'meta_value' );
		$query->set( 'meta_key', '_expiration-date' );
		$query->set( 'order',    'ASC' );
		return;
	}
}
add_action( 'pre_get_posts', 'firebar_modify_main_query' );
```
Again, this only applies to the homepage. The Menu Toggle can be seen on other pages. The script says that “display:none” is being added for some reason.

<h3 class="menu-toggle" style="display: none;">Menu</h3>

Here’s that page: http://www.firebar.lv/
Plugin Author Jeremy Herve
(@jeherve)

Jetpack Mechanic 🚀

10 years, 2 months ago

The script says that “display:none” is being added for some reason.

The menu is indeed hidden when the menu is missing or empty. Could you try following the instructions here:
http://jetpack.com/support/mobile-theme/#custom-menus

Let me know if it helps.

Thread Starter harry_lime
(@harry_lime)

10 years, 2 months ago

Yes, exactly!

So I added a custom menu and pointed to it from the plugins function list. It’s showing the new menu correctly on inner pages but still not on the front page.

p.s. I promise I’m not finding these problems on purpose! 🙂

Plugin Author Jeremy Herve
(@jeherve)

Jetpack Mechanic 🚀

10 years, 2 months ago

The Mobile Theme doesn’t seem to be enabled on the site anymore. Could you activate it again, and make sure all cache is flushed on your site?

Once you’ve done so, if you still experience issues, I’m afraid I can only recommend that you go through each plugin and deactivate them again, one at a time, as we’ve done earlier, to make sure that’s not caused by a plugin.

Let me know how it goes.

Thread Starter harry_lime
(@harry_lime)

10 years, 2 months ago

Yes, I’ve been working on a responsive theme as a fall back if we can’t fix this.

Actually, now I have re-activated, everything appears to be working correctly. And I think I may have found the issue on the other site and will check everything there in the coming days.

Hopefully, we can consider this solved now.

Can’t thank you enough for the time you’ve put into this!

Cheers Marcus

Viewing 10 replies - 31 through 40 (of 40 total)

← 1 2 3

The topic ‘Mobile Theme Post Order’ is closed to new replies.

Tags