diff --git a/assets/global.js b/assets/global.js
index d35b1a0dd44..563363cd6d8 100644
--- a/assets/global.js
+++ b/assets/global.js
@@ -784,8 +784,8 @@ class VariantSelects extends HTMLElement {
     if (!this.currentVariant) return;
     if (!this.currentVariant.featured_media) return;
 
-    const mediaGallery = document.getElementById(`MediaGallery-${this.dataset.section}`);
-    mediaGallery.setActiveMedia(`${this.dataset.section}-${this.currentVariant.featured_media.id}`, true);
+    const mediaGalleries = document.querySelectorAll(`[id^="MediaGallery-${this.dataset.section}"]`);
+    mediaGalleries.forEach(mediaGallery => mediaGallery.setActiveMedia(`${this.dataset.section}-${this.currentVariant.featured_media.id}`, true));
 
     const modalContent = document.querySelector(`#ProductModal-${this.dataset.section} .product-media-modal__content`);
     if (!modalContent) return;
diff --git a/assets/section-featured-product.css b/assets/section-featured-product.css
index 4834027925b..974aa71c082 100644
--- a/assets/section-featured-product.css
+++ b/assets/section-featured-product.css
@@ -56,6 +56,10 @@
     padding: 0 0 0 5rem;
   }
 
+  .background-secondary .featured-product:not(.product--no-media).product--right > .product__info-wrapper {
+    padding: 0 5rem 0 0;
+  }
+
   .featured-product:not(.product--no-media) > .product__info-wrapper {
     padding: 0 7rem;
   }
diff --git a/assets/section-main-product.css b/assets/section-main-product.css
index bb5a3792ca7..66270aab2f7 100644
--- a/assets/section-main-product.css
+++ b/assets/section-main-product.css
@@ -15,11 +15,6 @@
   padding-left: 0;
 }
 
-.product__info-wrapper {
-  padding-left: 0;
-  padding-bottom: 0;
-}
-
 @media screen and (min-width: 750px) {
   .product--thumbnail .product__media-gallery,
   .product--thumbnail_slider .product__media-gallery,
@@ -35,11 +30,19 @@
   }
 
   .product__info-wrapper {
-    padding-left: 5rem;
+    padding: 0 0 0 5rem;
   }
 
   .product__info-wrapper--extra-padding {
-    padding-left: 8rem;
+    padding: 0 0 0 8rem;
+  }
+
+  .product--right .product__info-wrapper {
+    padding: 0 5rem 0 0;
+  }
+
+  .product--right .product__info-wrapper--extra-padding {
+    padding: 0 8rem 0 0;
   }
 
   .product__media-container .slider-buttons {
@@ -54,11 +57,15 @@
   }
 
   .product--large:not(.product--no-media) .product__info-wrapper {
-    padding-left: 4rem;
+    padding: 0 0 0 4rem;
     max-width: 35%;
     width: calc(35% - var(--grid-desktop-horizontal-spacing) / 2);
   }
 
+  .product--large:not(.product--no-media).product--right .product__info-wrapper {
+    padding: 0 4rem 0 0;
+  }
+
   .product--medium:not(.product--no-media) .product__media-wrapper,
   .product--small:not(.product--no-media) .product__info-wrapper {
     max-width: 55%;
@@ -388,7 +395,8 @@ a.product__text {
   text-align: center;
 }
 
-.product--no-media .product__media-wrapper {
+.product--no-media .product__media-wrapper,
+.product--no-media .product__info-wrapper {
   padding: 0;
 }
 
@@ -460,10 +468,6 @@ a.product__text {
   text-align: center;
 }
 
-.product--no-media .product__info-wrapper {
-  padding-left: 0;
-}
-
 /* Product media */
 .product__media-list video {
   border-radius: calc(var(--media-radius) - var(--media-border-width));
diff --git a/locales/cs.schema.json b/locales/cs.schema.json
index c6786fc3caa..038c49a6fc0 100644
--- a/locales/cs.schema.json
+++ b/locales/cs.schema.json
@@ -1770,6 +1770,16 @@
           "options__2": {
             "label": "Skrýt miniatury"
           }
+        },
+        "media_position": {
+          "label": "Pozice multimediálního obsahu na počítači",
+          "info": "Pozice se automaticky optimalizuje pro mobilní prostředí.",
+          "options__1": {
+            "label": "Vlevo"
+          },
+          "options__2": {
+            "label": "Vpravo"
+          }
         }
       }
     },
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "Skrýt v počítači multimédia nevybraných variant"
+        },
+        "media_position": {
+          "label": "Pozice multimediálního obsahu na počítači",
+          "info": "Pozice se automaticky optimalizuje pro mobilní prostředí.",
+          "options__1": {
+            "label": "Vlevo"
+          },
+          "options__2": {
+            "label": "Vpravo"
+          }
         }
       },
       "presets": {
diff --git a/locales/da.schema.json b/locales/da.schema.json
index a8b55ce1ada..51a02ab112b 100644
--- a/locales/da.schema.json
+++ b/locales/da.schema.json
@@ -1770,6 +1770,16 @@
           "options__2": {
             "label": "Skjul miniaturer"
           }
+        },
+        "media_position": {
+          "label": "Placering af medie på computer",
+          "info": "Placeringen optimeres automatisk til mobil.",
+          "options__1": {
+            "label": "Venstre"
+          },
+          "options__2": {
+            "label": "Højre"
+          }
         }
       }
     },
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "Skjul medier for ikke-valgte varianter på computer"
+        },
+        "media_position": {
+          "label": "Placering af medie på computer",
+          "info": "Placeringen optimeres automatisk til mobil.",
+          "options__1": {
+            "label": "Venstre"
+          },
+          "options__2": {
+            "label": "Højre"
+          }
         }
       },
       "presets": {
diff --git a/locales/de.schema.json b/locales/de.schema.json
index ecb7f961aa3..af4a1a43945 100644
--- a/locales/de.schema.json
+++ b/locales/de.schema.json
@@ -1769,6 +1769,16 @@
           "options__2": {
             "label": "Vorschaubilder ausblenden"
           }
+        },
+        "media_position": {
+          "label": "Desktop-Medienposition",
+          "info": "Positionen werden automatisch für die mobile Nutzung optimiert.",
+          "options__1": {
+            "label": "Links"
+          },
+          "options__2": {
+            "label": "Rechts"
+          }
         }
       },
       "name": "Produktinformationen"
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "Medien von nicht ausgewählten Varianten auf dem Desktop ausblenden"
+        },
+        "media_position": {
+          "label": "Desktop-Medienposition",
+          "info": "Positionen werden automatisch für die mobile Nutzung optimiert.",
+          "options__1": {
+            "label": "Links"
+          },
+          "options__2": {
+            "label": "Rechts"
+          }
         }
       },
       "presets": {
diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
index 44fd611aa13..3914489c7e7 100644
--- a/locales/en.default.schema.json
+++ b/locales/en.default.schema.json
@@ -844,6 +844,16 @@
           "content": "Media",
           "info": "Learn more about [media types](https://help.shopify.com/manual/products/product-media)"
         },
