How to add a link to the brand collection (on product page) | Dawn theme

[beabebeloja]

Hello 🙂

Could anyone explain how to add a link to the brand collection (on product page) - Dawn theme?

Where it says "Isara" I would like it to be possible to add a direct link to the brand's collection.

Photo:

[PageFly-Kate]

Hi @beabebeloja ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/main-product.liquid->Find "{%- when 'text' -%}":

Step 3: Replace code here:

By below code:

<a href="/collections/vendors?q={{- block.settings.text -}}"
                class="product__text{% if block.settings.text_style == 'uppercase' %} caption-with-letter-spacing{% elsif block.settings.text_style == 'subtitle' %} subtitle{% endif %}"
                {{ block.shopify_attributes }}
              >
                {{- block.settings.text -}}
              </a>

I hope it would help you
Best regards,

Kate | PageFly

[beabebeloja]

It worked, but the link doesn't look good:

The link looks (for example): 

https://beabebe.com/collections/vendors?q=Little%20unicorn

And should look:

https://beabebe.com/collections/little-unicorn

Its possible to fix?

Thank you 🙂

[GemPages]

Hello @beabebeloja ,

It's the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open the main-product.liquid theme file

3. Find product__text

4. Change the {{- block.settings.text -}} code to

{{- block.settings.text | link_to_vendor -}}

5. Open the base.css and add the below code to the bottom of the file in order to change style of the link

.product__info-wrapper .product__text > a {
    color: inherit;
    text-decoration: none;
}

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

[beabebeloja]

Worked, but apears bellow to the product title "unknown vendor"

[PageFly-Kate · Accepted solution]

Hi @beabebeloja ,

I’m sorry to hear that. Please give it a try with this new solution:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/main-product.liquid->Find "{%- when 'text' -%}":

Step 3: Replace code here:

By below code:

<a href="/collections/{{- block.settings.text | handleize -}}"
                class="product__text{% if block.settings.text_style == 'uppercase' %} caption-with-letter-spacing{% elsif block.settings.text_style == 'subtitle' %} subtitle{% endif %}"
                {{ block.shopify_attributes }}
              >
                {{- block.settings.text -}}
              </a>

I hope it would help you
Best regards,

Kate | PageFly

[IlzeZD]

Thank You, this solution works (Shopify Dawn theme).

[PageFly-Kate]

Hi @IlzeZD ,

I am so glad that my suggestion can help!!

Have a nice day!!

Kate

[JBL_CANADA]

HI Kate,

I used your code, and it is not working. I am not sure what I am doing wrong. Basically, it doesn't change anything. 

If there any code you can use by adding custom liquid block?

I tried both by editing code or adding a custom block. Not working in both cases. 

 

[Iris-Hannah]

Hi Kate - I'm trying to do this on Dawn theme 15.0.2 but can't find the main-product.liquid file in the Edit Code. 
Do you have an alternative solution for the new version of Dawn please?! 
Thanks