Forums / Other Business Topics / how to create a link to jump to a specific part of a page?

how to create a link to jump to a specific part of a page?

Views: 82

Results 1 to 7 of 7
5 Apr 2021, 3:11 PM
#1
richardl767 avatar

richardl767

New Zenner

Join Date:
Apr 2021
Posts:
3
Plugin Contributions:
0

how to create a link to jump to a specific part of a page?

Hello. I am not sure if this post should go here but, if not maybe admin can move it.

I am trying to create a link on my fragrance page so that customers can click on say Food, and have the page jump to the Food fragrance section. Here is the link to the page in which I am trying to change: Fragrance.

Here is how I would like it to look. On top row:

      Beverages          Flora/Fauna          Food          Seasonal          Other

Then below would be....

Beverages
Amaretto:
Beer:
etc

Flora/Fauna
Bourbonwood:

And so on with the rest of the fragrances. Any and all help would be greatly appreciated.

5 Apr 2021, 4:51 PM
#2
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,867
Plugin Contributions:
19

Re: how to create a link to jump to a specific part of a page?

Welcome to the forum. First off, you might want to Google "link to items on the same page html". That will tell you how to make the links in your text that you are going to point to.

Then, using the Developer's Toolkit, you can find the page that places the items on the navMainWrapper and place your links there just like it's done for home and login.

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

5 Apr 2021, 6:37 PM
#3
richardl767 avatar

richardl767

New Zenner

Join Date:
Apr 2021
Posts:
3
Plugin Contributions:
0

Re: how to create a link to jump to a specific part of a page?

I see what you're saying but, I'm talking about keeping everything on just that one fragrance page.

5 Apr 2021, 7:56 PM
#4
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,515
Plugin Contributions:
176

Re: how to create a link to jump to a specific part of a page?

  1. You've got your whole set of fragrances duplicated on your page, some more than twice.

  2. To add a clickable "anchor", there are two steps required:

a. In the HTML of the page you need to identify each heading with an id=something parameter.
Example:

<p[B] id="kentucky-bourbon"[/B]><span style="font-size:17px;"><b><u>Kentucky Bourbon:</u></b> An intoxicating blend of bourbon, 
rum, and cognac notes unfold into a heart of geranium, palmarosa, and rose accords. A dark, woody blend of cedar and vetiver create 
the base. Notes: Top – bourbon, rum, cognac; Middle –geranium, palmarosa, rose; Bottom - cedar, vetiver.
 <strong>Phthalate Free:</strong> Yes</span></p>

b. Then elsewhere on your website or in your marketing emails, add that identifier using a hash-mark (#) prefix.
eg:

https://example.com/index.php?main_page=page_2[B]#kentucky-bourbon[/B]

.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole

Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

6 Apr 2021, 1:32 PM
#5
richardl767 avatar

richardl767

New Zenner

Join Date:
Apr 2021
Posts:
3
Plugin Contributions:
0

Re: how to create a link to jump to a specific part of a page?

Thanks for your help but, we figured it out the way we wanted it.

6 Apr 2021, 2:01 PM
#6
shrimp_gumbo_mmmhhh avatar

shrimp_gumbo_mmmhhh

Totally Zenned

Join Date:
Jun 2007
Location:
Texas, USA
Posts:
1,436
Plugin Contributions:
0

Re: how to create a link to jump to a specific part of a page?

RichardL767:

Thanks for your help but, we figured it out the way we wanted it.

Nice looking website.... what template did you use? My M-I-L says my store looks outdated.... :( oh I see in the link at the bottom.
Also, when you underlined the fragrances it made me think I could click them.

6 Apr 2021, 2:07 PM
#7
shrimp_gumbo_mmmhhh avatar

shrimp_gumbo_mmmhhh

Totally Zenned

Join Date:
Jun 2007
Location:
Texas, USA
Posts:
1,436
Plugin Contributions:
0

Re: how to create a link to jump to a specific part of a page?

Is Zenophobe active on the forum?