{"id":42582,"date":"2020-01-13T02:45:34","date_gmt":"2020-01-13T07:45:34","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=42582"},"modified":"2020-01-13T03:18:11","modified_gmt":"2020-01-13T08:18:11","slug":"shopify-how-to-change-predefined-images-dimensions","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/shopify-how-to-change-predefined-images-dimensions.html","title":{"rendered":"Shopify. How to change predefined images dimensions"},"content":{"rendered":"

Good news for all on-line store keepers! In our new tutorial we will teach you how to change predefined images dimensions<\/strong> in your Shopify store.<\/p>\r\n

Shopify. How to change predefined images dimensions<\/a><\/p>\r\n

You may change those dimensions for various pages of your site via Shopify admin panel<\/strong>.<\/p>\r\n

As an example we will show you how to change images dimensions of our theme on Homepage<\/strong> and Collection pages<\/strong>.<\/p>\r\n

Let us start from changing predefined product image size on Homepage<\/strong>:<\/p>\r\n

\"shopify_how_to_change_predefined_images_dimensions_1\"<\/a>\r\n<\/p>\r\n

    \r\n
  1. \r\n

    Log into your Shopify Admin panel and go to Themes<\/strong>:<\/p>\r\n

    \"shopify_how_to_change_predefined_images_dimensions_2\"<\/a>\r\n<\/li>\r\n

  2. \r\n

    Press Customize a theme<\/strong> button on the right:<\/p>\r\n

    \"shopify_how_to_change_predefined_images_dimensions_3\"<\/a>\r\n<\/li>\r\n

  3. \r\n

    Expand Layout Settings<\/strong> section:<\/p>\r\n

    \"shopify_how_to_change_predefined_images_dimensions_4\"<\/a>\r\n<\/li>\r\n

  4. \r\n

    Scroll down to the Homepage product image size<\/strong> section and pick up the desired size from drop down:<\/p>\r\n

    \"shopify_how_to_change_predefined_images_dimensions_5\"<\/a>\r\n<\/li>\r\n

  5. \r\n

    Press Publish changes<\/strong> at the top right:<\/p>\r\n

    \"shopify_how_to_change_predefined_images_dimensions_6\"<\/a>\r\n<\/li>\r\n

  6. \r\n

    Refresh the front end of your store to see the changes:<\/p>\r\n

    \"shopify_how_to_change_predefined_images_dimensions_7\"<\/a>\r\n<\/li>\r\n<\/ol>\r\n

    Now we will teach you how to change predefined product image size on Collection page (the steps have much in common with the previous part):<\/strong><\/p>\r\n

    \"shopify_how_to_change_predefined_images_dimensions_8\"<\/a>\r\n<\/p>\r\n

      \r\n
    1. \r\n

      Log into your Shopify Admin panel and go to Themes<\/strong>:<\/p>\r\n

      \"shopify_how_to_change_predefined_images_dimensions_9\"<\/a>\r\n<\/li>\r\n

    2. \r\n

      Press Customize a theme<\/strong> button on the right:<\/p>\r\n

      \"shopify_how_to_change_predefined_images_dimensions_10\"<\/a>\r\n<\/li>\r\n

    3. \r\n

      Expand Layout Settings<\/strong> section:<\/p>\r\n

      \"shopify_how_to_change_predefined_images_dimensions_11\"<\/a>\r\n<\/li>\r\n

    4. \r\n

      Scroll down to the Collection product image size<\/strong> section and pick up the desired size from drop down:<\/p>\r\n

      \"shopify_how_to_change_predefined_images_dimensions_12\"<\/a>\r\n<\/li>\r\n

    5. \r\n

      Press Publish changes<\/strong> at the top right:<\/p>\r\n

      \"shopify_how_to_change_predefined_images_dimensions_13\"<\/a>\r\n<\/li>\r\n

    6. \r\n

      Refresh the front end of your store to see the changes. The pages for which you can change predefined images dimensions may vary from theme to theme, but the section where you can do it in the admin panel will stay the same:<\/p>\r\n

      \"shopify_how_to_change_predefined_images_dimensions_14\"<\/a>\r\n<\/li>\r\n<\/ol>\r\n

      That’s it! Now you know how to change predefined images dimensions<\/strong> in your Shopify store. Please feel free to check the detailed video tutorial below:<\/p>\r\n

      Shopify. How to change predefined images dimensions<\/a><\/p>\r\n

      Oh, wait! Before closing this browser tab, let me tell you how to set up your Shopify-based web store without any guidelines and tutorials.<\/p>\r\n

      \"\"<\/p>\r\n

      Shopify Business Startup Kit is the new service from TemplateMonster you should not pass by. It\u2019s literally a pill for all the headaches you get while developing and launching an own online shop.<\/p>\r\n

      How Does It Work?<\/h4>\r\n

      First, you purchase the service on the Shopify Business Startup Kit<\/a> page. Second, the TemplateMonster team contacts you and requests information about your online store and products. After we have all the data, it takes us up to 3 days to configure a ready-to-go Shopify-based website.<\/p>\r\n

      Just imagine, you will not be responsible for all the web development and configuration moments – we are. It\u2019s a good chance for novice entrepreneurs to think less about launching their online storefront and avoid expensive web design services.<\/p>\r\n

      What Do We Do?<\/h4>\r\n

      We will do all the dirty jobs by setting up and launching your online shop. To make a fully functional website, we divide our job into 3 main stages.<\/p>\r\n\r\n

      The first and most important is the creation and configuration. We register your online store, which may be transferred to your Shopify account if you need it. Although we are responsible for customizing your Shopify store, we do it based on your needs and preferences.<\/p>\r\n\r\n

      Then, it\u2019s time for content installation. We add the information you provided us with your products\/collections, insert images\/videos, create blog posts, etc.<\/p>\r\n\r\n

      The final stage has to do with apps installation. In our startup kit, we offer users 5 Shopify apps, which will be useful as you run a store on your own. Those are Oberlo, Product Reviews, SEO Image Optimizer, GDPR Cookie Consent Banner, and Privy.<\/p>\r\n\r\nShopify Business Startup Kit costs $359 and includes:\r\n