We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Remove next and previous product on product page with code

Solved

Remove next and previous product on product page with code

FP6
Tourist
8 0 2

Hi all!

 

I am working on a ecommerce webshop. I bought a theme online and started customizing it.

 

I changed everything at this point. Only I still need to remove the next and previous buttons from my product page. I have looked everywhere in the code and really can't find where this should be.

The theme: Morata

 

Below I have added screenshots of exactly what I want to remove:

screenshot 1.pngscreenshot 2.png

 

It is on all product pages.

 

I was wondering if anyone here might know a solution?

 

Link: https://fielpower.com/ - password: gowsun

Accepted Solution (1)
Tech_Coding
Shopify Partner
520 133 131

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .alo-prev-next-products .product-pagiation_item .pagiation_image {
       display: none !important;
   }
</style>

Tech_Coding_0-1728566899829.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

View solution in original post

Replies 6 (6)

Tech_Coding
Shopify Partner
520 133 131

Hello @FP6 

your site is  password protected.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
FP6
Tourist
8 0 2

Password: gowsun

FP6
Tourist
8 0 2

I am sorry: password = gowsun

Tech_Coding
Shopify Partner
520 133 131

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .alo-prev-next-products .product-pagiation_item .pagiation_image {
       display: none !important;
   }
</style>

Tech_Coding_0-1728566899829.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
FP6
Tourist
8 0 2

Hello Tech_Coding,

 

Thank you very much for your very fast and quick response. This worked awesome!

 

Thanks!

Tech_Coding
Shopify Partner
520 133 131

You're very welcome!😍 I'm delighted that the solution was helpful. Feel free to reach out if you need any further assistance in the future.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.