WooCommerce Single: Product Meta

When managing an online store, presenting product information in a clear and engaging way is essential. That's why we offer robust tools to customize every part of your shop, including the single product page. The Product Meta widget is one of these tools, designed to display key product details — like categories, tags, and SKU (Stock Keeping Unit) — that help customers navigate and understand your offerings.

How to Customize Your Product Meta with JupiterX

Let's take a look at how you can use the Product Meta widget to enhance your product pages:

Accessing the Product Meta Widget

In the WordPress dashboard, navigate to your single product template from JupiterX layout builder.
Open the page with the Elementor editor.
Drag and drop the Product Meta widget from the Elementor panel onto your product page.

Fine-Tuning Your Product Meta Display with Style Tab Settings

View

Change View: Click on the "View" dropdown to choose how to display the meta information. Options include "Table", "Stacked" or "Inline".

Space Between

Adjust Space: Use the slider or manually enter a value to modify the space between meta items for a clean appearance.

Divider

Toggle Divider: Switch this setting 'On' or 'Off' to include or remove a line separator.
Style: When the divider is on, pick a style from options such as solid, dotted, or dashed.
Weight: Define the thickness of your divider for a subtle or bold effect.
Height: Set the height of your divider, with units like px, em, or %.
Color: Choose a color that complements your design or brand palette.

Title and Description

Typography: Click the pencil icon for both Title and Description to tailor font settings. Options include font family, size, weight, and more.
Color: Select the ideal color to ensure titles and descriptions are readable and match your overall design.

Customizing Captions Settings for Better Clarity

Categories and Tags

Category: Specify the singular and plural forms, depending on your store’s needs.
Tag: Similarly, set the singular and plural terms for product tags.

SKU

SKU: Input a custom label for "SKU" if your store uses a different terminology.
Missing: Enter text like "N/A" to inform customers when an SKU is not available.

Tip: Consistency in how you present product information is key to a professional-looking store. Ensure that your choices for the Product Meta widget align with your store's branding.

By adjusting these settings, you can better integrate the product meta information into your WooCommerce single product page, ensuring that it both looks great and provides valuable information to your customers. If you have any questions or need further assistance, don't hesitate to reach out to our support team. We're here to help you build the perfect online store with JupiterX.