Shella Shopify Theme
  • User Manual
  • Shopify help
  • Get Started
    • How to create a new Template
    • How to add and edit a Page
    • How to build Metaobjects
    • How to find a handle
    • Filters logic
    • Pre-Order
  • Product variants
  • Header
    • Theme Blocks
  • Footer
    • Theme Blocks
  • Metafields
    • How to create custom filters
  • Theme Sections
    • Builder
      • Promo box (Banner)
      • Slick Slider
      • Revolution Slider
      • Instagram
      • Product column
      • Custom HTML
      • Space for vertical menu
    • Spacer
    • Article carousel
    • Brand carousel
    • Product carousel
    • Review carousel
    • Contact form
    • FAQs
    • Gallery
    • Information line
    • Search form
    • Subscription form
    • Brands
    • Collections
    • Lookbook
    • One product
    • Collection page heading
      • Theme Blocks
    • Collection banner builder
      • Theme Blocks
    • Ticker
  • Products
    • Product page
      • Theme blocks
    • Related product carousel
    • Usage information sidebar
  • Collections
    • Product grid
      • Current filters
      • Collections
      • Filters
      • Filter settings
      • Tags
      • Products
      • Custom HTML
      • Subscription
      • Promo box (Banner)
  • Collections list
  • Page categories
    • Policy page
    • Lookbook
      • Page
    • Gallery
      • Page
    • FAQs
      • Page
    • Contact
      • Page
    • Brands
      • Page
    • Password
      • Social media
    • Search
      • Current filters
      • Filters
      • Filter settings
      • Products
      • Custom HTML
      • Subscription
      • Promo box (Banner)
    • Quick view
  • Blogs
    • Theme Blocks
  • Blog posts
    • Theme Blocks
  • Theme settings
    • Quick Start
    • License
    • Logo and Favicon
    • Layout
    • Colors
    • Typography
    • Collection and Search page
    • Product -> General
    • Product -> Variants
    • Product -> Collection Page
    • Product Page and Quick View
    • Search
    • Currency
    • Cart
    • Wishlist and Compare
    • Payments
    • Social Media
    • News Subscription
    • Blog and Article Pages
    • Account
    • Reviews
    • Services
    • Apps and Language
    • Button, Input and Promo Box
    • Notifications
    • Pre-loader
    • Animations
    • Developer
    • Custom CSS
  • Theme features
  • Back to Help Center
Powered by GitBook
On this page
  • One product
  • Gallery
  • Labels
  • Elements
  • Background image

Was this helpful?

  1. Theme Sections

One product

This section allows showing one product as a single section on your pages. If you need this, add the “One product” section.

PreviousLookbookNextCollection page heading

Last updated 2 years ago

Was this helpful?

Add section -> One product

One product

Here you can select a product from the options in the “Product”. There you will see all products that you have added to your Shopify Admin. How to add and edit the products you can find .

In the dropdown list of “Layout”, you can choose the position of the text on mobile: to display the centered information or aligned to the left.

The option “Reverse layout” allows you to change the positioning of the content with the image from the left to the right side.

Gallery

Here you can enable the “Show gallery” option and the product's images will be shown in this section.

In case you want to have a completely different image of this very product, you can press “Image”. If your product has several images, you may need some arrows that will help your customer to check all images of the product. In order to get them simply enable the option “Arrows”.

Labels

Here you can decide which labels should be shown on the product. The following labels are available: “In stock”, “Pre-order”, “Out of stock”, “Sale”, “New”, and “Hot”:

Elements

In the “Elements”, you can choose what kind of product information should be displayed on the home page, e.g.: title, price, SKU, buttons, quantity, etc.

Background image

In order to make this section more attractive for the clients, you can add the “Background image” for a desktop and a mobile view. The image size can be changed by choosing one of the options from the dropdown list in the “Image height”. If you want to show another image for mobile, press “Select Image” in the “Mobile background image”.

We have added the background image, and this is what we have got:

here