Liquid activity lab: Add product navigation buttons __ Buttons not showing up on frontend

Solved

Liquid activity lab: Add product navigation buttons __ Buttons not showing up on frontend

Nosremetnarg
Shopify Partner
12 0 5

Im working through the academy tutorial and have been stuck on seeing the buttons render on the page. 

https://r31e1h806gc2yf59-62993006754.shopifypreview.com

The settings show up in the theme editor, just can't see the buttons on the live page

Screen Shot 2024-02-17 at 10.17.06 PM.png

Accepted Solution (1)

walkonmars
Shopify Partner
1 1 2

This is an accepted solution.

Hi 

I was experiencing the same problem and after a lot of head scratching and a bit of digging, I discovered that these buttons will only render if you are viewing your product from within a collection, i.e. through the default collection template in the customizer, or by navigating to, your-store.myshopify.com/collections/collection-name. By default you have these two in the Ride theme, automated-collection and hydrogen.

 

After re-reading the instructions this is implied;

```
'When buyers click this link, they'll be taken to the card_product's product page, but within the context of a particular collection."

```

@JasonH It might be helpful to stress this vital point in the exercise instructions.

 

I hope this helps anyone else experiencing the same frustrations.

 

Best

Mark

View solution in original post

Replies 5 (5)

JasonH
Community Moderator
199 58 110

Hi @Nosremetnarg

 

Thank you for bringing your question to our community.

 

To further look into this, I will need your help with the following information: 

 

  • Can you specify on which lab activity you're experiencing this issue?
  • Could you install a fresh Ride theme and try that option again? 
  • If the issue persists, can you share a video replication on how you got to the setting page?

Jasoh | Community Moderator @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog


lhanse
Shopify Partner
1 0 0

JasonH, 
I am having the same issue. "Liquid activity lab:
Add product navigation buttons" exercise - followed instructions exactly but navigation buttons do not appear. In the code inspector, I can see the container div but the code to generate the buttons is missing. Seems like something is missing from the tutorial.

JasonH
Community Moderator
199 58 110

Hi @lhanse,

 

Thank you for taking the time to run with the suggestions.

 

To investigate further, I can use some help from your side. Can you share a video that replicates this issue you're experiencing?

Please make sure the video includes the following details:

 

  • What action you've taken starting from the course page?
  • How did you get to the page where the issues occurred? 
  • What action triggered the issue? Or where is the specific section you believe something is missing?

Thanks!

Jasoh | Community Moderator @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog


walkonmars
Shopify Partner
1 1 2

This is an accepted solution.

Hi 

I was experiencing the same problem and after a lot of head scratching and a bit of digging, I discovered that these buttons will only render if you are viewing your product from within a collection, i.e. through the default collection template in the customizer, or by navigating to, your-store.myshopify.com/collections/collection-name. By default you have these two in the Ride theme, automated-collection and hydrogen.

 

After re-reading the instructions this is implied;

```
'When buyers click this link, they'll be taken to the card_product's product page, but within the context of a particular collection."

```

@JasonH It might be helpful to stress this vital point in the exercise instructions.

 

I hope this helps anyone else experiencing the same frustrations.

 

Best

Mark

JasonH
Community Moderator
199 58 110

Hi @walkonmars 

 

I was able to add the navigation buttons without issues. However, thank you for highlighting the instructions; they can serve as a helpful reminder when learners are checking the rendered buttons. 

 

I've marked your reply as the solution. 

Jasoh | Community Moderator @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog