Solving Common Shopify Headaches: Getting Star Reviews Back & Customizing Your Cart Button

Hey there, fellow Shopify store owners!

It’s always fascinating to dive into the Shopify community forums. You often find store owners grappling with issues that many of us have faced, or will face, at some point. Recently, a thread popped up from lnelson_1 that really resonated, highlighting two common customization challenges that are super important for both user experience and conversion. Let’s break down what happened and how the community weighed in with some fantastic, actionable advice.

The Case of the Missing Star Reviews on Collection Pages

lnelson_1 had a classic dilemma: their Klaviyo star reviews were showing up perfectly on individual product pages, but mysteriously vanished from collection pages after they added a sidebar navigation. This sounded like a classic theme conflict, a common headache when you introduce new elements or apps.

Right off the bat, community member DeepVyas quickly identified the problem, noting that a “class is missing, which need to be added.” This is often the case – when you modify a theme, sometimes the specific HTML structure or CSS class that an app like Klaviyo relies on gets disrupted or isn't present in the new layout.

But the real hero here for a concrete solution was oscprofessional, who provided a clear path forward. They explained that Klaviyo provides a small snippet specifically for showing star ratings on collection (or product card) pages. The trick is knowing where to put it!

How to Re-enable Klaviyo Star Reviews on Collection Pages:

This fix involves a minor edit to your theme code. Don't worry, it's pretty straightforward, but always remember to duplicate your theme first before making any code changes. That way, you have a safe rollback point!

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find your current theme (in lnelson_1's case, the Sahara theme), click Actions > Edit code.
  3. You'll need to locate the file responsible for rendering your product cards on collection pages. This is typically named card-product.liquid, product-grid-item.liquid, or something similar within your Snippets folder. You might need to do a quick search within your theme files if you're unsure.
  4. Once you've found the correct file, you'll want to place the Klaviyo snippet. oscprofessional suggested placing it "below the product title or price inside the product card layout." This ensures it appears logically for your customers.
  5. The snippet you need to add is:
  6. Save your changes.

This snippet essentially tells Klaviyo's JavaScript, "Hey, put the stars for this product right here!" If you have a custom theme or a very unique layout, as PaulNewton wisely pointed out, sometimes it "be an hour assuming it’s not a symptom of other broken things in the theme or integration wont support it." So, while this snippet often works wonders, be prepared for a deeper dive if it doesn't immediately solve it, or consider reaching out to a developer if things get tricky.

Customizing Your "Continue Shopping" Button Destination

The second issue lnelson_1 brought up is another common pain point for store owners looking to fine-tune their customer journey: the "continue shopping" button in the cart. By default, it often sends customers back to a general "all products" page (collections/all). But what if you want them to go back to the specific collection they were browsing, or perhaps to a "new arrivals" page, or even a promotional landing page?

lnelson_1 mentioned trying to change this in the code without success, which is understandable as sometimes these hard-coded URLs can be tricky to locate. Fortunately, DeepVyas confirmed this is a straightforward redirect that can be set up, and PaulNewton even chimed in, estimating it to be "pretty fast" to fix.

Once again, oscprofessional provided the exact code snippet and location to make this happen:

How to Change the "Continue Shopping" Button Link:

This is another quick theme edit. Again, duplicate your theme first!

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find your current theme, click Actions > Edit code.
  3. In the "Edit code" search bar (usually at the top of the file explorer), search for: routes.all_products_collection_url
  4. You should find instances of this code. This is the default Shopify route for the "all products" collection. You'll want to replace this with your preferred URL.
  5. For example, if you want customers to go back to a collection called "new-arrivals", you would replace routes.all_products_collection_url with: /collections/new-arrivals
  6. If you want them to go to a specific page or a different URL, just make sure to use the correct relative path (e.g., /pages/about-us or /collections/summer-sale).
  7. Save your changes.

This simple change can significantly improve the flow of your customer's shopping experience, guiding them exactly where you want them to go after they've added an item to their cart.

Tying It All Together: Community Power and When to Call in the Pros

What this thread really highlights is the incredible value of the Shopify community. You've got store owners sharing their challenges and experts like DeepVyas, oscprofessional, Moeed, shopify-dev, and PaulNewton jumping in with both free advice and offers for paid assistance. It’s a powerful ecosystem!

For more complex issues, or if you're not comfortable digging into code, don't hesitate to reach out to a Shopify Partner or developer. As PaulNewton suggested, when you do, always provide as much context as possible: your store URL, theme name, and if applicable, a storefront password. This helps developers assess the situation quickly and accurately. And remember DeepVyas's general observation that sometimes one fix can reveal "other issues" – it's all part of the continuous optimization journey for your store.

These two fixes – getting those star reviews back and customizing your cart's "continue shopping" button – are fantastic examples of how small tweaks can have a big impact on your store's professionalism and user experience. Keep an eye on those forums; you never know what gem of advice you'll find next!

Share:

Start with the tools

Explore migration tools

See options, compare methods, and pick the path that fits your store.

Explore migration tools