Brand Links no longer working (after theme upgrade)

Technical Q&A
1

Just upgraded https://www.flyclothing.com/pages/flyclothing-brands to a new theme and it seems the brand links no longer work. Does anyone see anything that stands out why its not working? I know links should look like this: “/collections/vendors?q=” but they dont.

2

Hi, I checked your store, and looks like your vendor links are still functional i.e. https://www.flyclothing.com/collections/vendors?q=andor. The problem, however is that your /pages/flyclothing-brands page is linking to the brands incorrectly. The brands on that page are treating the vendors as collections.

Please go to that page where the brands are listed and edit all the links to from “/collections/” to “/collections/vendors?q=”.

1 Like
3

Thank you for the reply. Here is the code for that page. Do you think it is written wrong or could have changing “vendor” to “brand” in languages affected code?

{{ 'component-aztable.css' | asset_url | stylesheet_tag }}

{%- liquid
assign padding_top = section.settings.mg_top_desktop
assign padding_bottom = section.settings.mg_bottom_desktop
assign padding_top_tablet = section.settings.mg_top_tablet
assign padding_bottom_tablet = section.settings.mg_bottom_tablet
assign padding_top_mobile = section.settings.mg_top_mobile
assign padding_bottom_mobile = section.settings.mg_bottom_mobile
assign container = section.settings.container
assign show_breadcrumb = section.settings.show_breadcrumb
assign breadcrumb_alignment = section.settings.breadcrumb_alignment
assign breadcrumb_bg = section.settings.breadcrumb_bg
assign breadcrumb_gradient = section.settings.breadcrumb_gradient
assign breadcrumb_bg_mb = section.settings.breadcrumb_bg_mb
assign breadcrumb_gradient_mb = section.settings.breadcrumb_gradient_mb
assign show_page_title = section.settings.show_page_title
assign page_title_alignment = section.settings.page_title_alignment
assign display_brands_slider = section.settings.display_brands_slider
assign style = section.settings.style
-%}

{%- if show_breadcrumb -%} {% render 'breadcrumb', alignment: breadcrumb_alignment %} {%- endif -%} {%- if show_page_title -%}

{{ page.title | escape }}

{%- endif -%} {% if display_brands_slider and section.blocks.size > 0 %}
{% for block in section.blocks %} {% liquid assign brand_image = block.settings.brand_image assign brand_name = block.settings.brand_name assign brand_link = block.settings.link_to_vendor %} {% endfor %}
{% endif %} {% assign array = "A|B|C|D|E|F|G|H|I|J|K|L|M|N|O|P|Q|R|S|T|U|V|W|X|Y|Z|#" | split: "|" %}
{%- for item in array -%}

