Hi
Pls could u provide a solution to moving product brand name to above product image (attached example below.)
my store:
Theme: Warehouse
URL : domapp.co.uk
wanted result:
Cheers
Topic summary
A user seeks to reposition the product brand name above the product image on their Shopify store using the Warehouse theme.
Proposed Solution:
- Navigate to Online Store > Edit Code > Theme.css
- Locate the code block containing
{%- if block.settings.show_vendor -%}and the vendor/brand display logic - Move this entire code snippet to appear before the H1 product title tag in the template
Technical Details:
The solution involves relocating a Liquid template code block that handles vendor display. A screenshot was provided showing the exact placement within the code editor where the vendor block should be repositioned.
Status: The question has received a detailed technical response with visual guidance, but no confirmation yet from the original poster on whether the solution worked.
Hi @adam10910
Please follow these steps:
- Go to Online Store > Edit Code > Theme.css. Find the following code and move it before the H1 tag, as shown in the picture I circled.
{%- if block.settings.show_vendor -%}
{%- assign vendor_handle = product.vendor | handle -%}
{%- assign collection_for_vendor = collections[vendor_handle] -%}
{%- unless collection_for_vendor.empty? -%}
{{ product.vendor }}
{%- else -%}
{{ product.vendor }}
{%- endunless -%}
{%- endif -%}
The result will be like this:
I hope that it will work for you.