Issue on mobile

Hi Kristin,

I’m not entirely sure this is related to the plugin because it does not look at the platform of the user in any way to display / change the products per page.

It could be your theme is making some CSS style changes when on mobile, but you can best check and verify that by switching to a default theme like twentyseventeen for example.

If its indeed related to your theme you’d want to check with your theme developer for any limits on displaying products on mobile.

Have a great day!
Jeroen

HI

Yes that’s what I have done switched to twentyseventeen and did exactly the same thing.
Therefore thought then either Woocommerce or the Wp Touch.

Thought you may have a workaround !

Whilst I have you , can you provide me with a shortcode so I can add the Drop down somewhere else on another page please if you don’t mind.

I was reading through other people in this forum and can’t for the life of me find it now …

Thx
Kristin

Hi,

If you could provide the SHORTCODE CODING so I can ADD this on other pages urgently would be great.

THanks
Kristin

HI, I found your shortcode

function custom_wppp_shortcode() {
if ( function_exists( ‘Woocommerce_Products_Per_Page’ ) ) {
Woocommerce_Products_Per_Page()->front_end->products_per_page_dropdown();
}
}
add_shortcode( ‘wppp’, ‘custom_wppp_shortcode’ );

*** So I add this into the Functions area.

How do I add the coding/shortcode into the website page ?

Thx
Kristin

Hi Kristin,

You can indeed add the custom code to the functions.php file.
Note that it does not guarantee the dropdown to work if you’re on a page, the plugin is only designed to work on WooCommerce archive pages, so it may not give the result you expected.

Cheers,
Jeroen

HI,

I appreciate your responses so far !

I would like to add the coding SHORTCODE to a particular page (via a CODE) on WordPress page (HTML) how do I do that … to put it exactly where I want it …

Firstly I obviously add the above into functions.php

THEN what is the exact shortcode to add to a General New Page that I have created for another shop page that has no dropdowns ?

That is what I am stuck on… Yes have already added the functions.php then what do I do to add to particular page ?

URGENT

Thx
Kristin

ALSO 2nd thing, the Woocommerce Products per page isn’t working on mobile view, I can see it and click on it but still only shows the maximum 16 products now (I have found the settings to CHANGE the Product Posts to 16 on mobile)

So therefore if there is a Mobile Plugin that people use to get their mobile website mobile friendly, your plugin cannot be REMOVED on the mobile version (as you mentioned last time to someone on another ticket) .. it is still viewable and there is nothing on the agenda to REMOVE it from your end in the coding ?

So basically therefore I have a Plugin on mobile that doesn’t show the max products on drop down and I cannot remove it either.

Is there a workaround as I can’t exactly leave it like that.

I did try and add coding to HIDE it

form.customize-unpreviewable {display: none;
}

This seemed to be the coding when I went into web browser and “INSPECT” to see the coding in the backend but didn’t do the job.

Maybe you can CONFIRM the exact coding where I have placed mine above maybe it is not exactly right and I can just “Display None” for that section.

Thx
Kristin

Hi Kristin,

The custom code you’ve found creates the following shortcode: [wppp] that you can use in a post/page created in WordPress.

Re mobile view; the plugin does not change anything on mobile, so this is likely related to the WP Touch plugin you’re using. I believe they change quite a lot on the site and may also interfere with the number of posts (products) being displayed.

You can remove it with some CSS, but you’d want to have the correct snippet for that, from what I can tell form.customize-unpreviewable would not be the correct selector to hide the dropdown. The .wppp-select would be a correct one, but you’d want to wrap that in a media query or mobile only CSS so it doesn’t hide it on desktop too.

Cheers,
jeroen