Wix Studio Store: Displaying Product Brands on Product Pages - A Fix

Understanding the Wix Studio Product Brand Visibility Issue

A recent forum discussion on Wix Studio highlighted a common frustration among store owners: the inability to display product brand names directly on product pages. The original poster, using the Wix store www.nera.am, noted that while the brand field exists in the product's advanced settings within the Wix dashboard, it isn't automatically displayed on the product page itself. This forces store owners to consider workarounds, such as using custom fields, which feels redundant. This article analyzes the problem and provides solutions for Wix Studio store owners facing this issue.

The Problem: Hidden Brand Information

The core issue is that the default Wix Studio store setup doesn't inherently link the 'Brand' field in the product's advanced settings to a visible element on the product page. While the data is stored within the Wix CMS (Content Management System), it requires manual intervention to display it to customers. The user in the forum topic Brand name is not visible in product page attempted to link a text field to the CMS, but encountered issues where the same brand name was reflected across all products, indicating a problem with the dynamic data binding.

Solutions and Workarounds

Here are a few approaches to solve this problem, ranging from simple to more advanced:

1. Using Wix Studio's Connect to CMS Feature (Correctly)

The original poster attempted to use the "Connect to CMS" feature, which is the right approach, but likely missed a crucial step in setting up dynamic page binding. Here’s a corrected procedure:

1. Ensure you have a dynamic page for your products: Wix Studio automatically creates dynamic pages when you set up your store. These pages are templates that display individual product information.
2. Add a Text Element: In the Wix Studio Editor, add a text element to your product page where you want the brand name to appear.
3. Connect to CMS: Select the text element and click the "Connect to CMS" icon (usually a database icon).
4. Choose Your Dataset: Select the product dataset that corresponds to your store.
5. Connect the 'Brand' Field: In the connection settings, choose the 'Brand' field from your product collection to connect to the text element.
6. Verify Dynamic Binding: Preview your site and navigate to different product pages. The brand name should now dynamically update based on the product's 'Brand' field in the CMS.

If the brand name is still not displaying correctly, double-check that the dataset is properly connected to the dynamic page and that the 'Brand' field is correctly mapped to the text element.

2. Using Wix Velo (For Advanced Customization)

For more complex scenarios or if you need greater control over the display, Wix Velo offers a code-based solution. This involves using JavaScript to fetch the brand data from the CMS and display it on the page.

Here's a basic example:

// Assuming you have a text element with the ID "brandText"
import wixData from 'wix-data';

$w.onReady(function () {
 let productId = wixLocation.query.productId; // Get the product ID from the URL

 wixData.query("Stores/Products")
 .eq("_id", productId)
 .find()
 .then( (results) => {
 if(results.items.length > 0) {
 let product = results.items[0];
 let brandName = product.brand; // Assuming 'brand' is the field key
 $w("#brandText").text = brandName; // Set the text element to the brand name
 }
 } );
});

Explanation:

• This code retrieves the product ID from the URL.
• It then uses wixData.query to fetch the product data from the "Stores/Products" collection.
• It extracts the brand name from the product data and sets the text of the element with the ID "brandText" to the brand name.

Important: Replace "brandText" with the actual ID of your text element and ensure that product.brand correctly references the field key for the brand in your product collection.

3. Feature Request to Wix

Finally, consider submitting a feature request to Wix directly. The fact that this functionality isn't built-in suggests that there's room for improvement in the Wix Studio store platform. Requesting a native option to display the product brand on the product page would streamline the process for all users.

Conclusion

While displaying product brand names on Wix Studio store product pages requires a bit of manual configuration, the solutions outlined above provide effective workarounds. By correctly using the "Connect to CMS" feature or leveraging Wix Velo for advanced customization, store owners can ensure that customers see the brand associated with each product. Furthermore, advocating for a built-in feature will contribute to the platform's overall usability and benefit the entire Wix Studio community.