Goal: Make the vendor shown on a Shopify Dawn product page link to the vendor’s dedicated collection (automated collection: vendor equals X).
Earlier attempt: Linking via vendor filter URLs created pages like /collections/vendor/DesignerA that lacked brand descriptions and didn’t point to the original collection.
Working solution (Dawn): In main.product.liquid, below the line assigning product_form_id, insert a vendor anchor linking to /collections/{{ product.vendor | handleize }} inside a
element. Remove the theme’s default vendor output to avoid duplicate names.
Styling: Add at the very end of base.css a rule such as .product__info-wrapper .product__text a { text-decoration: none; color: rgba(var(–color-foreground), .75) !important; font-size: 14px; } to match sizing/appearance.
Common issue: Adding an extra Liquid block with {% if section.settings.display_vendor %} caused a “schema tag must not be nested” error. It’s unnecessary—the single anchor snippet suffices.
Extras: A request to replace the “Tax included” text with the vendor link (or move placement under the product name) was deemed a separate, more complex task and not resolved.
Status: Main request resolved with code and CSS; guidance given to place CSS at the end of base.css. Discussion otherwise remains open for custom placement changes.
You’re welcome, it should work on your side…
Update: I’ve managed the size like this in the base.css, to have the brand’s name in the same size as the menu entries:
.product__info-wrapper .product__text a{text-decoration:none; font-size: 14px; color: rgba(var(–color-foreground),.75) !important;}
Let me know!