+        "media_position": {
+          "label": "Desktop media position",
+          "info": "Position is automatically optimized for mobile.",
+          "options__1": {
+            "label": "Left"
+          },
+          "options__2": {
+            "label": "Right"
+          }
+        },
         "hide_variants": {
           "label": "Hide unselected variants’ media on desktop"
         },
@@ -1893,6 +1903,16 @@
             "label": "Large"
           }
         },
+        "media_position": {
+          "label": "Desktop media position",
+          "info": "Position is automatically optimized for mobile.",
+          "options__1": {
+            "label": "Left"
+          },
+          "options__2": {
+            "label": "Right"
+          }
+        },
         "mobile_thumbnails": {
           "label": "Mobile layout",
           "options__1": {
diff --git a/locales/es.schema.json b/locales/es.schema.json
index ce29bc93e51..efab10df0e7 100644
--- a/locales/es.schema.json
+++ b/locales/es.schema.json
@@ -1770,6 +1770,16 @@
           "options__2": {
             "label": "Ocultar miniaturas"
           }
+        },
+        "media_position": {
+          "label": "Posición de contenido multimedia en el escritorio",
+          "info": "La posición se optimiza automáticamente para dispositivos móviles.",
+          "options__1": {
+            "label": "Izquierda"
+          },
+          "options__2": {
+            "label": "Derecha"
+          }
         }
       }
     },
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "Ocultar elementos multimedia de variantes no seleccionadas en el escritorio"
+        },
+        "media_position": {
+          "label": "Posición de contenido multimedia en el escritorio",
+          "info": "La posición se optimiza automáticamente para dispositivos móviles.",
+          "options__1": {
+            "label": "Izquierda"
+          },
+          "options__2": {
+            "label": "Derecha"
+          }
         }
       },
       "presets": {
diff --git a/locales/fi.schema.json b/locales/fi.schema.json
index 2acb20dbf52..37574dfd386 100644
--- a/locales/fi.schema.json
+++ b/locales/fi.schema.json
@@ -1769,6 +1769,16 @@
           "options__2": {
             "label": "Piilota pikkukuvat"
           }
+        },
+        "media_position": {
+          "label": "Työpöytämedian sijainti",
+          "info": "Sijainti optimoidaan automaattisesti mobiililaitteille.",
+          "options__1": {
+            "label": "Vasen"
+          },
+          "options__2": {
+            "label": "Oikea"
+          }
         }
       },
       "name": "Tuotetiedot"
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "Piilota valitsemattomien versioiden media tietokoneversiossa"
+        },
+        "media_position": {
+          "label": "Työpöytämedian sijainti",
+          "info": "Sijainti optimoidaan automaattisesti mobiililaitteille.",
+          "options__1": {
+            "label": "Vasen"
+          },
+          "options__2": {
+            "label": "Oikea"
+          }
         }
       },
       "presets": {
diff --git a/locales/fr.schema.json b/locales/fr.schema.json
index 7bcdec10dab..3a8c328417f 100644
--- a/locales/fr.schema.json
+++ b/locales/fr.schema.json
@@ -1769,6 +1769,16 @@
           "options__2": {
             "label": "Masquer les vignettes"
           }
+        },
+        "media_position": {
+          "label": "Position des supports multimédias sur ordinateur",
+          "info": "La position est automatiquement optimisée pour les mobiles.",
+          "options__1": {
+            "label": "Gauche"
+          },
+          "options__2": {
+            "label": "Droite"
+          }
         }
       },
       "name": "Informations produits"
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "Masquer les médias des variantes non sélectionnées sur le bureau"
+        },
+        "media_position": {
+          "label": "Position des supports multimédias sur ordinateur",
+          "info": "La position est automatiquement optimisée pour les mobiles.",
+          "options__1": {
+            "label": "Gauche"
+          },
+          "options__2": {
+            "label": "Droite"
+          }
         }
       },
       "presets": {
diff --git a/locales/it.schema.json b/locales/it.schema.json
index 43c7dd089e1..0f043fa606f 100644
--- a/locales/it.schema.json
+++ b/locales/it.schema.json
@@ -1770,6 +1770,16 @@
           "options__2": {
             "label": "Nascondi miniature"
           }
+        },
+        "media_position": {
+          "label": "Posizione contenuti multimediali su desktop",
+          "info": "Posizione automaticamente ottimizzata per dispositivi mobili.",
+          "options__1": {
+            "label": "A sinistra"
+          },
+          "options__2": {
+            "label": "A destra"
+          }
         }
       }
     },
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "Nascondi contenuti multimediali delle varianti non selezionate sul desktop"
+        },
+        "media_position": {
+          "label": "Posizione contenuti multimediali su desktop",
+          "info": "Posizione automaticamente ottimizzata per dispositivi mobili.",
+          "options__1": {
+            "label": "A sinistra"
+          },
+          "options__2": {
+            "label": "A destra"
+          }
         }
       },
       "presets": {
diff --git a/locales/ja.schema.json b/locales/ja.schema.json
index c4c87cf2501..32b1ede4138 100644
--- a/locales/ja.schema.json
+++ b/locales/ja.schema.json
@@ -1770,6 +1770,16 @@
           "options__2": {
             "label": "サムネイルを非表示にする"
           }
+        },
+        "media_position": {
+          "label": "デスクトップのメディア位置",
+          "info": "位置はモバイル用に自動で最適化されます。",
+          "options__1": {
+            "label": "左"
+          },
+          "options__2": {
+            "label": "右"
+          }
         }
       }
     },
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "デスクトップで選択されていないバリエーションのメディアを非表示にする"
+        },
+        "media_position": {
+          "label": "デスクトップのメディア位置",
+          "info": "位置はモバイル用に自動で最適化されます。",
+          "options__1": {
+            "label": "左"
+          },
+          "options__2": {
+            "label": "右"
+          }
         }
       },
       "presets": {
diff --git a/locales/ko.schema.json b/locales/ko.schema.json
index 994bf03ffc4..c1ce838976e 100644
--- a/locales/ko.schema.json
+++ b/locales/ko.schema.json
@@ -1770,6 +1770,16 @@
           "options__2": {
             "label": "썸네일 숨기기"
           }
+        },
+        "media_position": {
+          "label": "데스크톱 미디어 위치",
+          "info": "위치는 자동으로 모바일에 최적화됩니다.",
+          "options__1": {
+            "label": "왼쪽"
+          },
+          "options__2": {
+            "label": "오른쪽"
+          }
         }
       }
     },
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "데스크톱에서 선택하지 않은 이형 상품의 미디어 숨기기"
+        },
+        "media_position": {
+          "label": "데스크톱 미디어 위치",
+          "info": "위치는 자동으로 모바일에 최적화됩니다.",
+          "options__1": {
+            "label": "왼쪽"
+          },
+          "options__2": {
+            "label": "오른쪽"
+          }
         }
       },
       "presets": {
diff --git a/locales/nb.schema.json b/locales/nb.schema.json
index 364143fe0fa..a33f75d0f9e 100644
--- a/locales/nb.schema.json
+++ b/locales/nb.schema.json
@@ -1769,6 +1769,16 @@
           "options__2": {
             "label": "Skjul miniatyrbilder"
           }
+        },
+        "media_position": {
+          "label": "Plassering av medier på datamaskin",
+          "info": "Posisjonen optimaliseres automatisk for mobil.",
+          "options__1": {
+            "label": "Venstre"
+          },
+          "options__2": {
+            "label": "Høyre"
+          }
         }
       },
       "name": "Produktinformasjon"
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "Skjul uvalgte varianters medier på datamaskiner"
+        },
+        "media_position": {
+          "label": "Plassering av medier på datamaskin",
+          "info": "Posisjonen optimaliseres automatisk for mobil.",
+          "options__1": {
+            "label": "Venstre"
+          },
+          "options__2": {
+            "label": "Høyre"
+          }
         }
       },
       "presets": {
diff --git a/locales/nl.schema.json b/locales/nl.schema.json
index 9d154573327..9bdaaf878e1 100644
--- a/locales/nl.schema.json
+++ b/locales/nl.schema.json
@@ -1770,6 +1770,16 @@
           "options__2": {
             "label": "Miniaturen verbergen"
           }
+        },
+        "media_position": {
+          "label": "Positie van media voor desktop",
+          "info": "De positie wordt automatisch geoptimaliseerd voor mobiel.",
+          "options__1": {
+            "label": "Links"
+          },
+          "options__2": {
+            "label": "Rechts"
+          }
         }
       }
     },
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "Niet geselecteerde media van varianten op bureaublad verbergen"
+        },
+        "media_position": {
+          "label": "Positie van media voor desktop",
+          "info": "De positie wordt automatisch geoptimaliseerd voor mobiel.",
+          "options__1": {
+            "label": "Links"
+          },
+          "options__2": {
+            "label": "Rechts"
+          }
         }
       },
       "presets": {
diff --git a/locales/pl.schema.json b/locales/pl.schema.json
index 2e9e8247c14..5ed8dc9713f 100644
--- a/locales/pl.schema.json
+++ b/locales/pl.schema.json
@@ -1770,6 +1770,16 @@
           "options__2": {
             "label": "Ukryj miniatury"
           }
+        },
+        "media_position": {
+          "label": "Pozycja multimediów na pulpicie",
+          "info": "Pozycja jest automatycznie optymalizowana dla urządzeń mobilnych.",
+          "options__1": {
+            "label": "Lewa strona"
+          },
+          "options__2": {
+            "label": "Prawa strona"
+          }
         }
       }
     },
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "Ukryj niewybrane pliki multimedialne wariantów na pulpicie"
+        },
+        "media_position": {
+          "label": "Pozycja multimediów na pulpicie",
+          "info": "Pozycja jest automatycznie optymalizowana dla urządzeń mobilnych.",
+          "options__1": {
+            "label": "Lewa strona"
+          },
+          "options__2": {
+            "label": "Prawa strona"
+          }
         }
       },
       "presets": {
diff --git a/locales/pt-BR.schema.json b/locales/pt-BR.schema.json
index 6c611d27cd0..5c23d414b73 100644
--- a/locales/pt-BR.schema.json
+++ b/locales/pt-BR.schema.json
@@ -1769,6 +1769,16 @@
           "options__2": {
             "label": "Ocultar miniaturas"
           }
+        },
+        "media_position": {
+          "label": "Posição da mídia no desktop",
+          "info": "A posição é otimizada automaticamente para dispositivos móveis.",
+          "options__1": {
+            "label": "Esquerda"
+          },
+          "options__2": {
+            "label": "Direita"
+          }
         }
       },
       "name": "Informações do produto"
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "Ocultar mídia das variantes não selecionadas na área de trabalho"
+        },
+        "media_position": {
+          "label": "Posição da mídia no desktop",
+          "info": "A posição é otimizada automaticamente para dispositivos móveis.",
+          "options__1": {
+            "label": "Esquerda"
+          },
+          "options__2": {
+            "label": "Direita"
+          }
         }
       },
       "presets": {
diff --git a/locales/pt-PT.schema.json b/locales/pt-PT.schema.json
index 511a071bb58..7250044e5a4 100644
--- a/locales/pt-PT.schema.json
+++ b/locales/pt-PT.schema.json
@@ -1770,6 +1770,16 @@
           "options__2": {
             "label": "Ocultar miniaturas"
           }
+        },
+        "media_position": {
+          "label": "Posição do conteúdo multimédia no ambiente de trabalho",
+          "info": "A posição é automaticamente otimizada para dispositivos móveis.",
+          "options__1": {
+            "label": "Esquerda"
+          },
+          "options__2": {
+            "label": "Direita"
+          }
         }
       }
     },
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "Ocultar conteúdo multimédia das variantes não selecionadas no desktop"
+        },
+        "media_position": {
+          "label": "Posição do conteúdo multimédia no ambiente de trabalho",
+          "info": "A posição é automaticamente otimizada para dispositivos móveis.",
+          "options__1": {
+            "label": "Esquerda"
+          },
+          "options__2": {
+            "label": "Direita"
+          }
         }
       },
       "presets": {
diff --git a/locales/sv.schema.json b/locales/sv.schema.json
index f1468622813..bd9831f0576 100644
--- a/locales/sv.schema.json
+++ b/locales/sv.schema.json
@@ -1770,6 +1770,16 @@
           "options__2": {
             "label": "Dölj miniatyrbild"
           }
+        },
+        "media_position": {
+          "label": "Datorns media-position",
+          "info": "Positionen optimeras automatiskt för mobilen.",
+          "options__1": {
+            "label": "Vänster"
+          },
+          "options__2": {
+            "label": "Höger"
+          }
         }
       }
     },
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "Dölj media för varianter som inte har valts på datorn"
+        },
+        "media_position": {
+          "label": "Datorns media-position",
+          "info": "Positionen optimeras automatiskt för mobilen.",
+          "options__1": {
+            "label": "Vänster"
+          },
+          "options__2": {
+            "label": "Höger"
+          }
         }
       },
       "presets": {
diff --git a/locales/th.schema.json b/locales/th.schema.json
index 754965c6b17..032f2624ebe 100644
--- a/locales/th.schema.json
+++ b/locales/th.schema.json
@@ -1770,6 +1770,16 @@
           "options__2": {
             "label": "ซ่อนรูปภาพขนาดย่อ"
           }
+        },
+        "media_position": {
+          "label": "ตำแหน่งสื่อบนเดสก์ท็อป",
+          "info": "ระบบจะปรับตำแหน่งให้เหมาะสมกับมือถือโดยอัตโนมัติ",
+          "options__1": {
+            "label": "ซ้าย"
+          },
+          "options__2": {
+            "label": "ขวา"
+          }
         }
       }
     },
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "ซ่อนสื่อของตัวเลือกสินค้าที่ไม่ได้เลือกบนเดสก์ท็อป"
+        },
+        "media_position": {
+          "label": "ตำแหน่งสื่อบนเดสก์ท็อป",
+          "info": "ระบบจะปรับตำแหน่งให้เหมาะสมกับมือถือโดยอัตโนมัติ",
+          "options__1": {
+            "label": "ซ้าย"
+          },
+          "options__2": {
+            "label": "ขวา"
+          }
         }
       },
       "presets": {
diff --git a/locales/tr.schema.json b/locales/tr.schema.json
index ca1d8108695..dd30e835cf9 100644
--- a/locales/tr.schema.json
+++ b/locales/tr.schema.json
@@ -1769,6 +1769,16 @@
           "options__2": {
             "label": "Küçük resimleri gizle"
           }
+        },
+        "media_position": {
+          "label": "Masaüstü medya konumu",
+          "info": "Konum, mobil cihazlar için otomatik olarak optimize edilir.",
+          "options__1": {
+            "label": "Sol"
+          },
+          "options__2": {
+            "label": "Sağ"
+          }
         }
       },
       "name": "Ürün bilgileri"
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "Masaüstünde seçimi kaldırılmış varyasyonların medyasını gizle"
+        },
+        "media_position": {
+          "label": "Masaüstü medya konumu",
+          "info": "Konum, mobil cihazlar için otomatik olarak optimize edilir.",
+          "options__1": {
+            "label": "Sol"
+          },
+          "options__2": {
+            "label": "Sağ"
+          }
         }
       },
       "presets": {
diff --git a/locales/vi.schema.json b/locales/vi.schema.json
index edd95b4b875..edbcc1e8893 100644
--- a/locales/vi.schema.json
+++ b/locales/vi.schema.json
@@ -1770,6 +1770,16 @@
           "options__2": {
             "label": "Ẩn hình thu nhỏ"
           }
+        },
+        "media_position": {
+          "label": "Vị trí phương tiện trên màn hình nền",
+          "info": "Vị trí được tự động tối ưu hóa cho thiết bị di động.",
+          "options__1": {
+            "label": "Bên trái"
+          },
+          "options__2": {
+            "label": "Bên phải"
+          }
         }
       }
     },
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "Ẩn phương tiện của các mẫu mã không được chọn trên máy tính để bàn"
+        },
+        "media_position": {
+          "label": "Vị trí phương tiện trên màn hình nền",
+          "info": "Vị trí được tự động tối ưu hóa cho thiết bị di động.",
+          "options__1": {
+            "label": "Bên trái"
+          },
+          "options__2": {
+            "label": "Bên phải"
+          }
         }
       },
       "presets": {
diff --git a/locales/zh-CN.schema.json b/locales/zh-CN.schema.json
index 096ded2b051..3d806344b12 100644
--- a/locales/zh-CN.schema.json
+++ b/locales/zh-CN.schema.json
@@ -1770,6 +1770,16 @@
           "options__2": {
             "label": "隐藏缩略图"
           }
+        },
+        "media_position": {
+          "label": "台式设备上的媒体文件位置",
+          "info": "位置会针对移动设备进行自动优化。",
+          "options__1": {
+            "label": "左"
+          },
+          "options__2": {
+            "label": "右"
+          }
         }
       }
     },
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "在桌面上隐藏未选择的多属性的媒体文件"
+        },
+        "media_position": {
+          "label": "台式设备上的媒体文件位置",
+          "info": "位置会针对移动设备进行自动优化。",
+          "options__1": {
+            "label": "左"
+          },
+          "options__2": {
+            "label": "右"
+          }
         }
       },
       "presets": {
diff --git a/locales/zh-TW.schema.json b/locales/zh-TW.schema.json
index 26f41f81503..f4cd60480e6 100644
--- a/locales/zh-TW.schema.json
+++ b/locales/zh-TW.schema.json
@@ -1770,6 +1770,16 @@
           "options__2": {
             "label": "隱藏縮圖"
           }
+        },
+        "media_position": {
+          "label": "桌面版多媒體檔案位置",
+          "info": "行動版會自動調整為最佳位置。",
+          "options__1": {
+            "label": "靠左"
+          },
+          "options__2": {
+            "label": "靠右"
+          }
         }
       }
     },
