Some progress on the homepage implementation for my Shopify theme. I've put a lot of effort into the code for this, really obsessing over tiny details to make it as adaptable as possible. #ShopifyDeveloper @ShopifyDevs #buildinpublic #themeaccelerator

It's a neat way of handling complicated menus and gives you the option of adding in more menu/block types if you ever need it.

This is all part of a wider project, rebuilding the client's entire store from the ground-up

@ShopifyDevs #themedev #themeaccelerator #buildinpublic

What would you call a block like this? Typically I'd say "Media with Text" but it doesn't exactly roll off the tongue. Call to Action? Maybe?

(placeholder content)

#shopifydev #themeaccelerator #buildinpublic #100daysofcode

I need to make that back in sales, plus all the other money I "spent" on this project so far for it to break even and to make it worth my while. So... we'll see 😂

#shopify #shopifydev #buildinpublic #themeaccelerator

My upcoming Shopify Theme called Scent, will set the standards of how current Shopify themes are documented, within the customizer.

Day 16 of #themeaccelerator

#shopify #buildinpublic

Day 14 of #themeaccelerator It took me so long to finish this step, it's the Foundation of all the themes that will come, and that's why it's so important.
Skeleton🐣Passed all the tests, now let's go to next Milestone called: Base🐤
NB: it has all assets
#shopify #buildinpublic

Nice to finally get some time to come back to this after a busy few weeks. Feeling good about hitting the deadline to have designs finished and starting on the build #buildinpublic #themeaccelerator #shopifydev

I thought I'd share some more progress on my theme. I had to down tools for a few weeks whilst I worked on something else, but happy to say it's progressing really nicely #themeaccelerator #buildinpublic #designinpublic #shopify #shopifydesign

Scroll highjacking isn't right for every project, but I wanted to see what locomotive scroll could do. Easy to use and buttery-smooth scrolling.
ooo, and I think I've found my new favourite font
#ThemeAccelerator #BuildinPublic #LearninPublic

I really wish this was true 😫 but alas I'm just playing around with demo content layouts @NIP @dev1ce #buildinpublic #themeaccelerator #shopifydev

Note to self.
Micro interactions should delight not annoy.
#BuildinPublic #ThemeAccelerator

CSS grid layouts in Shopify ✅
Linking custom style sheets in Shopify ✅
Create custom pages in Shopify ✅
Create custom sections in Shopify ✅
Now we nap.
No 🤣
Time to finish that design audit
#ThemeAccelerator
#BuildinPublic

Getting quite comfortable now with the Shopify theme architecture. Looking forward now to the actual build 😅
#BuildinPublic #ThemeAccelerator

The Shopify #ThemeAccelerator program has made me think more deeply as to what it means to write clean code.
Here are 10 steps from @pluralsight that might help.
pluralsight.com/blog/software-…
"Commenting saves lives"🤣
Any other tips?
#BuildinPublic

Just finished another technical writing workshop, which has made me think about documentation for my Shopify theme. I love the idea of using mini videos for merchants. Will take a look at @loom
Clear & concise docs can help reduce tickets
#ThemeAccelerator #buildinpublic

Today's AMA with Jan, Robin & Taylor was really helpful.
The only way to eat an elephant is one bite at a time.
The only way to tackle theme development is one component at a time. I can visualise the build now
#ThemeAccelerator #BuildinPublic

Hey 👋 If you are building a Shopify theme from scratch don't worry about Javascript.

Just build everything then add Javascript progressively when you finish every section and snippet.

#shopify #themeaccelerator #buildinpublic

To determine how my theme project will be managed with Notion, I always have my VScode side by side with Notion that way I won’t skip any section or snippet.

#themeaccelerator #buildinpublic #shopify

#3 - Building a Shopify Theme in public

Theme mockups: ✅

Let's dev! Next weeks are gonna be 🔥

#buildinpublic #themeaccelerator

