Update your Product Page to Shopify 2.0 - Just like Dawn

Update your Product Page to Shopify 2.0 - Just like Dawn

Log in or Sign up to ensure access to FREE code across multiple devices.

Helpful Free links

Migrating to Shopify Transferring Domain to Shopify Master sections and blocks Free Essential tools Custom App Creation Shopify theme templates Add custom CSS to themes Master product variants in Shopify Free Shopify Themes How to customize Shopify themes Automate your store processes Improve store's search Free apps to enhance your store Upload and manage files Facebook ads for your Shopify Shopify Support Stay updated with Shopify changes Join Shopify Community for free help

Compatibility: All legacy Shopify theme

Did you try to update your theme to Shopify 2.0 but your product page does not look like what Theme Dawn has?

Updating Product Page into Dynamic blocks Like Dawn Theme Shopify 2.0

 

1. Go to Shopify Online store> Themes > Actions > Edit code
2. Go to section folder and locate product-template.liquid
3. Add a for statement after the class=”grid_item”, like code below

 

4. Add a case statement after the for statement, like code below

     

    5. In product-template.liquid, locate and add the when statement before each of the following

    1. Product title
    2. Product price
    3. Product form
    4. Product description
    5. Product social

    6. Add a when statement before the following

  1. Product title = product-single__title 
  2. Product price = product__price
  3. Product form = form 'product'
  4. Product description = product-single__description
  5. Product social = include 'social-sharing
  6.  

    7. Add a blocks in schema with the name and type of each blocks


    8. Open template folder and locate product.lquid
    9. Copy the bottom code from product.liquid, except the {% section %} and comments
    10. Go to product-template.liquid and paste the code before the {% schema %}
    11. Delete the product.liquid file in template folder
    12. Go to templates folder and add a new template
    13. Create a new template for product with a template type JSON
    14. Since, we deleted the product.liquid, we can just click the “Create Template” and keep the name product as is
    15. Create the section type and add the product-recommendation in the section. Also the block

       

       (",) If you have questions, please free to contact us at "Chat with us"

      Copied!

      Struggling with instructions?

      Don't worry, we've got you covered for a reasonable price.

      Contact us through "Chat with us" for a quote.

      Relax as we handle it for you!

      Back to blog

      Leave a comment