@@ -2284,6 +2294,16 @@
         },
         "hide_variants": {
           "label": "隱藏桌面版未選擇的子類多媒體檔案"
+        },
+        "media_position": {
+          "label": "桌面版多媒體檔案位置",
+          "info": "行動版會自動調整為最佳位置。",
+          "options__1": {
+            "label": "靠左"
+          },
+          "options__2": {
+            "label": "靠右"
+          }
         }
       },
       "presets": {
diff --git a/sections/featured-product.liquid b/sections/featured-product.liquid
index d02e9bc9b0c..27c157dc873 100644
--- a/sections/featured-product.liquid
+++ b/sections/featured-product.liquid
@@ -44,17 +44,14 @@
 
 <section class="color-{{ section.settings.color_scheme }} {% if section.settings.secondary_background %}background-secondary{% else %}gradient{% endif %}">
   <div class="page-width section-{{ section.id }}-padding{% if section.settings.secondary_background %} isolate{% endif %}">
-    <div class="featured-product product grid grid--1-col gradient color-{{ section.settings.color_scheme }}{% if section.settings.secondary_background == false %} isolate{% endif %} {% if product.media.size > 0 %}grid--2-col-tablet{% else %}product--no-media{% endif %}">
-      <div class="grid__item product__media-wrapper">
+    <div class="featured-product product grid grid--1-col gradient color-{{ section.settings.color_scheme }} product--{{ section.settings.media_position }}{% if section.settings.secondary_background == false %} isolate{% endif %} {% if product.media.size > 0 %}grid--2-col-tablet{% else %}product--no-media{% endif %}">
+      <div class="grid__item product__media-wrapper{% if section.settings.media_position == 'right' %} medium-hide large-up-hide{% endif %}">
         <media-gallery
           id="MediaGallery-{{ section.id }}"
           role="region"
           aria-label="{{ 'products.product.media.gallery_viewer' | t }}"
           data-desktop-layout="stacked"
         >
-          <a class="skip-to-content-link button visually-hidden" href="#ProductInfo-{{ section.id }}">
-            {{ "accessibility.skip_to_product_info" | t }}
-          </a>
           <div id="GalleryViewer-{{ section.id }}" class="product__media-list">
             {%- if product.selected_or_first_available_variant.featured_media != null -%}
               {%- assign media = product.selected_or_first_available_variant.featured_media -%}
@@ -446,6 +443,46 @@
           </a>
         </div>
       </div>
+      {%- if section.settings.media_position == 'right' -%}
+        <div class="grid__item product__media-wrapper small-hide">
+          <media-gallery
+            id="MediaGallery-{{ section.id }}-right"
+            role="region"
+            aria-label="{{ 'products.product.media.gallery_viewer' | t }}"
+            data-desktop-layout="stacked"
+          >
+            <div id="GalleryViewer-{{ section.id }}-right" class="product__media-list">
+              {%- if product.selected_or_first_available_variant.featured_media != null -%}
+                {%- assign media = product.selected_or_first_available_variant.featured_media -%}
+                <div class="product__media-item" data-media-id="{{ section.id }}-{{ media.id }}">
+                  {% render 'product-thumbnail', media: media, position: 'featured', loop: section.settings.enable_video_looping, modal_id: section.id, xr_button: false, media_width: 0.5 %}
+                </div>
+              {%- endif -%}
+              {%- for media in product.media -%}
+                {%- if media_to_render contains media.id and media.id != product.selected_or_first_available_variant.featured_media.id -%}
+                  <div class="product__media-item" data-media-id="{{ section.id }}-{{ media.id }}">
+                    {% render 'product-thumbnail', media: media, position: forloop.index, loop: section.settings.enable_video_looping, modal_id: section.id, xr_button: false, media_width: 0.5 %}
+                  </div>
+                {%- endif -%}
+              {%- endfor -%}
+            </div>
+            {%- if first_3d_model -%}
+              <button
+                class="button button--full-width product__xr-button"
+                type="button"
+                aria-label="{{ 'products.product.xr_button_label' | t }}"
+                data-shopify-xr
+                data-shopify-model3d-id="{{ first_3d_model.id }}"
+                data-shopify-title="{{ product.title | escape }}"
+                data-shopify-xr-hidden
+              >
+                {% render 'icon-3d-model' %}
+                {{ 'products.product.xr_button' | t }}
+              </button>
+            {%- endif -%}
+          </media-gallery>
+        </div>
+      {%- endif -%}
     </div>
     <product-modal id="ProductModal-{{ section.id }}" class="product-media-modal media-modal">
       <div
@@ -789,6 +826,23 @@
       "content": "t:sections.featured-product.settings.header.content",
       "info": "t:sections.featured-product.settings.header.info"
     },
