Skip to main content

7. Product single deal

Help Center
Updated
If you need to promote a product with the sales off price on the homepage, this section will be helpful for you.
 
1. Open the existing section
  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme that you want to edit and click Customize.
  3. Click the Product single deal section.
2. Add a product single deal section to your home page
  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme that you want to edit and click Customize.
  3. Click Add section > Product single deal > Add.
  4. Use the settings to customize your Product single deal section.
  5. Click Save.
3. Settings
Background
  • Enable: turn on/off the background.
  • Pick a color: choose a color to set the background color. If the background is empty, the background color will be displayed.
  • Background image: pick or upload your image to display it as the background image.
  • Background size: set the size of the background image.
  • Background style: set the style of the background image.
Section gutters
  • Enable top gutter: turn on/off the space distance on the top of the section.
  • Enable small top gutter: turn on/off the space distance on the small top of the section.
  • Enable bottom gutter: turn on/off the space distance on the bottom of the section.
  • Enable small bottom gutter: turn on/off the space distance on the small bottom of the section.
General settings
  • Heading: add the section title.
  • Subheading: add section subtitle.
  • Wide display: turn on/off displaying the section in the wider layout.
Product settings
  • Pick a product: choose a product you want to display it as a deal product.
  • Deal title: add your text to display the title of the deal. If empty, the product title will be shown.
  • Deal description: add your text to display the description of the deal. If empty, the product description will be shown.
  • Deal image: pick or upload your image to display the image of the deal. If empty, the featured image of the product will be shown.
  • Button label: the label of the button.

Comments

0 comments

Article is closed for comments.

Powered by Zendesk