Pagination Appears Broken
Upon installing Bundable, you may notice that the pagination near your footer appears to be broken or out-of-place (see example). Because there are so many themes out there, it's difficult to guarantee seamless integration with all of them. Luckily, there is an easy fix here!
Fixing Pagination
- Go to your Shopify admin.
- Head to Online Store > Themes > Edit Code
- In the code editor, click through to theme.liquid on the left hand side. This will open the general liquid code for your theme.
- Most themes will have all the code nestled within the <body></body> tags. Copy and paste the below code right before the closing </body> tag and Save Changes.
<!-- Bundable Code Start -->
{% if request.path contains 'bundle-builder' %}
<style>
#bdlr__bundle-widget .bdlr__products--inner {
position: static;
height: auto;
}
#bdlr__bundle-widget .bdlr__products {
height: auto;
}
.pagination li {
display: inline-block;
}
.pagination {
text-align: center;
}
body #PageContainer {
max-width: inherit;
padding: 0;
margin: 0 auto;
}
</style>
{%endif%}
<!-- Bundable Code End -->