How do I make the featured product titles and photos on my home page clickable links to the product?

Store Design
1

I am using the Taste theme. The website is UntamedTallow.com.

I want to make the name of the product and the picture both link to their respective product pages:

https://untamedtallow.com/products/untamed-tallow-pain-relief-balm

https://untamedtallow.com/products/untamed-tallow-everyday-balm

Thank you in advance!

2

Hi @untamedtallow ,

Hi Layoutbase - Homepage & Landing Page builder. We might be able to provide a code for that. We’ll get back to you ASAP.

Sincerely,

Layoutbase Team

3

Thank you for your patience, we recommend making this adjustment:

  1. Go to Online Store → Theme → Edit code
  2. Locate sections/featured-product.liquid
  3. Find this code in the file:
 
​
  • Replace the code with the following:

         
​

layoutbase_0-1670392769755.png
layoutbase_0-1670392769755.png1600×391 176 KB

{%- when 'title' -%}
                ## 
                {%- if product.title != blank -%}
                    {{ product.title | escape }}
                  {%- else -%}
                    {{ 'onboarding.product_title' | t }}
                  {%- endif -%}
                
​
  • Replace the above with:
{%- when 'title' -%}
                ## 
                  
                  {%- if product.title != blank -%}
                    {{ product.title | escape }}
                  {%- else -%}
                    {{ 'onboarding.product_title' | t }}
                  {%- endif -%}
                  
                
​

layoutbase_1-1670392862318.png
layoutbase_1-1670392862318.png1443×699 28.2 KB

Hope this works out,

Layoutbase Team

4

Hi @untamedtallow ,

Please go to Actions > Edit code > Sections > featured-product.liquid file, find ‘product__title’ and change code here:

Screenshot.png
Screenshot.png1285×642 40.4 KB

Code:


                ## 
                  {%- if product.title != blank -%}
                    {{ product.title | escape }}
                  {%- else -%}
                    {{ 'onboarding.product_title' | t }}
                  {%- endif -%}

Hope it helps!

2 Likes
5

Thanks Litos! This worked for the product title.

1 Like