Product pages

The product page showcases a product and its variants, and includes product images, pricing information, a product description, and an Add to cart button. Every product that you have specified in the admin to be available on your online store has its own product page on your website. There are many ways that you can customize the layout, style, and behavior of your product pages.

For more detail about product page you may visit https://help.shopify.com/en/manual/products/understanding-products

Artemis support 5 product alternative template: (You can read more detail about alternative product template here https://help.shopify.com/en/themes/customization/store/create-alternate-templates)

  • Product Default: product.default. 1
  • Product Big Image: product.big-image2
  • Product Grid Image: product.grid-image3
  • Product Grid Thumbnail: product.grid-thumbnail4
  • Product Image Slider: product.image-slider5
  • Product Image Slider Version 2: product.image-sliderv26

In addition to the product type that supports metafield bundle product (group product) we have created two separate product support templates.

  • Product default with bundle product: product.default-bundle7
  • Product Big image with bundle product: product.big-image-bundle8

How to add bundle product

To support product with AR we creat

    1. Product default support Augmented Reality 3D image by 3D Warehouse app (It's only support for IOS 12 Device): product.default-ar9

Customize product templates with sections

From your Shopify admin, go to Online Store > Themes

  • Find the theme that you want to edit and click Customize

  • From the top bar drop-down menu, select the type of page that you want to edit from the top bar drop-down menu.

  • Select Product pages. Now you will access to edit Sections for Product page.
    However, Shopify only support for only 1 product page template to customize at select tab.

You can change product page template view by add ?view=templatename at the end of product url which redirect is product template name. The default template can switch with no view name ?view=\.

  • product.default -> ?view=default
  • product.default-ar -> ?view=default-ar
  • product.default-bundle -> ?view=default-bundle
  • product.big-image-bundle -> ?view=big-image-bundle
  • product.big-image -> ?view=big-image
  • product.grid-image -> ?view=grid-image
  • product.grid-thumbnail -> ?view=grid-thumbnail
  • product.image-slider -> ?view=image-slider
  • product.image-sliderv2 -> ?view=image-sliderv2

Demos

1 Demo https://arena-artemis.myshopify.com/products/fixair-product-sample
2 Demo https://arena-artemis.myshopify.com/products/gooddox-product-sample
3 Demo https://arena-artemis.myshopify.com/products/quisque-placerat-libero
4 Demo https://arena-artemis.myshopify.com/products/danin-product-sample
5 Demo https://arena-artemis.myshopify.com/products/finity-product-sample
6 Demo https://arena-artemis.myshopify.com/products/anity-product-sample
7 Demo https://arena-artemis.myshopify.com/products/blue-bandeau-bikini-top
8 Demo https://arena-artemis.myshopify.com/products/consectetur-nibh-eget
9 Demo https://arena-artemis.myshopify.com/products/flexlam-product-sample

results matching ""

    No results matching ""