Pagination Not showing in IOS devices but working fine in mobile and desktoop

artmetech12345 · ‎12-12-2023

Hello,

I have this Shopify store, and on the All Products page, I can see pagination on mobile and desktop.

But on Iphone, same pagination is not visible, can anyone please please help?

I am stuck due to this issue.

https://avnikk.com/collections/all-products

Please help.

Thanks

Midev · ‎12-12-2023

Hello @artmetech12345 ,

I tested it on my IPhone Safari and unable to see pagination, too. I found out you are installing Boost Product Filter Search, which automatically append "?view=boost-pfs-original" to your collection URL, except iOS device or Safari. The code below could tell:

function(){if(!(u.a.isiOS()||u.a.isSafari()||u.a.isBackButton()||u.a.getWindowLocation().href.includes("view=boost-pfs-original" ))){var t=u.a.getWindowLocation().href.split("?" )[0]+"?view=boost-pfs-original" +(u.a.isSearchPage()&&l.a.queryParams.hasOwnProperty("q" )?"&q=" +l.a.queryParams.q:"" );u.a.isBadUrl(t)||(window.location.href=t)}}

You should use the correct URL: https://avnikk.com/collections/all-products?view=boost-pfs-original or contact the support.

I hope above information can help you somehow.

artmetech12345 · ‎12-12-2023

Hello TSDudes,

How to resolve this issue/ where should I add the correct URL?
sorry I am new to shopify, thanks for responding.

Thanks

Midev · ‎12-12-2023

Hello @artmetech12345 ,

You could do the following steps:

Access you Shopify Admin, Sales channels > Online Store > Themes
Click three dots button, then click Edit code
Type "theme.liquid" and click to open file

Add the below code right after <head> like this:

Code:

{% if template.name == 'collection' %}
    <script>
      (function(){
        const urlParams = new URLSearchParams(window.location.search);
        if (!urlParams.has('view')) {
          urlParams.set('view', 'boost-pfs-original')
          window.location.search = urlParams;  
        }
      })();
    </script>
      {% endif %}

But a little attention, if you uninstall the app Boost AI Search & Filter, remember to remove above code.

artmetech12345 · ‎12-12-2023

hi Mida,

Thaks much, one more question I am facing some issue with filtering as well on all products page in IOS, filter working fine on mobile and desktop.

So this will resolve this issue as well?

Thanks for help, you are the best!!

Midev · ‎12-12-2023

The last time I checked, it worked!

artmetech12345 · ‎12-12-2023

Hi Mida,

I have already un-installed this Boost AI app long-ago, so sorry but there is no use of adding this code right? Also, I am bit confused if I have uninstalled Boost Ai app then why this issue is coming?

Can you please elaborate?

Thanks much,

Midev · ‎12-12-2023

Hi @artmetech12345 ,

It seems the app's files are not auto-removed when you uninstalled them, or you forgot to remove them before uninstalling. So, you can open the theme.liquid file by following the instructions in my above reply, find and remove

{% include 'boost-pfs-style' %}
{% include 'boost-pfs' %}

then click "Save" button to apply changes.

If it is too hard, you email me your theme or drop it here so that I can check for you. Or you should contact that app's support service to receive the best support.

soniya-01 · ‎12-12-2023

Hello,

If you're facing some issues regarding pagination on your website when using an iPhone or iPad but it's working smoothly on other smartphones and computers, in that case, there are some technical glitches.
For fix this issue:
-->Check for website design
--> Responsiveness
--> Mobile friendly
-->Check for the pagination appears on small screens

Take a help from someone who knows a little bit about web design or check online forums for advice. Making sure your website is set up to work smoothly on iPhones and iPads will likely solve the issue, and then you'll see your page numbers as expected.

I hope, this will help you.

Regards

Pagination Not showing in IOS devices but working fine in mobile and desktoop

Pagination Not showing in IOS devices but working fine in mobile and desktoop

Community Blog Articles