Want to link from product description to a featured collection on my homepage

Want to link from product description to a featured collection on my homepage

Lisa-CobbleHill
Visitor
3 0 0

I have a Featured Collection towards the bottom of my landing page. 
I want to add a link to the description of one of my product pages that jumps to this Featured Collection. 
The Theme I am using is called"Fresh" 


This is what the title of featured collection looks like in the code:

<h2 class="title h1">Give a Gift</h2>

 

I believe that I want to add id="give-a-gift" to the Featured Collection on my landing page

 

and then link the text to https://mywebsite.myshopify.com/#give-a-gift 
(the app has a tool for adding the link)

 

I've already spent two hours poking around, watching youtube and asking shopify help, to no avail. 

 

Any assistance would be appreciated. 

 

Replies 4 (4)

zaczee
Globetrotter
855 46 44

Hi @Lisa-CobbleHill ,

 

Can you share your store url

 

Lisa-CobbleHill
Visitor
3 0 0

@zaczee , Thank you for your question.

My shopping site is not yet live. 

This is the code for the Featured collection on my landing page (where I want to put the anchor): 

</section><section id="shopify-section-template--15779947905219__158bcfaf-56ca-4a8f-a6b9-a32ab4d4e895" class="shopify-section section"><link href="//cdn.shopify.com/s/files/1/0612/9801/6451/t/7/assets/component-card.css?v=120027167547816435861679605137" rel="stylesheet" type="text/css" media="all" />
<link href="//cdn.shopify.com/s/files/1/0612/9801/6451/t/7/assets/component-price.css?v=65402837579211014041679605137" rel="stylesheet" type="text/css" media="all" />
<link href="//cdn.shopify.com/s/files/1/0612/9801/6451/t/7/assets/component-rte.css?v=73443491922477598101679605138" rel="stylesheet" type="text/css" media="all" />

<link rel="stylesheet" href="//cdn.shopify.com/s/files/1/0612/9801/6451/t/7/assets/component-slider.css?v=111384418465749404671679605138" media="print" onload="this.media='all'">
<link rel="stylesheet" href="//cdn.shopify.com/s/files/1/0612/9801/6451/t/7/assets/template-collection.css?v=145944865380958730931679605139" media="print" onload="this.media='all'"><noscript><link href="//cdn.shopify.com/s/files/1/0612/9801/6451/t/7/assets/component-slider.css?v=111384418465749404671679605138" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//cdn.shopify.com/s/files/1/0612/9801/6451/t/7/assets/template-collection.css?v=145944865380958730931679605139" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.section-template--15779947905219__158bcfaf-56ca-4a8f-a6b9-a32ab4d4e895-padding {
     padding-top: 27px;
     padding-bottom: 27px;
}

 

@media screen and (min-width: 750px) {
   .section-template--15779947905219__158bcfaf-56ca-4a8f-a6b9-a32ab4d4e895-padding {
      padding-top: 36px;
      padding-bottom: 36px;
   }
}</style><div class="color-background-1 isolate gradient">
<div class="collection section-template--15779947905219__158bcfaf-56ca-4a8f-a6b9-a32ab4d4e895-padding">
   <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width"><h2 class="title h1">Give a Gift to a School or Library</h2></div>

 

   <slider-component class="slider-mobile-gutter page-width page-width-desktop">
      <ul
         id="Slider-template--15779947905219__158bcfaf-56ca-4a8f-a6b9-a32ab4d4e895"
         class="grid product-grid contains-card contains-card--product grid--3-col-desktop grid--2-col-tablet-down"
         role="list"
         aria-label="Slider"
      ><li
                  id="Slide-template--15779947905219__158bcfaf-56ca-4a8f-a6b9-a32ab4d4e895-1"
                  class="grid__item"
          >

 

Lisa-CobbleHill
Visitor
3 0 0

@zaczee, any ideas? Or do you need to see it live? Thank you. 

zaczee
Globetrotter
855 46 44

Hi @Lisa-CobbleHill ,

 

Yes, Can you send the live link.