When using the theme's existing product layout, there are three dropzones on the page. There is the theme's main "Product Description" area and two custom areas that appear above and below the product. 

Each of these regions can be found in your Shopify theme's product template and can be relocated.

Note: Edit your product template files with care. This is the default template for all products in the store.

What dropzones are available in Shogun?

Each dropzone is represented by a liquid tag in the product.liquid file, which is located in the Templates folder of the Shopify theme.

  • The Main region appears as {{product.description}}. In some themes, this may be located in the product-template.liquid section file.

  • The Above region appears as {{product.metafields.shogun.above}} 

  • The Below region appears as {{product.metafields.shogun.below}}

Each of these tags can be placed anywhere inside of your product.liquid file.

Additional theme components can be placed in this file to rearrange the order of a page.

Example: If your theme has a Reviews section that you'd like to have appear at the bottom of the product page, the Reviews code can placed underneath the {{product.metafields.shogun.below}} tag in the product.liquid template.

Note: These product metafields are required within the product.liquid file in order for the dropzones to appear in the editor. They will be automatically re-added if they are deleted. If you would like to disable them from the product template, you can comment them out with Liquid tags.

{% comment %}
{% endcomment %}

The technique covered in this article can also be applied to collection pages using the collection.liquid template file and the collection metafield tags within it.

Did this answer your question?