Collection Product page Show SKU instead of Vendor>


Hi

I am trying to replace the part were it shows the vendor with the SKU

is this possible with CSS or does it need to be hard coded?

So were it says Juniper i want to replace this with the SKU

Kind Regards

Sam

@SamC-WT

An SKU of the first available product variant can be added to the Collection page by adding one line of code to the “product-card.liquid” snippet of your theme.

Here the code that have to be added:

{{ product.first_available_variant.sku }}

To show a SKU right at the top of a Product vendor, kindly add the code right before Vendor’s code:

{% if settings.product_vendor_enable %}
  {{ product.vendor }}

{% endif %}

So, the result would be the next one:

{{ product.first_available_variant.sku }}

{% if settings.product_vendor_enable %}
  {{ product.vendor }}

{% endif %}

Here is the screenshot for reference: http://prntscr.com/sxl51f

Thanks!

Hey bud i cant seem to find this liquid file in my theme?

@SamC-WT

which theme do you have use for the shop?

Avenue Theme

@SamC-WT

Please contact your theme support because this is a paid theme. otherwise, hire a Shopify expert who can help you!

Thank!

Hey

I contacted them who said the would need to charge me to re write the code typical

you pay over £400 for a theme and they want to charge you for the support

so far i have this but it has got rid of teh vendor 9Juniper) but still not displaying the SKU

{%- liquid
assign product_sku_handle = product.sku | handle
if collections[product_sku_handle].handle == product_sku_handle
assign vendor_url = collections[product_sku_handle].url
else
assign vendor_url = product.sku | url_for_vendor
endif
echo product.sku | link_to: vendor_url, product.vendor
-%}

@SamC-WT

This is wrong, Please wait I will try to send the solution.

@SamC-WT

Please share the store URL!

Thanks!

Hi

I added this in and it has made a gap between vendor and title so its trying to show it but for some reason its just empty white space

i know im close now

Kind Regards

@SamC-WT

Please share the store URL!

https://wiretechnologies.myshopify.com/

@SamC-WT

You have added code but not displayed on the page.

do you mean in the CSS or in the .liquid ?

@SamC-WT

can you add a liquid code for sku?

@SamC-WT

If helpful then please Like and Solution

Hi Bud

I have recently upgraded my theme and now i cant remember where abouts we put the code to display the SKU. was it placed under the collection.loop.liquid snippet?

Kind Regards