Shopify Slate theme with Bootstrap 4

Explorer
50 2 9

Thanks much @waytoodev! I'll incorporate some clarifying instructions into the README

 

If you take the theme in new directions, I'd love to see the results! Keep us posted.

0 Likes
New Member
2 0 1

How do you create the certificate, it is not possible for me :( . I am using win 10.

0 Likes
Explorer
50 2 9

@alexise Bad news is, Slate doesn't officially support Windows yet. You can read threads on Github discussing this problem. It looks like some have figured out how to generate the SSL cert.

 

https://github.com/Shopify/slate/issues?q=is%3Aopen+is%3Aissue+label%3Awindows

 

Are you specifically interested in getting Slate working, or do you want to install the theme on your store? I believe it's possible to take the theme files that Slate generates and upload them in the Shopify admin. I'd have to add these files to the repo.

0 Likes
New Member
2 0 1

Thanks a lot for your answer @neckerson :) , happy weekend. I'm going to check GitHub.

1 Like
Explorer
50 2 9

I've pushed a few more updates to the theme, and built out an example storefront with sample products so you can see what the end result looks like.

 

  • Carousel images in the front page featured-product section are scrolling properly.
  • Image zoom is working much better on product pages. Mousing over an image loads the full resolution.
  • Blog article content (img/iframe) is wrapped in responsive classes. More about the feature in this thread.
  • Placeholder SVG tags inserted in sections when images are not available.

Check out the live store below, and if you think this theme would be awesome for your own project, let me know if you encounter any issues! I'm happy to assist.

 

https://slate-bootstrap-theme.myshopify.com

 

1 Like
New Member
2 0 0

Hello, the demo store at https://slate-bootstrap-theme.myshopify.com is no longer loading correctly. Several js files are failing to load. From console: GET https://192.168.86.61:3001/layout.theme.js net::ERR_ADDRESS_UNREACHABLE

0 Likes
Excursionist
31 0 9

Hey @kiogo, you might have caught the site as an update was being deployed. Can you check again and see if it's working for you? 

0 Likes
New Member
2 0 0

Hi, still seeing same issue, checked on a couple machines.

0 Likes
Explorer
50 2 9

@kiogo, I reached out to you directly in hopes of figuring this out since I can't replicate the issue on my end. Send me a direct message if you continue to see this bug.

 

A few more updates were made in the past week — Bootstrap 4 sass variables are working correctly, which make it super easy to update the theme styles in real time. For example, with the local Slate server running, you can drop $enable-rounded: false; into the variables.scss file, Slate will auto-compile the variable into the Bootstrap CSS, and the change will immediately display in the browser. Pretty cool!

 

0 Likes
Highlighted
Shopify Partner
200 0 21

You are doing wonderful work my friend! cant wait to see how this grows and updates!

0 Likes