Shopify Theme: Boundless - Modify Product Page

Store Design
1

Hello Community!

I am transitioning two the Shopify ecosystem and so far everything has been going smoothly, I am currently using the “Boundless” theme and it looks great. The only problem I have with the theme is the product view page. The over all product image is just too large is consumes the view on any platform it is viewed on. I like the product view page on the “Debut” theme but simply swapping out the coding within the template files gives me errors. Is there anyway to get the product page looking more streamlined like the “Debut” theme has? I’ve tried searching within the community and have seen this question asked several times but have been unable to see resolutions.

URL to my shop is zombaetees.com

Any help is greatly appreciated.

2

@ZombaeTees

Happy to help you:

  1. Go to your code editor > Assets > theme.scss.css and paste this lines at the bottom of the page:
.product__photo.grid__item {
    max-width: 50%;
}
.product__details.grid__item {
    max-width: 50%;
}
.grid.grid--no-gutters.product__details-content {
    display: flex;
    flex-direction: column;
}
.grid__item.large-up--two-twelfths.large-up--push-two-twelfths.medium-up--three-twelfths.medium-up--push-one-twelfth {
    width: 100%;
}
@media only screen and (min-width: 990px) {
.large-up--push-three-twelfths {
    left: 17% !important;
}
.large-up--one-half {
    width: 100% !important;
}
}
.product__photo--single.product__photo--variant-wrapper {
margin: 60px 0px 40px;
}

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on shopify.dev.34@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme

1 Like
3

Thank-you so much! Works perfectly!

4

is there a way to have the action bar and slideshow that I have on the homepage to appear across the shop?

5

@ZombaeTees

Can you please share a screenshot of the section you are talking about.

6

My apologies. Please see the attached 3 files. The one with the large banner is from the hole page. I know the collections page has the action bar, but the product page has nothing for easy nav. Is it possible to have the slideshow abs action bar from home page appear on the collections abs product pages?