adartstudio

Product Page settings


Global settings

Navigate to Theme settings > Product pages settings to customize all product pages.

You can change the position of gallery (top/left/right) in Product page layout.


 

Product Details Information

There are 2 types to display product information: Tabs or Accordions.

Togglable Tabs



After choosing Togglable tabs in Product pages settings, you can change the style and add content to tabs at Sections > Details - Tabs. ( (you must navigate to a product page to see this section).



Here you can add: Description (this takes content from product admin), Additional Description, Size Guide (upload text with external link or upload image), Review, Custom Block.
NOTE: These tabs apply globally to all products.
"Description" is the only tab that changes per each product, so you can add custom content for a certain product in its description.

Additionally, you can add custom youtube video to a specific product. Read this article to know how.

Collapsible Block - Accordion


After choosing Collapsible Block - Accordion in Product pages settings, you can change style and add content to accordion at Sections > Details - Accordion ( (you must navigate to a product page to see this section) ).



Here you can add: Description (this takes content from product admin), Additional Description, Size Guide (upload text with external link or upload image), Review, Custom Block.
NOTE: These blocks apply globally to all products.
"Description" is the only tab that changes per each product, so you can add custom content for a certain product in its description.

Additionally, you can add a youtube video to a specific product page. Read this article to know how.

Details Information Position

There are 2 positions: inside or outside of the Information column.
  • Inside the Information column:


  • Outside the Information column:




Change the type of product gallery in Gallery type.
5 types of gallery: Single slideshow (no additional images), Syncing slideshow with thumbnails on the left, Syncing slideshow with thumbnails on the right, Syncing slideshow with thumbnails on the bottom.



Product gallery has a wrapper to contain the product image. Choose a ratio of wrapper to fit the ratio of your image.
For example, your product image has a 4x6 ratio, then you should change the "Product image ratio" option to 4:6 to fit the image.
If you choose a smaller ratio than the actual ratio of image (eg. 1:1), the image will be cropped to fit the wrapper.

 

Extras

Variant selector type

Choose to show drop-down options or color swatches on product page. 
For better instructions of variant selector, please refer to: Color swatches & Drop-down options for product variants

Dynamic checkout button

If your store uses multiple payments gateway, you can add this Dynamic Checkout Buttons to show all the payment options and direct user to the checkout page instantly.
Please read this article to learn more about the Dynamic Checkout Buttons.

Product video

You can add a video to a specific product, on the bottom right corner of product gallery or on the last tab/accoridon of details information.
Read this article to know how.

Short description 

Short description shows up under product title and price. It takes the first words of the product description.
You can limit the length of this short description in Short description words limit.

You can also add custom short description on a specific product, follow this article to learn how.

Enable/Disable specific content on product page



This section places on the bottom of product page and shows all products which are in the same category/collection with the current product.
To change settings of this section, please go to Sections > Related products (you must navigate to a product page to see this section).

 

Custom content on product page

By default, Shopify does not allow to add custom content on a certain product page.
However, Aries supports some types of content that you can add to a specific product, including:
  • Product video
  • Product countdown
  • Total in stock progress bar
  • Sold count
  • Visitor count
  • Short description
  • Recommended product
To add any of this content, you need to use Metafields. For detailed instruction, please refer to: Add custom content to product page by using metadata.



    • Related Articles

    • Collection Page & Filter settings

      Collection Page Layout Navigate to Theme settings > Collection pages settings > Layout. Grid There are 3 types of grid:  Normal Grid:  Metro Grid:  Masonry Grid: Column number You can choose the number of products per row (column number) from 2 to 6. ...
    • Product Detail page

      Online Store > Themes > Customize Theme > General Settings tab > Product pages Product Gallery position: You can place it left side, right side or on top of content.   Details Information Togglable Tabs: After choosing Togglable tabs in Product pages ...
    • Product Detail page

      Online Store > Themes > Customize Theme > General Settings tab > Product pages Product Gallery position: You can place it left side, right side or on top of content.   Details Information Togglable Tabs: After choosing Togglable tabs in Product pages ...
    • Product badges (labels)

      Badge appears on the top left corner of a product item, based on some conditions. Aries supports these badges: Sold out: auto appear on a sold-out product (product inventory = 0) Sale percentage (auto calculated %): appear on a product having ...
    • Other Pages

      About us To create About page, navigate to Shopify admin > Online Store > Pages > Add page. Put your Page Title and Content, and then choose Template suffix (on the right sidebar) as page.about. To customize About page, navigate to Customize theme > ...