Phase2 of the Shopify #ThemeAccelerator program.
#BuildinPublic

Day #17 Phase #2: I started to structure my Notion into 5 global sections: Research, Design, Development, Testing, Support, and Feedback.

#themeaccelerator #buildinpublic #shopify

Here is my way of doing things. All #Shopify themes have almost the same "base" sections, for example, Image with Text section.
Check how the section is implemented in every theme, then take the best key implementations on both design, and code.

#themeaccelerator #buildinpublic

The second phase of the #themeaccelerator will be planning and project management.

It's about 2 weeks and a half, so don't forget to free up your schedule and prepare your Notion, Monday, or whatever you use to manage your projects.

#shopify #buildinpublic

« Congratulations Mathieu, you have passed Phase 1 and made it through to Phase 2! »

Let's go! Can't wait to see what happens next, the theme is slowly taking shape 👨🏻‍🎨

#themeaccelerator #buildinpublic

I just can't believe it, I passed to Phase II of the #themeaccelerator 🚀

Let's go, my niche is the perfume and candles industry, and my theme name will be Scent ✨

Beautiful, wish you all good luck ❤️ from 🇫🇷

#shopify #shopifydevelopers #buildinpublic

Working on some Shopify themes today. Excited for the next phase of the @Shopify #themeaccelerator !
#buildinpublic

I know it’s still early days. But thinking a lot about documentation and how to write clean code #buildinpublic #themeaccelerator

I started doing research for a new @Shopify theme. I found my ideal merchant and asked them for feedback and they didn’t hold back with ideas!

So now I have a concept for a new theme and an app. It’s gonna be a busy summer #themeaccelerator #buildinpublic

Finally, I can rest in peace completed phase I, lets's hope we make it, stay tuned because upcoming phases are fire 🔥
#themeaccelerator #shopifydev #buildinpublic

I finally submitted my deliverables, lets hope we make it to phase II 🔥

#themeaccelerator #shopifythemes #buildinpublic

How do you usually make sections in #Shopify themes?

1 - Editable section's content and styles/scripts.
2 - Editable section's content only.
3 - None editable sections (HTML in liquid)

#shopifythemes #themeaccelerator #buildinpublic

Working on a gallery for a Shopify theme I'm working on for a client. It's proving to be really tricky trying to figure out which variant is active and displaying the correct image based on that #themeaccelerator #shopifydev #buildinpublic

Remember that your first #Shopify theme is like the ground floor for your future themes, make sure it's well made, accessible, and resilient for every web platform.

#themeaccelerator #buildinpublic #shopifythemes

Day #11, I've structured and created a development store just to check the test suite provided by Shopify review team, also didn't yet submited the research phase because I'm still reading and making improvements.

#themeaccelerator #buildinpublic #shopifythemes

Shopify is changing the game. They just launched an Accelerator to support developers (but not only!) in the creation of a Shopify theme.

A 6-month coaching accessible to all. If you're wondering when to launch a Shopify theme: definitely now!

#themeaccelerator #buildinpublic

#2 - Building a Shopify Theme in public

Drawer prototype: ✅

Including awesome features like Free Shipping Bar and Upsell in Cart.

👇 Check the mobile design

#buildinpublic #themeaccelerator

- Building a Shopify Theme in public

I'm trying a new layout for the product page with a sticky sidebar, what do you think?

#themeaccelerator #buildinpublic

So I wanted to start using Twitter again as I try to document my journey through creating a @Shopify theme for sale on their theme store, as a solo designer/developer by building in public. I'll be sharing the process as openly as I can as I go #themeaccelerator #buildinpublic

A picture is worth a thousand words.

One of my favorite feature from the Shopify Theme I'm building with @lucasportet : Image swatches.

Inspired by @itsOddit CRO tips, images are sometimes better than simple color swatches.

@jayShopTO
#themeaccelerator #buildinpublic #Shopify