Product Details
Updated 21 days agoThe Product Details section displays essential information about a product, such as its name, vendor, and pricing. This section plays a key role in helping users quickly understand what they are viewing and make informed purchase decisions.
Visibility
-
Enable or Disable – Use the eye icon to show or hide the section
-
Delete – Remove the section if it’s no longer needed
Product Text Content
This section controls how your product information is displayed.
Title
This is the product name shown to users.
You can customize:
-
Font – Choose a font that matches your brand
-
Size/Weight – Adjust how bold or prominent the title appears
-
Line Height – Control spacing between lines
-
Letter Spacing – Fine tune spacing between characters
-
Text Color – Choose a readable color
-
Capitalization – Set how the text appears
Vendor
This displays the brand or seller name.
You can customize:
-
Font
-
Size/Weight
-
Line Height
-
Letter Spacing
-
Text Color
-
Capitalization
Price
This shows the current selling price of the product.
You can customize:
-
Font
-
Size/Weight
-
Line Height
-
Letter Spacing
-
Text Color
-
Capitalization
Compare Price
This displays the original or discounted price (if applicable).
You can customize:
-
Font
-
Size/Weight
-
Line Height
-
Letter Spacing
-
Text Color
-
Capitalization
Background and Spacing
This controls the layout of the entire product details section.
Background:
-
Color – Set the section background color
-
Radius – Adjust corner roundness
-
Padding – Control spacing inside the section
-
Margin – Manage spacing outside the section
Border:
-
Color – Choose border color
-
Width – Adjust thickness
-
Sides – Select which sides should display the border
Benefits:
-
Provides instant clarity to users
-
Builds trust through transparent pricing
-
Supports pricing psychology and conversions
-
Helps users make quick decisions
Related Articles
