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

artmetech12345
Tourist
9 0 1

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

Replies 8 (8)

BSS-Mida
Shopify Partner
8 1 10

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.

If my suggestions are useful, please let me know by giving it a like or marking it as a solution.
For session recordings, replay, and heatmap, check out MIDA: Heatmap, Record & Replay

artmetech12345
Tourist
9 0 1

Hello TSDudes,

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

 

Thanks

BSS-Mida
Shopify Partner
8 1 10

Hello @artmetech12345 ,

 

You could do the following steps:

  1. Access you Shopify Admin, Sales channels > Online Store > Themes
  2. Click three dots button, then click Edit code
    TSDudes_0-1702377859431.png
  3. Type "theme.liquid" and click to open file
    TSDudes_1-1702377937185.png
  4. Add the below code right after <head> like this:
    TSDudes_2-1702378010243.png
    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.

 

If my suggestions are useful, please let me know by giving it a like or marking it as a solution.
For session recordings, replay, and heatmap, check out MIDA: Heatmap, Record & Replay

artmetech12345
Tourist
9 0 1

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!!

BSS-Mida
Shopify Partner
8 1 10

The last time I checked, it worked!

If my suggestions are useful, please let me know by giving it a like or marking it as a solution.
For session recordings, replay, and heatmap, check out MIDA: Heatmap, Record & Replay

artmetech12345
Tourist
9 0 1

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,

BSS-Mida
Shopify Partner
8 1 10

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.

If my suggestions are useful, please let me know by giving it a like or marking it as a solution.
For session recordings, replay, and heatmap, check out MIDA: Heatmap, Record & Replay

soniya-01
Tourist
8 0 1

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