Troubleshooting

If you have a question that isn't answered here, ask us in the blue-chat bubble on https://pro.goodshuffle.com.

Why isn’t my Website Integration showing at all?

View this help article for common troubleshooting steps.

Why isn’t a specific item showing?

Make sure it is set to show on the Website Integration.

I updated something in Goodshuffle Pro and the changes aren’t showing up

This is intentional, and a result of caching results to improve performance. Learn more here.

I want to customize icons on WordPress, but I can’t upload a CSV file to my media library!

View help article.

Why are my images cut-off?

We need to support a variety of image shapes and sizes. Learn more here.

Why are my items “temporarily unavailable?”

This usually indicates that you have a configuration problem.

Why do you use SVG images?

They appear best on high DPI devices.

How long does it take for inventory changes in Goodshuffle Pro to appear on my website?

Changes to your inventory should appear on your website within a matter of minutes.

Why is my `gspro-item-gallery` search button cut-off on mobile devices?

Likely due to theme padding. Learn how to fix it here..

Likely a result of header “overlapping” the category sidebar. Learn how to fix it here..

How do I disable body scroll locking?

Add disable-body-scroll-lock="true" to your <gspro-wishlist-config> element.

How do I hide the wishlist “Heart” Icon on certain pages?

This icon is automatically added to any pages that have a <gspro-item-list>, a <gspro-item-card> or a <gspro-item-gallery>.

If you want to disable it on pages without Website Integration components, add wishlist-show-on-all-pages="false" to your <gspro-wishlist-config> element.

NOTE: Our studies have shown that having the wishlist “cart” available on all pages increases rate of quote generation and conversion. We strongly recommend keeping it enabled on all pages.

How can I control where in the DOM tree the gspro-item-detail and gspro-wishlist are located?

By default, the Website Integration injects these web components right at the end of the body. If you want to move those elements elsewhere, simply place the following code snippet in your desired location:

<div class="gspro-gallery-omni-present">
  <gspro-item-detail
    data-mode="inactive"
    class="gspro-u-fullscreen"
    route="/item/:id/:title*"
  ></gspro-item-detail>
  <gspro-wishlist></gspro-wishlist>
  <gspro-sprite></gspro-sprite>
</div>

These manually added elements will replace the ones automatically added to the page, not duplicate them.