Как сделать изображение полной ширины (например, баннер) на странице товара Shopify?

Question

Я использую Shopify и хотел бы добавить полноэкранное изображение на страницу продукта. Так как вы не можете сделать это из Shopify, мне придется добавить немного кода в CSS темы. Я могу найти раздел, используя inspect, на моей странице, но какой код необходим для перезаписи ширины, заданной темой?

Answer 1

Вы можете настроить шаблоны / фрагменты страницы продукта в редакторе тем после входа в администратор. Это зависит от темы магазина, которую вы используете.

Если вы могли бы поделиться защищенным предварительным просмотром на странице своих продуктов, это будет более полезно.

Но в общем, вы можете попробовать это:

 1. Login to your store admin 
 2. Go to "Themes" under "Sales Channels" in the left side bar
 3. Click "Actions" next to your current theme and click on "Edit Code"
 4. Go to "Assets" directory, you should see a file called
    "theme.scss.liquid"

Здесь вы можете поместить свой собственный CSS, чтобы сделать изображение продукта на всю ширину, проверив используемые классы.