{{ item | downcase }}

    {%- endfor -%}
    #BrandsSection-{{ section.id }}{ padding-top: {{ padding_top | append: 'px' }}; padding-bottom: {{ padding_bottom | append: 'px' }}; } #BrandsSection-{{ section.id }} .halo-page-header{ background-color: var(--navigation-bg); } @media (max-width: 1024px) { #BrandsSection-{{ section.id }}{ padding-top: {{ padding_top_tablet | append: 'px' }}; padding-bottom: {{ padding_bottom_tablet | append: 'px' }}; } #BrandsSection-{{ section.id }} .breadcrumb { background: {% if breadcrumb_gradient_mb != blank and breadcrumb_gradient_mb != 'rgba(0,0,0,0)' %}{{ breadcrumb_gradient_mb }}{% elsif breadcrumb_bg_mb != blank and breadcrumb_bg_mb != 'rgba(0,0,0,0)' %}{{ breadcrumb_bg_mb }}{% endif %}; } } @media (max-width: 550px) { #BrandsSection-{{ section.id }}{ padding-top: {{ padding_top_mobile | append: 'px' }}; padding-bottom: {{ padding_bottom_mobile | append: 'px' }}; } } @media (min-width: 1025px) { #BrandsSection-{{ section.id }} .breadcrumb-container { position: relative; } #BrandsSection-{{ section.id }} .breadcrumb::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: {% if breadcrumb_gradient != blank and breadcrumb_gradient != 'rgba(0,0,0,0)' %}{{ breadcrumb_gradient }}{% elsif breadcrumb_bg != blank and breadcrumb_bg != 'rgba(0,0,0,0)' %}{{ breadcrumb_bg }}{% endif %}; z-index: -1; } }

    {% schema %}
    {
    “name”: “t:sections.main-brands.name”,
    “settings”:
    [
    {
    “type”: “header”,
    “content”: “t:sections.main-brands.settings.header__1”
    },
    {
    “type”: “checkbox”,
    “id”: “show_breadcrumb”,
    “label”: “t:sections.general.settings.breadcrumb.label__1”,
    “default”: true
    },
    {
    “type”: “select”,
    “id”: “breadcrumb_alignment”,
    “label”: “t:sections.general.settings.breadcrumb.label__2”,
    “options”: [
    {
    “value”: “left”,
    “label”: “t:sections.general.settings.breadcrumb.options__1”
    },
    {
    “value”: “center”,
    “label”: “t:sections.general.settings.breadcrumb.options__2”
    },
    {
    “value”: “right”,
    “label”: “t:sections.general.settings.breadcrumb.options__3”
    }
    ],
    “default”: “left”
    },
    {
    “type”: “color”,
    “id”: “breadcrumb_bg”,
    “label”: “t:settings_schema.colors.settings.colors_name.background_color”
    },
    {
    “type”: “color_background”,
    “id”: “breadcrumb_gradient”,
    “label”: “t:settings_schema.colors.settings.colors_name.background_color_gradient”
    },
    {
    “type”: “color”,
    “id”: “breadcrumb_bg_mb”,
    “label”: “t:settings_schema.colors.settings.colors_name.background_color_mobile”,
    “default”: “#f6f6f6”
    },
    {
    “type”: “color_background”,
    “id”: “breadcrumb_gradient_mb”,
    “label”: “t:settings_schema.colors.settings.colors_name.background_gradient_mobile”
    },
    {
    “type”: “checkbox”,
    “id”: “show_page_title”,
    “label”: “t:sections.general.settings.page-title.label__1”,
    “default”: true
    },
    {
    “type”: “select”,
    “id”: “page_title_alignment”,
    “label”: “t:sections.general.settings.page-title.label__2”,
    “options”: [
    {
    “value”: “left”,
    “label”: “t:sections.general.settings.page-title.options__1”
    },
    {
    “value”: “center”,
    “label”: “t:sections.general.settings.page-title.options__2”
    },
    {
    “value”: “right”,
    “label”: “t:sections.general.settings.page-title.options__3”
    }
    ],
    “default”: “left”
    },
    {
    “type”: “select”,
    “id”: “container”,
    “label”: “t:sections.layout.container.option”,
    “default”: “container”,
    “options”: [
    {
    “value”: “container”,
    “label”: “t:sections.layout.container.option1”
    },
    {
    “value”: “1170”,
    “label”: “t:sections.layout.container.option4”
    },
    {
    “value”: “fullwidth”,
    “label”: “t:sections.layout.container.option2”
    },
    {
    “value”: “1770”,
    “label”: “t:sections.layout.container.option3”
    }
    ]
    },
    {
    “type”: “checkbox”,
    “id”: “display_brands_slider”,
    “label”: “t:sections.main-brands.settings.label__2”,
    “default”: true
    },
    {
    “type”: “header”,
    “content”: “t:sections.layout.margin_top”
    },
    {
    “type”: “range”,
    “id”: “mg_top_desktop”,
    “label”: “t:sections.layout.mg_desktop.label”,
    “min”: 0,
    “max”: 100,
    “step”: 5,
    “unit”: “t:sections.layout.mg_desktop.unit”,
    “default”: 50
    },
    {
    “type”: “range”,
    “id”: “mg_top_tablet”,
    “label”: “t:sections.layout.mg_tablet.label”,
    “min”: 0,
    “max”: 100,
    “step”: 5,
    “unit”: “t:sections.layout.mg_desktop.unit”,
    “default”: 50
    },
    {
    “type”: “range”,
    “id”: “mg_top_mobile”,
    “label”: “t:sections.layout.mg_mobile.label”,
    “min”: 0,
    “max”: 100,
    “step”: 5,
    “unit”: “t:sections.layout.mg_desktop.unit”,
    “default”: 50
    },
    {
    “type”: “header”,
    “content”: “t:sections.layout.margin_bottom”
    },
    {
    “type”: “range”,
    “id”: “mg_bottom_desktop”,
    “label”: “t:sections.layout.mg_desktop.label”,
    “min”: 0,
    “max”: 100,
    “step”: 5,
    “unit”: “t:sections.layout.mg_desktop.unit”,
    “default”: 50
    },
    {
    “type”: “range”,
    “id”: “mg_bottom_tablet”,
    “label”: “t:sections.layout.mg_tablet.label”,
    “min”: 0,
    “max”: 100,
    “step”: 5,
    “unit”: “t:sections.layout.mg_desktop.unit”,
    “default”: 50
    },
    {
    “type”: “range”,
    “id”: “mg_bottom_mobile”,
    “label”: “t:sections.layout.mg_mobile.label”,
    “min”: 0,
    “max”: 100,
    “step”: 5,
    “unit”: “t:sections.layout.mg_desktop.unit”,
    “default”: 50
    }
    ],
    “blocks”: [
    {
    “name”: “t:sections.main-brands.blocks.brand-image.name”,
    “type”: “image_picker”,
    “settings”: [
    {
    “type”: “image_picker”,
    “id”: “brand_image”,
    “label”: “t:sections.main-brands.blocks.brand-image.settings.label__1”
    },
    {
    “type”: “text”,
    “id”: “brand_name”,
    “label”: “t:sections.main-brands.blocks.brand-image.settings.label__2”
    },
    {
    “type”: “url”,
    “id”: “link_to_vendor”,
    “label”: “t:sections.main-brands.blocks.brand-image.settings.label__3”
    }
    ]
    }
    ]
    }
    {% endschema %}

    4

    Replace all the code in that file with this code and then see the results.

    
{%- liquid
assign padding_top = section.settings.mg_top_desktop
assign padding_bottom = section.settings.mg_bottom_desktop
assign padding_top_tablet = section.settings.mg_top_tablet
assign padding_bottom_tablet = section.settings.mg_bottom_tablet
assign padding_top_mobile = section.settings.mg_top_mobile
assign padding_bottom_mobile = section.settings.mg_bottom_mobile
assign container = section.settings.container
assign show_breadcrumb = section.settings.show_breadcrumb
assign breadcrumb_alignment = section.settings.breadcrumb_alignment
assign breadcrumb_bg = section.settings.breadcrumb_bg
assign breadcrumb_gradient = section.settings.breadcrumb_gradient
assign breadcrumb_bg_mb = section.settings.breadcrumb_bg_mb
assign breadcrumb_gradient_mb = section.settings.breadcrumb_gradient_mb
assign show_page_title = section.settings.show_page_title
assign page_title_alignment = section.settings.page_title_alignment
assign display_brands_slider = section.settings.display_brands_slider
assign style = section.settings.style
-%}

