Address
304 North Cardinal St.
Dorchester Center, MA 02124
Work Hours
Monday to Friday: 7AM - 7PM
Weekend: 10AM - 5PM
Popular Search
mega menucartlanguagedemocolor
Featured product
9 min read
Table of Contents
The appearance of the “Featured product” #
General settings #
| Settings | Description |
| Product | The product that you want to highlight in the section. |
| SECTION HEADER | |
| Heading | RichText: You can add a section title using the RichText editor. Learn more about this |
| Heading size | Large: This is the large text size of the section heading. Desktop size: 50px, Mobile Size: 30px Medium (Default): This is the medium text size of the section heading. Desktop size: 40px, Mobile Size: 28px Small: This is the medium text size of the section heading. Desktop size: 32px, Mobile Size: 25px |
| Subheading | This is the section subtitle. |
| Desktop Heading alignment | You can change the content alignment only for desktop, Left: Aligns the content to the left. Right: Aligns the content to the right. Center: Aligns the content to the center. |
| Mobile heading alignment | You can change the content alignment only for mobile, Left: Aligns the content to the left. Right: Aligns the content to the right. Center: Aligns the content to the center. |
Media settings #
Learn more about media types.
| Settings | Description |
| Desktop media position | Right (default): Displays the image on the right and text on the left. Left: Displays the image on the left and text on the right. The position is automatically optimized for mobile. |
| Desktop layout | Stacked: ——————–  2 columns: ——————-  Thumbnails: ———————-  Thumbnails carousel (default): —————————————–  |
| Media size | Small: The image will display in one-third of the entire section width. Medium: The image will be displayed at half the width of the entire section. Large: The image will display in two-thirds of the entire section width. Media is automatically optimized for mobile |
| Image height | Adapt to image: Uses the aspect ratio of the collection images is cropped. Small: This is the smallest height of the lookbook image. Desktop height: 500px, Mobile height: 304px Medium: This is the medium height of the lookbook image. Desktop height: 600px, Mobile height: 384px Large: This is the maximum height of the lookbook image. Desktop height: 700px, Mobile height: 435px |
| Mobile layout | |
| Hide other variants’ media after selecting a variant | Images of other variants are hidden from view when one variant is selected. When the variant is deselected, the images reappear. |
| Enable sticky product information on large screens | You can enable sticky product information on the large screen. |
| Enable video looping | Allows for repeat playback of the video. The replay must be initiated by a customer click. |
| Color scheme | You can change the color of the section. The color scheme switcher is located here. |
| Background color fit | If you enable it, this section’s background color will be displayed in the entire section. By default, it will show in half of the section. |
| Show secondary background | You can enable a color background for the content container inside the section |
| Secondary background color scheme | This is the color scheme for the section inside the content. |
| Round corner | If you enable it, the section corners will be rounded. This will work when the secondary background is enabled. |
Section Padding #
| Settings | Description |
| Desktop: Padding top | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop. |
| Desktop: Padding bottom | The section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop. |
| Mobile: Padding top | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the mobile. |
| Mobile: Padding bottom | The section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop. |
Section blocks #
You can add the following blocks to your Featured product section in your store:
| Text | Text: You can add text and dynamic sources. Text style: Choose between Body, Subtitle, or Uppercase. |
| Title | Displays the title of the product. |
| Price | Displays pricing information for the product, such as price and compare at price. |
| Countdown timer |  Displays an active countdown clock set to expire at a given time. For example, You can give a discount for a specific product. Then the timer will present a discount period. To display the counter timer, you must set up the meatfield. Learn more about adding countdown metafield |
| Inventory status |  Displays a message informing customers about product availability: |
Variant picker #
| Settings | Description |
| Type: | Dropdown: ———————-  Button (default): ———————–  |
| COLOR SWATCHES | Required! The variant picker type must be ‘Button’ |
| Enable color swatches | If you enable it, Color variants are shown in swatches. |
| Swatch type | Variant image (default): After adding an image to your variant, if you select this option from the settings the image will be displayed in your specific variant. Color swatch: If you add a color name to a specific product’s Color options and that color name is Color Names Support in Browsers. The color will be displayed on your specific variant. Example color name supported by all browsers  IMPORTANT: If you need a custom color for your specific product variant. Then you can add custom colors using a metafield. How to add metafield for the custom color for the variant, go to this page. Learn more |
| Option name | This is a text field. To display the image in the variant, you must enter the same name as the product variant option name here, Shopify admin product variant option name: ——————————————  Customizer product variant option name: ————————————————  |
| Color option style | Round: If you select it, the variant’s corners will be rounded. Square: If you select it, the variant’s corners will be square. |
| LIMIT | You can add this block a maximum of 1 time. |
Buy buttons #
| Settings | Description |
| Show quantity button |  This is the quantity button for the cart. By default, the quantity is 1. If the customer wants to increase the quantity, he or she must use the quantity field. You can now enable/disable the field as needed. |
| Show dynamic checkout buttons | You can enable/disable the button. Using the payment methods available in your store, customers see their preferred option, like PayPal or Apple Pay. Learn more |
| GUARANTEE SAFE CHECKOUT | |
| Show trust badge | You can show/hide the trust badge in the product section. |
| Trust badge text | You can add text to the trust badge |
| LIMIT | You can add this block a maximum of 1 time. |
Additional field #
IMPORTANT
There are two additional fields that we’ve made the default. If you need to add more fields, you should hire a Shopify expert.
| Settings | Description |
| Show text field | This is a text field. Customers can add text to the cart. You can show/hide the text field from the product section. |
| Text label | You can change the text field label. |
| Show file field | This is the file field. Customers can add a file to the cart. You can show/hide the file field from the product section. |
| File label | You can change the file field label. |
| LIMIT | You can add this block a maximum of 1 time. |
Social Share #
| Settings | Description |
| Text | You can add a text to social share |
| Enable share link | This is a field to copy the link to share. You can enable/disable the link. |
| Enable facebook share link | This is a field to share links on Facebook. You can enable/disable the field |
| Enable twitter share link | This is a field to share links on Twitter. You can enable/disable the field |
| Enable Pinterest share link | This is a field to share links on Pinterest. You can enable/disable the field |
| Learn more details | If you include a link in social media posts, the page’s featured image will be shown as the preview image. Learn more. ——- A store title and description are included with the preview image. Learn more. |
Product Description #
It’s a collapsible tab
| Settings | Description |
| Heading | This is the title of the product details collapsible tab. |
| Icon | This is the icon of the product details collapsible tab. You can add any icon from the icon select options. |
| Product Description | Short description: If you select it, you have to use a metafield to show the description for the specific product. How to use product short description meatfield, please check the article Full description: If you select it, the default product description will be displayed. |
| Description word count | You can set a limit to the product description, If ‘Full Description’ is selected, then it will be applicable |
Popup size guide #
| Settings | Description |
| Heading | This is the text of the “Size Guide” button. |
| Icon | This is the icon of the “Size Guide” button. You can add any icon from the icon select options. |
| Popup content | RichText: This is the ext for the size guide popup content. Learn more about RichText Editor |
| Select page | You can select the specific page for the size guide popup. |
Pop-up contact form #
| Settings | Description |
| Popup button label | This is the label of the popup button label. |
| Icon | This is the icon of the “Pop-up contact form” button. You can add any icon from the icon select options. |
| POPUP CONTENT | |
| Contact form label | This is the text of the popup title. |
| Submit button | This is the text for the contact form submit button. |
| Name placeholder | This is the input name placeholder text |
| Email placeholder | This is the input email placeholder text |
| Phone placeholder | This is the input phone placeholder text |
| Product link placeholder | This is the input link placeholder text |
| Message body | This is the textarea message placeholder text |
Pop-up text #
| Settings | Description |
| Pop-up text label | This is the label of the popup button label. |
| Icon | This is the icon of the “Pop-up text” button. You can add any icon from the icon select options. |
| Popup content | RichText: This is the text for the popup content. Learn more about RichText Editor |
| Select page | You can select the specific page for the size guide popup. |
Collapsible tab #
| Settings | Description |
| Heading | This is the title of the collapsible tab. |
| Tab content | This is the icon of the product details collapsible tab. You can add any icon from the icon select options. |
| Tab content from page | RichText: This is the text for the tab content. Learn more about RichText Editor |
| Icon | This is the icon of the “collapsible tab” button. You can add any icon from the icon select options. |
More settings #
| Settings | Description |
| Custom liquid | You can show data using the liquid from the custom liquid field. |
| Vendor | You can show the product vendor name in the section. |
| Type | You can show the product type in the section. |
| SKU | You can show the product SKU in the section. |
| Barcode | You can show the product Barcode in the section. |
| Reviews | You need to install the product review app. Get review app |
Powered by BetterDocs