In this article, you will learn about another Shopify element named Product Vendor.
About Product Vendor element
The Product Vendor is designed to present the vendor (the provider of products) on your page in order to increase trust in the product source. The vendor, also known as a supplier, is an individual or company that sells goods or services. One kind of product can have many different vendors, and each vendor can provide different product quality and price. Sometimes, consumers will make their buying decision based on vendors rather than just price, therefore, displaying a Product Vendor element is somewhat important to sales.
Note that you can search for this element by using the search function instead of finding it in the sidebar.
Product Vendor element configuration
This element comes with plenty of parameters allowing you to fine-tune content appearance for the best possible conversion rate.
To set up the Vendor in Shopify, go to the Shopify admin dashboard, then choose Products > All Products > choose a product you want. On the left-hand side under Organization, choose a different option from the dropdown (this will include other vendor names previously/currently used) or type in a new label, add it and Save!
When you drag and drop this element into the editor page. There are 2 choices in the Product Source option for you to choose from:
- Custom Product
Note that if you are in the Product Page and use the Product Vendor element, then you can choose the Product Source option. However, if you are in a Regular Page and use this element, the Product Source option is disabled and the Custom Product is chosen by default.
If you choose Auto, then the product that was assigned when you created this product page will be displayed in the page editor. The Auto option is the default when you use the Product Vendor element.
Select the element in the layout to see its parameters.
|General tab’s parameters|
|2.ATTRIBUTES||This is a parameter that all elements have. You can read more here.|
|3. VISIBILITY||This is a parameter that all elements have. You can read more here.|
|4. ANIMATION||This is a parameter that all elements have. You can read more here.|
|Styling tab’s parameters|
|1. OVERALL||You can read about the OVERALL parameter here.|
|2. SPACING||You can read about the SPACING parameter here.|
|3. TYPOGRAPHY||You can read about the TYPOGRAPHY parameter here.|
|4. BACKGROUND||You can read about the BACKGROUND parameter here.|
|5. BORDER||You can read about the BORDER parameter here.|
|6. DISPLAY||You can read about the DISPLAY parameter here.|
|7. CUSTOM CSS||You can read about the CUSTOM CSS parameter here.|