{"id":21671,"date":"2021-07-13T18:06:58","date_gmt":"2021-07-13T15:06:58","guid":{"rendered":"https:\/\/plumrocket.com\/docs\/?p=21671"},"modified":"2021-07-16T17:59:49","modified_gmt":"2021-07-16T14:59:49","slug":"private-sales-ocean-blue-magento-theme-v2-x-configuration-recommended-image-sizes","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-1-ocean-theme\/v2\/configuration\/images","title":{"rendered":"Private Sales Ocean Blue Magento Theme v2.x Configuration: Recommended Image Sizes"},"content":{"rendered":"\n<h2>Recommended Image Sizes<\/h2>\n\n\n\n<p>Here you will find recommended image sizes to be used in site layout.<\/p>\n\n\n\n<h3><em>Splash page<\/em><\/h3>\n\n\n\n<p>The recommended width of the Spalsh Page image is 2000px and more.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"800\" src=\"\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-Splash.png\" alt=\"\" class=\"wp-image-21676\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-Splash.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-Splash-300x199.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-Splash-1024x679.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-Splash-768x509.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3><em>Home page<\/em><\/h3>\n\n\n\n<p>As a rule, the boutique image in site layout is 940\u0440\u0445 wide. If there are two or more boutiques in a row there should be 20px wide borders between them. If the layout comprises a 3-column structure the recommended sizes are as follows:<\/p>\n\n\n\n<ul><li>The recommended size of the first boutique (the one located above other boutiques) is 2000\u0440\u0445 or more wide but it should be not less that 550px high.<\/li><li>If there is one boutique in a row the recommended image size is 940\u0440\u0445*290\u0440\u0445.<\/li><li>If there are three boutiques in a row the recommended size is 300\u0440\u0445*290\u0440\u0445 for each image.<\/li><\/ul>\n\n\n\n<p>The image height can vary, but the width parameters are fixed.<\/p>\n\n\n\n<p>Ending\/Coming Soon Image: The recommended size is 220px*205px.<\/p>\n\n\n\n<p>Recommended bottom banners size is 300\u0440\u0445*140\u0440\u0445.<\/p>\n\n\n\n<p>The screenshots below represent a home page of Private Sales Ocean Blue Magento Theme. The boutiques and banners images are supplied with recommended size measuring.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"911\" src=\"\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-4.png\" alt=\"\" class=\"wp-image-21679\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-4.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-4-300x227.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-4-1024x774.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-4-768x580.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"312\" src=\"\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-5.png\" alt=\"\" class=\"wp-image-21680\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-5.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-5-300x78.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-5-1024x265.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-5-768x199.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"713\" src=\"\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-6.png\" alt=\"\" class=\"wp-image-21681\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-6.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-6-300x177.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-6-1024x605.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-6-768x454.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3><em>Product list page<\/em><\/h3>\n\n\n\n<p>The boutique page contains the following images:<\/p>\n\n\n\n<ul><li>ShopByBrands: The recommended Brand image size is 113px*113px;<\/li><li>Product Image: The recommended Product image size is 700\u0440\u0445*1050\u0440\u0445.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"1232\" src=\"\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-2.png\" alt=\"\" class=\"wp-image-21683\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-2.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-2-294x300.png 294w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-2-1002x1024.png 1002w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-2-768x785.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<p>This screenshot represents a separate product page.<\/p>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p><strong>Step-by-Step actions:<\/strong><\/p>\n\n\n\n<ol><li>Product Image: The recommended image size is 700\u0440\u0445*1050\u0440\u0445. Note, the product image can have any other size, but be sure to keep the aspect ratio of 2:3. The page zoom depends on image size too &#8211; the bigger the image, the bigger the page zoom, and vice versa.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"890\" src=\"\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-Zoom-1.png\" alt=\"\" class=\"wp-image-21688\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-Zoom-1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-Zoom-1-300x221.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-Zoom-1-1024x756.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-Zoom-1-768x567.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Recommended Image Sizes Here you will find recommended image sizes to be used in site layout. Splash page The recommended width of the Spalsh Page image is 2000px and more. Home page As a rule, the boutique image in site layout is 940\u0440\u0445 wide. If there are two or more boutiques in a row there &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/plumrocket.com\/docs\/magento-1-ocean-theme\/v2\/configuration\/images\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Private Sales Ocean Blue Magento Theme v2.x Configuration: Recommended Image Sizes&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[314],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.2 (Yoast SEO v17.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Configure Magento  Theme Extension v2.x Private Sales Ocean Blue Magento Theme v2.x Configuration: Recommended Image Sizes - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"Recommended Image Sizes Here you will find recommended image sizes to be used in site layout. Splash page The recommended width of the Spalsh Page image\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/plumrocket.com\/docs\/magento-1-ocean-theme\/v2\/configuration\/images\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Private Sales Ocean Blue Magento Theme v2.x Configuration: Recommended Image Sizes\" \/>\n<meta property=\"og:description\" content=\"Recommended Image Sizes Here you will find recommended image sizes to be used in site layout. Splash page The recommended width of the Spalsh Page image\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/docs\/magento-1-ocean-theme\/v2\/configuration\/images\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-13T15:06:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-16T14:59:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-Splash.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Plumrocket\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Configure Magento  Theme Extension v2.x Private Sales Ocean Blue Magento Theme v2.x Configuration: Recommended Image Sizes - Plumrocket Documentation","description":"Recommended Image Sizes Here you will find recommended image sizes to be used in site layout. Splash page The recommended width of the Spalsh Page image","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/plumrocket.com\/docs\/magento-1-ocean-theme\/v2\/configuration\/images","og_locale":"en_US","og_type":"article","og_title":"Private Sales Ocean Blue Magento Theme v2.x Configuration: Recommended Image Sizes","og_description":"Recommended Image Sizes Here you will find recommended image sizes to be used in site layout. Splash page The recommended width of the Spalsh Page image","og_url":"https:\/\/plumrocket.com\/docs\/magento-1-ocean-theme\/v2\/configuration\/images","og_site_name":"Plumrocket Documentation","article_published_time":"2021-07-13T15:06:58+00:00","article_modified_time":"2021-07-16T14:59:49+00:00","og_image":[{"url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-Splash.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/plumrocket.com\/docs\/#website","url":"https:\/\/plumrocket.com\/docs\/","name":"Plumrocket Documentation","description":"Extensions docs, troubleshootings etc.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/plumrocket.com\/docs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/magento-1-ocean-theme\/v2\/configuration\/images#primaryimage","inLanguage":"en-US","url":"\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-Splash.png","contentUrl":"\/docs\/wp-content\/uploads\/2021\/07\/Image-Sizes-Ocean-Blue-Theme-Splash.png"},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-1-ocean-theme\/v2\/configuration\/images#webpage","url":"https:\/\/plumrocket.com\/docs\/magento-1-ocean-theme\/v2\/configuration\/images","name":"Private Sales Ocean Blue Magento Theme v2.x Configuration: Recommended Image Sizes - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-1-ocean-theme\/v2\/configuration\/images#primaryimage"},"datePublished":"2021-07-13T15:06:58+00:00","dateModified":"2021-07-16T14:59:49+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20"},"description":"Recommended Image Sizes Here you will find recommended image sizes to be used in site layout. Splash page The recommended width of the Spalsh Page image","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-1-ocean-theme\/v2\/configuration\/images#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-1-ocean-theme\/v2\/configuration\/images"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/docs\/magento-1-ocean-theme\/v2\/configuration\/images#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Docs","item":"https:\/\/plumrocket.com\/docs"},{"@type":"ListItem","position":2,"name":"Magento 1 Themes","item":"https:\/\/plumrocket.com\/docs\/magento-1-themes"},{"@type":"ListItem","position":3,"name":"Ocean Blue","item":"https:\/\/plumrocket.com\/docs\/magento-1-ocean-theme"},{"@type":"ListItem","position":4,"name":"Configuration: Recommended Image Sizes"}]},{"@type":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20","name":"Plumrocket","image":{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/72392a92ae750c66560be284502b6676?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/72392a92ae750c66560be284502b6676?s=96&d=mm&r=g","caption":"Plumrocket"},"sameAs":["https:\/\/plumrocket.com\/docs"]}]}},"_links":{"self":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/21671"}],"collection":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/comments?post=21671"}],"version-history":[{"count":0,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/21671\/revisions"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=21671"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=21671"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=21671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}