Shopify elements - Product Vendor

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.

pagefly product vendor element

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!

shopify elements product vendor

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:

  • Auto
  • 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.

pagefly product vendor element 1

Select the element in the layout to see its parameters.


The parameters in the General and Styling tabs are specific for this element. Read about them in this article.

General tab’s parameters
1. CONTENT
  • Product Source: Product Source with 2 options as above: Auto and Custom Product.
  • Vendor Text: the name of the vendor will appear here by default.
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.

Was this helpful?

Start your free 14-day trial
of PageFly

.myshopify.com
Don’t have Shopify store yet? Create store
×