+    {
+      "type": "select",
+      "id": "media_position",
+      "options": [
+        {
+          "value": "left",
+          "label": "t:sections.featured-product.settings.media_position.options__1.label"
+        },
+        {
+          "value": "right",
+          "label": "t:sections.featured-product.settings.media_position.options__2.label"
+        }
+      ],
+      "default": "left",
+      "label": "t:sections.featured-product.settings.media_position.label",
+      "info": "t:sections.featured-product.settings.media_position.info"
+    },
     {
       "type": "checkbox",
       "id": "hide_variants",
diff --git a/sections/main-product.liquid b/sections/main-product.liquid
index 58b41f1661f..bfdbfb0f425 100644
--- a/sections/main-product.liquid
+++ b/sections/main-product.liquid
@@ -47,8 +47,8 @@
     >
   {%- endif -%}
 
-  <div class="product product--{{ section.settings.media_size }} product--{{ section.settings.gallery_layout }} grid grid--1-col {% if product.media.size > 0 %}grid--2-col-tablet{% else %}product--no-media{% endif %}">
-    <div class="grid__item product__media-wrapper">
+  <div class="product product--{{ section.settings.media_size }} product--{{ section.settings.media_position }} product--{{ section.settings.gallery_layout }} grid grid--1-col {% if product.media.size > 0 %}grid--2-col-tablet{% else %}product--no-media{% endif %}">
+    <div class="grid__item product__media-wrapper{% if section.settings.media_position == 'right' %} medium-hide large-up-hide{% endif %}">
       <media-gallery
         id="MediaGallery-{{ section.id }}"
         role="region"
@@ -701,6 +701,212 @@
         </a>
       </div>
     </div>
+    {%- if section.settings.media_position == 'right' -%}
+      <div class="grid__item product__media-wrapper small-hide">
+        <media-gallery
+          id="MediaGallery-{{ section.id }}-right"
+          role="region"
+          {% if section.settings.enable_sticky_info %}
+            class="product__media-gallery"
+          {% endif %}
+          aria-label="{{ 'products.product.media.gallery_viewer' | t }}"
+          data-desktop-layout="{{ section.settings.gallery_layout }}"
+        >
+          <div id="GalleryStatus-{{ section.id }}-right" class="visually-hidden" role="status"></div>
+          <slider-component id="GalleryViewer-{{ section.id }}-right" class="slider-mobile-gutter">
+            <ul
+              id="Slider-Gallery-{{ section.id }}-right"
+              class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile"
+              role="list"
+            >
+              {%- assign media_position = 0 -%}
+              {%- if product.selected_or_first_available_variant.featured_media != null -%}
+                {%- assign featured_media = product.selected_or_first_available_variant.featured_media -%}
+                <li
+                  id="Slide-{{ section.id }}-{{ featured_media.id }}-right"
+                  class="product__media-item grid__item slider__slide is-active{% if featured_media.media_type != 'image' %} product__media-item--full{% endif %}{% if section.settings.hide_variants and variant_images contains featured_media.src %} product__media-item--variant{% endif %}"
+                  data-media-id="{{ section.id }}-{{ featured_media.id }}"
+                >
+                  {%- assign media_position = 1 -%}
+                  {% render 'product-thumbnail', media: featured_media, position: media_position, loop: section.settings.enable_video_looping, modal_id: section.id, xr_button: true, media_width: media_width, lazy_load: false %}
+                </li>
+              {%- endif -%}
+              {%- for media in product.media -%}
+                {%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
+                  <li
+                    id="Slide-{{ section.id }}-{{ media.id }}-right"
+                    class="product__media-item grid__item slider__slide{% if product.selected_or_first_available_variant.featured_media == null and forloop.index == 1 %} is-active{% endif %}{% if media.media_type != 'image' %} product__media-item--full{% endif %}{% if section.settings.hide_variants and variant_images contains media.src %} product__media-item--variant{% endif %}"
+                    data-media-id="{{ section.id }}-{{ media.id }}"
+                  >
+                    {%- liquid
+                      assign media_position = media_position | default: 0 | plus: 1
+                      assign lazy_load = false
+                      if media_position > 1
+                        assign lazy_load = true
+                      endif
+                      render 'product-thumbnail', media: media, position: media_position, loop: section.settings.enable_video_looping, modal_id: section.id, xr_button: true, media_width: media_width, lazy_load: lazy_load
+                    -%}
+                  </li>
+                {%- endunless -%}
+              {%- endfor -%}
+            </ul>
+          </slider-component>
+          {%- if first_3d_model -%}
+            <button
+              class="button button--full-width product__xr-button"
+              type="button"
+              aria-label="{{ 'products.product.xr_button_label' | t }}"
+              data-shopify-xr
+              data-shopify-model3d-id="{{ first_3d_model.id }}"
+              data-shopify-title="{{ product.title | escape }}"
+              data-shopify-xr-hidden
+            >
+              {% render 'icon-3d-model' %}
+              {{ 'products.product.xr_button' | t }}
+            </button>
+          {%- endif -%}
+          {%- if media_count > 1 and section.settings.gallery_layout != 'stacked' or section.settings.mobile_thumbnails == 'show' -%}
+            <slider-component
+              id="GalleryThumbnails-{{ section.id }}-right"
+              class="thumbnail-slider slider-mobile-gutter quick-add-hidden{% if section.settings.mobile_thumbnails == 'hide' %} small-hide{% endif %}{% if media_count <= 3 %} thumbnail-slider--no-slide{% endif %}"
+            >
+              <button
+                type="button"
+                class="slider-button slider-button--prev{% if media_count <= 3 %} small-hide{% endif %}{% if media_count <= 4 %} medium-hide large-up-hide{% endif %}"
+                name="previous"
+                aria-label="{{ 'general.slider.previous_slide' | t }}"
+                aria-controls="GalleryThumbnails-{{ section.id }}-right"
+                data-step="3"
+              >
+                {% render 'icon-caret' %}
+              </button>
+              <ul
+                id="Slider-Thumbnails-{{ section.id }}-right"
+                class="thumbnail-list list-unstyled slider slider--mobile{% if section.settings.gallery_layout == 'thumbnail_slider' %} slider--tablet-up{% endif %}"
+              >
+                {%- if featured_media != null -%}
+                  {%- liquid
+                    capture media_index
+                      if featured_media.media_type == 'model'
+                        increment model_index_right
+                      elsif featured_media.media_type == 'video' or featured_media.media_type == 'external_video'
+                        increment video_index_right
+                      elsif featured_media.media_type == 'image'
+                        increment image_index_right
+                      endif
+                    endcapture
+                    assign media_index = media_index | plus: 1
+                  -%}
+                  <li
+                    id="Slide-Thumbnails-{{ section.id }}-0-right"
+                    class="thumbnail-list__item slider__slide{% if section.settings.hide_variants and variant_images contains featured_media.src %} thumbnail-list_item--variant{% endif %}"
+                    data-target="{{ section.id }}-{{ featured_media.id }}"
+                    data-media-position="{{ media_index }}"
+                  >
+                    <button
+                      class="thumbnail global-media-settings global-media-settings--no-shadow {% if featured_media.preview_image.aspect_ratio > 1 %}thumbnail--wide{% else %}thumbnail--narrow{% endif %}"
+                      aria-label="{%- if featured_media.media_type == 'image' -%}{{ 'products.product.media.load_image' | t: index: media_index }}{%- elsif featured_media.media_type == 'model' -%}{{ 'products.product.media.load_model' | t: index: media_index }}{%- elsif featured_media.media_type == 'video' or featured_media.media_type == 'external_video' -%}{{ 'products.product.media.load_video' | t: index: media_index }}{%- endif -%}"
+                      aria-current="true"
+                      aria-controls="GalleryViewer-{{ section.id }}-right"
+                      aria-describedby="Thumbnail-{{ section.id }}-0-right"
+                    >
+                      <img
+                        id="Thumbnail-{{ section.id }}-0-right"
+                        srcset="
+                          {% if featured_media.preview_image.width >= 54 %}{{ featured_media.preview_image | image_url: width: 54 }} 54w,{% endif %}
+                          {% if featured_media.preview_image.width >= 74 %}{{ featured_media.preview_image | image_url: width: 74 }} 74w,{% endif %}
+                          {% if featured_media.preview_image.width >= 104 %}{{ featured_media.preview_image | image_url: width: 104 }} 104w,{% endif %}
+                          {% if featured_media.preview_image.width >= 162 %}{{ featured_media.preview_image | image_url: width: 162 }} 162w,{% endif %}
+                          {% if featured_media.preview_image.width >= 208 %}{{ featured_media.preview_image | image_url: width: 208 }} 208w,{% endif %}
+                          {% if featured_media.preview_image.width >= 324 %}{{ featured_media.preview_image | image_url: width: 324 }} 324w,{% endif %}
+                          {% if featured_media.preview_image.width >= 416 %}{{ featured_media.preview_image | image_url: width: 416 }} 416w,{% endif %},
+                          {{ featured_media.preview_image | image_url }} {{ media.preview_image.width }}w
+                        "
+                        src="{{ featured_media | image_url: width: 416 }}"
+                        sizes="(min-width: {{ settings.page_width }}px) calc(({{ settings.page_width | minus: 100 | times: media_width | round }} - 4rem) / 4), (min-width: 990px) calc(({{ media_width | times: 100 }}vw - 4rem) / 4), (min-width: 750px) calc((100vw - 15rem) / 8), calc((100vw - 14rem) / 3)"
+                        alt="{{ featured_media.alt | escape }}"
+                        height="208"
+                        width="208"
+                        loading="lazy"
+                      >
+                    </button>
+                  </li>
+                {%- endif -%}
+                {%- for media in product.media -%}
+                  {%- unless media.id == product.selected_or_first_available_variant.featured_media.id -%}
+                    {%- liquid
+                      capture media_index
+                        if media.media_type == 'model'
+                          increment model_index_right
+                        elsif media.media_type == 'video' or media.media_type == 'external_video'
+                          increment video_index_right
+                        elsif media.media_type == 'image'
+                          increment image_index_right
+                        endif
+                      endcapture
+                      assign media_index = media_index | plus: 1
+                    -%}
+                    <li
+                      id="Slide-Thumbnails-{{ section.id }}-{{ forloop.index }}-right"
+                      class="thumbnail-list__item slider__slide{% if section.settings.hide_variants and variant_images contains media.src %} thumbnail-list_item--variant{% endif %}"
+                      data-target="{{ section.id }}-{{ media.id }}"
+                      data-media-position="{{ media_index }}"
+                    >
+                      {%- if media.media_type == 'model' -%}
+                        <span class="thumbnail__badge" aria-hidden="true">
+                          {%- render 'icon-3d-model' -%}
+                        </span>
+                      {%- elsif media.media_type == 'video' or media.media_type == 'external_video' -%}
+                        <span class="thumbnail__badge" aria-hidden="true">
+                          {%- render 'icon-play' -%}
+                        </span>
+                      {%- endif -%}
+                      <button
+                        class="thumbnail global-media-settings global-media-settings--no-shadow {% if media.preview_image.aspect_ratio > 1 %}thumbnail--wide{% else %}thumbnail--narrow{% endif %}"
+                        aria-label="{%- if media.media_type == 'image' -%}{{ 'products.product.media.load_image' | t: index: media_index }}{%- elsif media.media_type == 'model' -%}{{ 'products.product.media.load_model' | t: index: media_index }}{%- elsif media.media_type == 'video' or media.media_type == 'external_video' -%}{{ 'products.product.media.load_video' | t: index: media_index }}{%- endif -%}"
+                        {% if media == product.selected_or_first_available_variant.featured_media or product.selected_or_first_available_variant.featured_media == null and forloop.index == 1 %}
+                          aria-current="true"
+                        {% endif %}
+                        aria-controls="GalleryViewer-{{ section.id }}-right"
+                        aria-describedby="Thumbnail-{{ section.id }}-{{ forloop.index }}-right"
+                      >
+                        <img
+                          id="Thumbnail-{{ section.id }}-{{ forloop.index }}-right"
+                          srcset="
+                            {% if media.preview_image.width >= 59 %}{{ media.preview_image | image_url: width: 59 }} 59w,{% endif %}
+                            {% if media.preview_image.width >= 118 %}{{ media.preview_image | image_url: width: 118 }} 118w,{% endif %}
+                            {% if media.preview_image.width >= 84 %}{{ media.preview_image | image_url: width: 84 }} 84w,{% endif %}
+                            {% if media.preview_image.width >= 168 %}{{ media.preview_image | image_url: width: 168 }} 168w,{% endif %}
+                            {% if media.preview_image.width >= 130 %}{{ media.preview_image | image_url: width: 130 }} 130w,{% endif %}
+                            {% if media.preview_image.width >= 260 %}{{ media.preview_image | image_url: width: 260 }} 260w{% endif %}
+                          "
+                          src="{{ media | image_url: width: 84, height: 84 }}"
+                          sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 12), (min-width: 750px) calc((100vw - 16.5rem) / 8), calc((100vw - 8rem) / 5)"
+                          alt="{{ media.alt | escape }}"
+                          height="200"
+                          width="200"
+                          loading="lazy"
+                        >
+                      </button>
+                    </li>
+                  {%- endunless -%}
+                {%- endfor -%}
+              </ul>
+              <button
+                type="button"
+                class="slider-button slider-button--next{% if media_count <= 3 %} small-hide{% endif %}{% if media_count <= 4 %} medium-hide large-up-hide{% endif %}"
+                name="next"
+                aria-label="{{ 'general.slider.next_slide' | t }}"
+                aria-controls="GalleryThumbnails-{{ section.id }}-right"
+                data-step="3"
+              >
+                {% render 'icon-caret' %}
+              </button>
+            </slider-component>
+          {%- endif -%}
+        </media-gallery>
+      </div>
+    {%- endif -%}
   </div>
 
   <product-modal id="ProductModal-{{ section.id }}" class="product-media-modal media-modal">
@@ -1244,6 +1450,23 @@
       "content": "t:sections.main-product.settings.header.content",
       "info": "t:sections.main-product.settings.header.info"
     },
+    {
+      "type": "select",
+      "id": "media_position",
+      "options": [
+        {
+          "value": "left",
+          "label": "t:sections.main-product.settings.media_position.options__1.label"
+        },
+        {
+          "value": "right",
+          "label": "t:sections.main-product.settings.media_position.options__2.label"
+        }
+      ],
+      "default": "left",
+      "label": "t:sections.main-product.settings.media_position.label",
+      "info": "t:sections.main-product.settings.media_position.info"
+    },
     {
       "type": "select",
       "id": "gallery_layout",