Re: Dawn Theme customizations

How can I learn to code Dawn theme customizations myself?

Scott-WebWizard
Shopify Partner
8 0 6

On this page linked below it shows a list of customizations that are available for the Dawn theme
https://help.shopify.com/en/manual/online-store/themes/os20/themes-by-shopify/dawn/customize

  • Reduce the size of secondary product images
  • Always display the second upright loop on the cart bag
  • Show variant inventory on the product page
  • Change the position of the "Sold out" and "Sale" badges
  • Remove the express checkout
  • Change image banner text
  • Add a language and currency selector to the header
  • Add a full-width product description
  • Alternate sticky header
  • Display available variant options on collection pages

Are there code examples for these options that I can follow to do these myself and get more familiar with the code base?

I want to be able to things like these and other customization options for my clients

Replies 2 (2)

PaulNewton
Shopify Partner
7450 657 1562

With that list it's a broad feature set you need to learn.

The customizations listed are not 1to1 with tutorials or guides provided it's just what they provide to merchants with design time.

For basic customizations to implement yourself with OS2 themes: https://help.shopify.com/en/manual/online-store/themes/os20/customize/ 

vintage themes: https://help.shopify.com/en/manual/online-store/themes/os/customize 

 

To learn theme development https://shopify.dev/themes 

Dawn is also open source https://github.com/Shopify/dawn,  https://shopify.dev/themes/tools/dawn 

For some reason the .dev/themes  customizations are no longer grouped under a single linkable category, but you can see them from the side bar such as Product Merchandising.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


wmiz
Shopify Partner
41 7 38

Hi Scott,

I just posted a video covering how to make the header permanent in Dawn theme. I will most likely cover more of these customizations soon. Hope that helps!

 

Learn how to code Shopify sites: My YouTube channel

Weekly Shopify advice: ShopSavvy newsletter


Work with me: me@willmisback.com