Brooklyn Theme - Search - Display Vendor

Solved
Highlighted
Excursionist
15 1 2

Hi, I would like vendor names to appear above product titles in the search results.

Currently, as you can see from the screenshot below, only the product title appears in the results:

Search Results with no Vendor TitleSearch Results with no Vendor Title

Whereas, I'd like those products to appear in search results as they appear in my collections pages, i.e. with vendor name in bold and above the title, as shown below:

Screenshot 2020-02-12 at 15.43.29.png

 

Many thanks!

0 Likes
Highlighted
Shopify Partner
7507 1036 2600

Hello, @Marius_m 

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
15 1 2

Hi @KetanKumar 

Sure, the URL is vilbury-london.myshopify.com

Thanks!

0 Likes
Highlighted
Shopify Partner
7507 1036 2600

do you have display vendor all product listing or just search page?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted

go to search.liquid file and add {{ product.vendor }}  before of the {{ product.title }}

Shopify theme developer and customization

I Would like to add new functionality or customize an existing one, please hire me.
If helpful then please Like and Accept Solution .
Email: ashiquehussaincodediary@gmail.com

0 Likes
Highlighted
Excursionist
15 1 2

Hi @ashiqueh4 

I added {{item.vendor}} like so in the search.liquid, as you suggested but nothing changed. I've also tried {{product.vendor}} and the result was the same.

<span class="h4 text-center">{{item.vendor}}{{ item.title }}</span>
0 Likes
Highlighted
Excursionist
15 1 2

@KetanKumar 

If you're asking if I wish to display the vendor name above all my product listings across my website, then yes, even outside the search page. But in my collections and product pages, the vendor name already appears above the product title.

0 Likes
Highlighted

add like this :

<h5>{{ item.title | link_to: item.url }}</h5>
<p>{{ item.vendor }}</p>

Shopify theme developer and customization

I Would like to add new functionality or customize an existing one, please hire me.
If helpful then please Like and Accept Solution .
Email: ashiquehussaincodediary@gmail.com

0 Likes
Highlighted

it's working https://prnt.sc/r1e9fu

Shopify theme developer and customization

I Would like to add new functionality or customize an existing one, please hire me.
If helpful then please Like and Accept Solution .
Email: ashiquehussaincodediary@gmail.com

0 Likes
Highlighted
Excursionist
15 1 2

@ashiqueh4 

Ok, could please you advise in between which lines exactly to put it?

All lines of code are here:

  <div class="grid" data-section-type="search">
    <div class="grid__item">
      <header class="section-header text-center">
        {% if search.performed %}
          {% if search.results_count == 0 %}
            <h1 class="text-center">{{ 'general.search.no_results_html' | t: terms: search.terms }}</h1>
          {% else %}
            <h1 class="text-center">{{ 'general.search.results_for_html' | t: terms: search.terms }}</h1>
          {% endif %}
        {% else %}
          <h1 class="text-center">{{ 'general.search.title' | t }}</h1>
        {% endif %}
        <hr class="hr--small">
      </header>

      {% include 'search-bar', search_btn_style: 'btn', search_bar_location: 'search-bar--page' %}

      {% if search.performed %}

        <hr class="hr--medium hr--clear">

        <div class="grid-uniform">
          {% for item in search.results %}

            {% if item.object_type == 'product' %}
              {% assign product = item %}
              {% include 'product-grid-item' %}
            {% else %}
              <div class="grid__item grid-search large--one-third medium--one-half">
                <div class="grid-search__page">
                  <a href="{{ item.url }}" class="grid-search__page-link">
                    <span class="grid-search__page-content">
                      <span class="h4 text-center">{{ item.title }}</span>
                      {{ item.content | strip_html | truncatewords: 60 }}
                    </span>
                  </a>
                </div>
              </div>
            {% endif %}

          {% endfor %}
        </div>

        {% if paginate.pages > 1 %}
          {% include 'pagination' %}
        {% endif %}
0 Likes