How to Add and Customize a Single Product Block

On This Page

TABLE OF CONTENTS

Getting Started

 

The Single Product Block is a fairly straightforward block: it allows for your store to display and highlight an individual product. Despite the simplicity of its function, this block does allow for a multitude of customizability options. While this page will focus on briefly explaining the function of each, we highly recommend that you take the time to experiment with and practice using this feature so as to create blocks that perfectly fit the style and needs of your store.

 

Adding a Single Product Block

 

Before you can begin customizing this feature, you will need to add the block to your webpage. You can do this simply and quickly by following these steps:

  1. From your myShopify home page, select Online Store > Customize
  2. On the customization side bar on the left of the page, scroll down to Add Section
  3. From the Add Section selection, add Single Product Block
  4. Following the addition, scroll up and find and select the Single Product Block section to begin your customization

 

Customizing a Single Product Block

 

Once you have opened the customization tab for your Single Product Block, you will notice a large range of customizable features. These features can be divided into two broad sections: General and Trusted Image. Below you will find a brief list of the features within each section.

 

General:

  • Main Title
  • Select Your Product
  • Start Date
  • End Date
  • Show Thumbnail Image
  • Show Quantity Selector
  • Show Vendor
  • Show Product Type
  • Show Grading Guide
  • Show Dynamic Checkout Button
  • Show Description Tab
  • Show Review Tab
  • Show Contact Form Tab
  • Enabled Stock Alert
  • Max Quantity for Stock Alert

 

Trusted Image:

  • Show Trust Image
  • Image

 

General

Main Title

You can title your Single Product Block by inputting text into the Main Title text box. This title will appear above the product  that your store will highlight.

 

Select Your Product

Here, you have the option to link the specific product. By clicking Select Product, you can open a search menu and directly link a specific product from your store's site. It will look something like this:

 

Start and End Date

Because some products being highlighted can be time sensitive affairs, you will have the ability to create both the start and end date for whichever product your store wishes to highlight. Please make sure that you are correctly inputting the date with the necessary structure: YYYY-MM-DD.

 

The product will automatically become visible from the start date. Likewise, it will disappear automatically once it reaches the end date. If there is no highlighted product, then this section will remain totally blank - please be prepared for this blank area on your store's webpage

 

Show Thumbnail Image

By checking this box, your store will display a thumbnail image relate to the highlighted product. We recommend viewing the product with and without this feature to find what best suits your store.

 

Show Quantity Selector

By checking this box, your store will display a selector that allows your customers to quickly adjust the number of product that they would like to add to their online cart. We recommend viewing the product with and without this feature to find what best suits your store. 

 

Show Vendor

By checking this box, your store will display the vendor / supplier / creator of the product that will be highlighted. We recommend viewing the product with and without this feature to find what best suits your store. 

 

Show Product Type

By checking this box, your store will display the product category for the highlighted product. For example, if the highlight product is a Pokémon card, the Product Type will be Pokémon Card. We recommend viewing the product with and without this feature to find what best suits your store. 

 

Show Grading Guide

By checking this box, your store will display the card grading guide alongside the highlighted product. If the highlighted product is not a trading card, this is not needed. When customers click the Grading Guide link, a pop-up appears that informs them of the meaning behind card condition and status. We recommend viewing the product with and without this feature to find what best suits your store. 

 

Show Dynamic Checkout Button

By checking this box, your store will allow for the customer to see will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. We recommend viewing the product with and without this feature to find what best suits your store. 

 

Show Description Tab

By checking this box, your store will allow for a tab to appear just below the product. This tab will include the product description. We recommend viewing the product with and without this feature to find what best suits your store. 

 

Show Review Tab

By checking this box, your store will allow for a tab to appear just below the product. This tab will include reviews of the product given by other customers who have bought and reviewed the highlighted product. We recommend viewing the product with and without this feature to find what best suits your store. 

 

Show Contact Form Tab

By checking this box, your store will allow for a tab to appear just below the product. This tab will include a section for contacting your store. This contact tab will be identical to other contact forms found on your webpage. We recommend viewing the product with and without this feature to find what best suits your store. 

 

Enabled Stock Alert

By checking this box, your store will allow for an energetic notification alerting the customer of how much of the highlighted product's stock is available. If the product is over a certain amount, as set in the Max Quantity for Stock Alert, the Stock Alert will not be visible. We recommend viewing the product with and without this feature to find what best suits your store. 

 

Max Quantity for Stock Alert

This sliding cline allows for your store to choose the max quantity for which the Stock Alert will function. If your highlighted product has a stock of 20, but the max quantity is set to 18, the Stock Alert will not be visible. Once stock drops to 18 or below, the Stock Alert will again be visible. We recommend adjusting this feature to fit the needs of your store. 

 

Trusted Image

Show Trust Image

By checking this box, your store will add a specific image / icon to appear below the Add to Cart button to the right of the highlighted product. This is a handy feature to utilize if you are wanting to guarantee some features or promises to your customers, such as a Satisfaction Guaranteed of Your Money Back type promotion. We recommend viewing the product with and without this feature to find what best suits your store. 

 

Image

Within this section, you will notice that you have the ability to add an icon image. You have the ability to add your icon by selecting Select image. Please also be aware of the size of the image that you choose. You will notice instructions and recommendations for image size in this section. It will look something like this:

If you choose an image that is larger than the recommended size, the quality and visibility is very likely to suffer as a result. Please understand that this size recommendation is based on optimization across all potential viewing platforms (computer, smartphone, tablet, etc.)

 

After you have chosen your image, you will notice another customization option become available: Add alt text.

 

Adding alt text is a good way for your to include addition descriptions that will appear just beneath your icon. You can add up to 255 characters to this alt text feature
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request