{% schema %}
{
"name": "t:sections.main-brands.name",
"settings":
[
{
"type": "header",
"content": "t:sections.main-brands.settings.header__1"
},
{
"type": "checkbox",
"id": "show_breadcrumb",
"label": "t:sections.general.settings.breadcrumb.label__1",
"default": true
},
{
"type": "select",
"id": "breadcrumb_alignment",
"label": "t:sections.general.settings.breadcrumb.label__2",
"options": [
{
"value": "left",
"label": "t:sections.general.settings.breadcrumb.options__1"
},
{
"value": "center",
"label": "t:sections.general.settings.breadcrumb.options__2"
},
{
"value": "right",
"label": "t:sections.general.settings.breadcrumb.options__3"
}
],
"default": "left"
},
{
"type": "color",
"id": "breadcrumb_bg",
"label": "t:settings_schema.colors.settings.colors_name.background_color"
},
{
"type": "color_background",
"id": "breadcrumb_gradient",
"label": "t:settings_schema.colors.settings.colors_name.background_color_gradient"
},
{
"type": "color",
"id": "breadcrumb_bg_mb",
"label": "t:settings_schema.colors.settings.colors_name.background_color_mobile",
"default": "#f6f6f6"
},
{
"type": "color_background",
"id": "breadcrumb_gradient_mb",
"label": "t:settings_schema.colors.settings.colors_name.background_gradient_mobile"
},
{
"type": "checkbox",
"id": "show_page_title",
"label": "t:sections.general.settings.page-title.label__1",
"default": true
},
{
"type": "select",
"id": "page_title_alignment",
"label": "t:sections.general.settings.page-title.label__2",
"options": [
{
"value": "left",
"label": "t:sections.general.settings.page-title.options__1"
},
{
"value": "center",
"label": "t:sections.general.settings.page-title.options__2"
},
{
"value": "right",
"label": "t:sections.general.settings.page-title.options__3"
}
],
"default": "left"
},
{
"type": "select",
"id": "container",
"label": "t:sections.layout.container.option",
"default": "container",
"options": [
{
"value": "container",
"label": "t:sections.layout.container.option1"
},
{
"value": "1170",
"label": "t:sections.layout.container.option4"
},
{
"value": "fullwidth",
"label": "t:sections.layout.container.option2"
},
{
"value": "1770",
"label": "t:sections.layout.container.option3"
}
]
},
{
"type": "checkbox",
"id": "display_brands_slider",
"label": "t:sections.main-brands.settings.label__2",
"default": true
},
{
"type": "header",
"content": "t:sections.layout.margin_top"
},
{
"type": "range",
"id": "mg_top_desktop",
"label": "t:sections.layout.mg_desktop.label",
"min": 0,
"max": 100,
"step": 5,
"unit": "t:sections.layout.mg_desktop.unit",
"default": 50
},
{
"type": "range",
"id": "mg_top_tablet",
"label": "t:sections.layout.mg_tablet.label",
"min": 0,
"max": 100,
"step": 5,
"unit": "t:sections.layout.mg_desktop.unit",
"default": 50
},
{
"type": "range",
"id": "mg_top_mobile",
"label": "t:sections.layout.mg_mobile.label",
"min": 0,
"max": 100,
"step": 5,
"unit": "t:sections.layout.mg_desktop.unit",
"default": 50
},
{
"type": "header",
"content": "t:sections.layout.margin_bottom"
},
{
"type": "range",
"id": "mg_bottom_desktop",
"label": "t:sections.layout.mg_desktop.label",
"min": 0,
"max": 100,
"step": 5,
"unit": "t:sections.layout.mg_desktop.unit",
"default": 50
},
{
"type": "range",
"id": "mg_bottom_tablet",
"label": "t:sections.layout.mg_tablet.label",
"min": 0,
"max": 100,
"step": 5,
"unit": "t:sections.layout.mg_desktop.unit",
"default": 50
},
{
"type": "range",
"id": "mg_bottom_mobile",
"label": "t:sections.layout.mg_mobile.label",
"min": 0,
"max": 100,
"step": 5,
"unit": "t:sections.layout.mg_desktop.unit",
"default": 50
}
],
"blocks": [
{
"name": "t:sections.main-brands.blocks.brand-image.name",
"type": "image_picker",
"settings": [
{
"type": "image_picker",
"id": "brand_image",
"label": "t:sections.main-brands.blocks.brand-image.settings.label__1"
},
{
"type": "text",
"id": "brand_name",
"label": "t:sections.main-brands.blocks.brand-image.settings.label__2"
},
{
"type": "url",
"id": "link_to_vendor",
"label": "t:sections.main-brands.blocks.brand-image.settings.label__3"
}
]
}
]
}
{% endschema %}
    1 Like
    5

    You’re awesome! Thank you. What did they mess up in their code? I’d like to inform them.

    6

    I am glad that it worked for you. In the line of code, where they are creating the vendor link automatically, they have mistakenly created a collection link for each vendor instead of the special vendor link.

    This code

    brand = `{{ vendor | downcase }}`;

    needed to be

    brand = `{{ vendor | downcase }}`;
    7

    After more testing, I found the code replacement only works for brands within one name. If there is a space in between names, it puts a hyphen '-" instead of space " " and doesnt work.

    8

    Try this code

    
{%- liquid
assign padding_top = section.settings.mg_top_desktop
assign padding_bottom = section.settings.mg_bottom_desktop
assign padding_top_tablet = section.settings.mg_top_tablet
assign padding_bottom_tablet = section.settings.mg_bottom_tablet
assign padding_top_mobile = section.settings.mg_top_mobile
assign padding_bottom_mobile = section.settings.mg_bottom_mobile
assign container = section.settings.container
assign show_breadcrumb = section.settings.show_breadcrumb
assign breadcrumb_alignment = section.settings.breadcrumb_alignment
assign breadcrumb_bg = section.settings.breadcrumb_bg
assign breadcrumb_gradient = section.settings.breadcrumb_gradient
assign breadcrumb_bg_mb = section.settings.breadcrumb_bg_mb
assign breadcrumb_gradient_mb = section.settings.breadcrumb_gradient_mb
assign show_page_title = section.settings.show_page_title
assign page_title_alignment = section.settings.page_title_alignment
assign display_brands_slider = section.settings.display_brands_slider
assign style = section.settings.style
-%}

