Solved

Scroll vertically on image click

TylerAung
Tourist
5 0 2

Hi, Is it possible to allow make an image clickable and trigger the event of scrolling vertically?
If so, How do I do that on a particular page?

Accepted Solutions (2)
kenkinneen
Shopify Partner
41 7 49

This is an accepted solution.

The top piece surrounds your content that you want to scroll to like 

 

<div name="box"> 
   <p> The content you would like to scroll too </p>
</div>

The /#box is what you are going to link to in your href or in your navigation menu.

Mercury Apps - Human Focused Shopify Apps.
Increase conversion rate with : https://apps.shopify.com/order-delivery-deadline

View solution in original post

kenkinneen
Shopify Partner
41 7 49

This is an accepted solution.

The top piece surrounds your content that you want to scroll to like 

<div name="box"> 
   <p> The content you would like to scroll too </p>
</div>

The /#box is what you are going to link to in your href or in your navigation menu.

Mercury Apps - Human Focused Shopify Apps.
Increase conversion rate with : https://apps.shopify.com/order-delivery-deadline

View solution in original post

Replies 8 (8)

kenkinneen
Shopify Partner
41 7 49

So I understand better, you want the page to scroll to a certain area when you click the image?

 

What theme are you using? 

 

Thanks,

Ken.

Mercury Apps - Human Focused Shopify Apps.
Increase conversion rate with : https://apps.shopify.com/order-delivery-deadline
TylerAung
Tourist
5 0 2

Yeah, scroll to a specific section. Using Debut as theme. 

kenkinneen
Shopify Partner
41 7 49

Hi,

 

If you add a name tag like below to the div or element you want to scroll to.

 

<div name="box"> </div>

Then make a link in your navigation like this : /#box

 

It will scroll to that section,

 

Thanks,

Ken.

 

Mercury Apps - Human Focused Shopify Apps.
Increase conversion rate with : https://apps.shopify.com/order-delivery-deadline
TylerAung
Tourist
5 0 2
<div name="box"> </div>

Okay. So this goes under the page?

But this navigation link: /#box goes under?

 

kenkinneen
Shopify Partner
41 7 49

This is an accepted solution.

The top piece surrounds your content that you want to scroll to like 

 

<div name="box"> 
   <p> The content you would like to scroll too </p>
</div>

The /#box is what you are going to link to in your href or in your navigation menu.

Mercury Apps - Human Focused Shopify Apps.
Increase conversion rate with : https://apps.shopify.com/order-delivery-deadline
kenkinneen
Shopify Partner
41 7 49

This is an accepted solution.

The top piece surrounds your content that you want to scroll to like 

<div name="box"> 
   <p> The content you would like to scroll too </p>
</div>

The /#box is what you are going to link to in your href or in your navigation menu.

Mercury Apps - Human Focused Shopify Apps.
Increase conversion rate with : https://apps.shopify.com/order-delivery-deadline
TylerAung
Tourist
5 0 2

Thanks. You simplified my life a fair bit.
I actually couldn't make it work using the name tag, instead I link to the id instead.
Which works.
But couldn't have been possible without your guide. 
Thanks again

williamdebugs34
Visitor
2 0 0

The second way to download YouTube videos using ytmp4 is to use the "ytmp4 Downloader" extension for Google Chrome. To do this, first install the extension from the Google Chrome store. Then, go to the YouTube website and search for the video you want to download. Once you find the video, click on the "ytmp4 Downloader" icon in the top-right corner of the screen. This will open a new window where you can select the format and quality of the video you want to download. Finally, click on the "Download" button to start the download process. https://easysave.net/ytmp4/