{% schema %}
{
"name": "t:sections.main-brands.name",
"settings":
[
{
"type": "header",
"content": "t:sections.main-brands.settings.header__1"
},
{
"type": "checkbox",
"id": "show_breadcrumb",
"label": "t:sections.general.settings.breadcrumb.label__1",
"default": true
},
{
"type": "select",
"id": "breadcrumb_alignment",
"label": "t:sections.general.settings.breadcrumb.label__2",
"options": [
{
"value": "left",
"label": "t:sections.general.settings.breadcrumb.options__1"
},
{
"value": "center",
"label": "t:sections.general.settings.breadcrumb.options__2"
},
{
"value": "right",
"label": "t:sections.general.settings.breadcrumb.options__3"
}
],
"default": "left"
},
{
"type": "color",
"id": "breadcrumb_bg",
"label": "t:settings_schema.colors.settings.colors_name.background_color"
},
{
"type": "color_background",
"id": "breadcrumb_gradient",
"label": "t:settings_schema.colors.settings.colors_name.background_color_gradient"
},
{
"type": "color",
"id": "breadcrumb_bg_mb",
"label": "t:settings_schema.colors.settings.colors_name.background_color_mobile",
"default": "#f6f6f6"
},
{
"type": "color_background",
"id": "breadcrumb_gradient_mb",
"label": "t:settings_schema.colors.settings.colors_name.background_gradient_mobile"
},
{
"type": "checkbox",
"id": "show_page_title",
"label": "t:sections.general.settings.page-title.label__1",
"default": true
},
{
"type": "select",
"id": "page_title_alignment",
"label": "t:sections.general.settings.page-title.label__2",
"options": [
{
"value": "left",
"label": "t:sections.general.settings.page-title.options__1"
},
{
"value": "center",
"label": "t:sections.general.settings.page-title.options__2"
},
{
"value": "right",
"label": "t:sections.general.settings.page-title.options__3"
}
],
"default": "left"
},
{
"type": "select",
"id": "container",
"label": "t:sections.layout.container.option",
"default": "container",
"options": [
{
"value": "container",
"label": "t:sections.layout.container.option1"
},
{
"value": "1170",
"label": "t:sections.layout.container.option4"
},
{
"value": "fullwidth",
"label": "t:sections.layout.container.option2"
},
{
"value": "1770",
"label": "t:sections.layout.container.option3"
}
]
},
{
"type": "checkbox",
"id": "display_brands_slider",
"label": "t:sections.main-brands.settings.label__2",
"default": true
},
{
"type": "header",
"content": "t:sections.layout.margin_top"
},
{
"type": "range",
"id": "mg_top_desktop",
"label": "t:sections.layout.mg_desktop.label",
"min": 0,
"max": 100,
"step": 5,
"unit": "t:sections.layout.mg_desktop.unit",
"default": 50
},
{
"type": "range",
"id": "mg_top_tablet",
"label": "t:sections.layout.mg_tablet.label",
"min": 0,
"max": 100,
"step": 5,
"unit": "t:sections.layout.mg_desktop.unit",
"default": 50
},
{
"type": "range",
"id": "mg_top_mobile",
"label": "t:sections.layout.mg_mobile.label",
"min": 0,
"max": 100,
"step": 5,
"unit": "t:sections.layout.mg_desktop.unit",
"default": 50
},
{
"type": "header",
"content": "t:sections.layout.margin_bottom"
},
{
"type": "range",
"id": "mg_bottom_desktop",
"label": "t:sections.layout.mg_desktop.label",
"min": 0,
"max": 100,
"step": 5,
"unit": "t:sections.layout.mg_desktop.unit",
"default": 50
},
{
"type": "range",
"id": "mg_bottom_tablet",
"label": "t:sections.layout.mg_tablet.label",
"min": 0,
"max": 100,
"step": 5,
"unit": "t:sections.layout.mg_desktop.unit",
"default": 50
},
{
"type": "range",
"id": "mg_bottom_mobile",
"label": "t:sections.layout.mg_mobile.label",
"min": 0,
"max": 100,
"step": 5,
"unit": "t:sections.layout.mg_desktop.unit",
"default": 50
}
],
"blocks": [
{
"name": "t:sections.main-brands.blocks.brand-image.name",
"type": "image_picker",
"settings": [
{
"type": "image_picker",
"id": "brand_image",
"label": "t:sections.main-brands.blocks.brand-image.settings.label__1"
},
{
"type": "text",
"id": "brand_name",
"label": "t:sections.main-brands.blocks.brand-image.settings.label__2"
},
{
"type": "url",
"id": "link_to_vendor",
"label": "t:sections.main-brands.blocks.brand-image.settings.label__3"
}
]
}
]
}
{% endschema %}
    1 Like
    9

    Thank you again. It worked perfectly.