Page Jump Links

robbo651 · March 2016

Hi,

I have a main products page that I would like to link to the product page, however some pages have multiple products on.

This is why I would like to include a page jump to the specific section.

I have tried to use the # option but to no avail

Thanks

Albert · March 2016

Hi,

how exactly you tried to do this scroll effect to individual sections on products pages? Please explain and show us on examples.

robbo651 · March 2016

I have tried this method - http://www.wendycholbi.com/anchor-links-jump-links/

From this page - http://bloxhamlewis.co.uk/products/

Thanks

Albert · March 2016

We don't understand why you use the solutions from other pages, and not from the documentation. If you want to learn how one-page links works with this theme, please look at http://themes.muffingroup.com/betheme/documentation/#menu

robbo651 · March 2016

It is not a one page site

Albert · March 2016

Sorry but your messages are completely incomprehensible for us. Please explain what exactly you want to do because it's unclear. You want to create ONE PAGE website or what?

robbo651 · March 2016

Basically I have created a website - www.bloxhamlewis.co.uk

On the products page - http://bloxhamlewis.co.uk/products/

I have the products listed as a small image on the products page. Then if you click onto a product it takes you to a more in depth description on the product.

On these product pages (http://bloxhamlewis.co.uk/grp-grating-anti-slip-floor-products/) products that relate to each other are on the same page.

This is why I need to add a page jump so the each product goes automatically to its own section.

Does that make sense?

Thanks

Albert · March 2016

Yes, this makes sense now. Looks like you definitely ask for a one page feature and this is what we already gave you above. This is what you need to do:

1st step: On page like http://bloxhamlewis.co.uk/grp-grating-anti-slip-floor-products/ each product's sectin must have own Custom | ID example product1.

2nd step: Then you should link as http://bloxhamlewis.co.uk/grp-grating-anti-slip-floor-products#product1

robbo651 · March 2016

There is no way to edit the page to one page setup

Albert · March 2016

What exactly is not possible? How can you say that there is no way to edit page? Can you be more specific? We don't get your question because it is possible to edit the page of course.

robbo651 · March 2016

Albert · March 2016

The On/Off button does not appear because of your Chrome browser. We suggest to switch to another browser and they you will be able to do this. For more details about this issue please take a look at http://forum.muffingroup.com/betheme/discussion/1078/muffin-betheme-options-buttons-not-showing-on-off-toggles-buttons-missing

robbo651 · March 2016

Ok thanks.

How do I add a custom ID to the product?

Albert · March 2016

You mean product page of WooCommerce plugin?

robbo651 · March 2016

You stated I need to add

Custom | ID example product1.

How do I do that?

Albert · March 2016

Yes, this is what we stated. You can add this ID for the section item where product/s are. Of course this requires some skills in customization in css. If what we gave you above, is still not enough, we recommend to contact with your developer because we already gave you all necessary details.

NiCube · December 2017

Are you kidding me?
Muffingroup did not in any way provide any of the necessary details to solve this problem.

You pointed to a huge manual and said read it, without explicitly stating which section to read.

That's not help, it's a cop-out.
Help tell your customer where to look, what's it's called, etc..

Bryan · December 2017

As we said earlier, " Of course this requires some skills in customization in css. If what we
gave you above, is still not enough, we recommend to contact with your
developer because we already gave you all necessary details."

We do not support theme customizations and we do not understand why do you say those things when this user got the help he requested.

Ehler · April 2018

Dear "Support"
Setting up a page jump is trivial in most home page products and even many themes:
The fact that you insist to NOT help with this is really bad service.
https://premium.wpmudev.org/blog/link-to-any-spot-in-a-wordpress-post-with-page-jumps-bookmarks/

Also Please read you own comments above.
I am very alarmed by the very rude comments from you.
This is a bad omen for Muffingroup and BeTheme :-(

Bryan · April 2018

We do not find anything to be rude here, we keep our answers short and as clear as possible because there are more than a hundred question per day and we want to give an answer to everybody.

georgetate · May 2018

I'm also having a problem here. I want to create a text link from my page content <a href="https://www.georgiedonnelly.com/cityscapes/#medina"> and need to set the anchor tag for the photo on the cityscapes page <a name="medina">.

I now how to do this (as above in html), but how do I do it in muffin builder please ?

As you can see this is NOT a one page site.

With thanks in advance.

Bryan · May 2018

Just create a column item and insert this html there, then add a section, edit it and fill the ID field with your "medina" id. You also need to add a scroll class.

<a class="scroll" href="https://www.georgiedonnelly.com/cityscapes/#medina">CLICK </a>

georgetate · May 2018

Thanks for speedy response as ever, great support :-)

I've added the link and filled the ID field, but how do I add a scroll class please ?

Bryan · May 2018

Are you not using a simple HTML link?

If you want to use another item to link then please tell us which because not all of the items can have the scroll class applied.

thanks

georgetate · May 2018

I'm linking to an image in Muffin builder. I'm confused as you've asked me to add a scroll class, which a simple html link doesn't require ? My html link takes me to the page www.georgiedonnelly.com/cityscapes, but not to the image section item.

Thanks again for your help on this.

georgetate · May 2018

BTW I think when you said "You also need to add a scroll class" (.scroll {}) you might have meant a scroll id #scroll {} ?

Bryan · May 2018

No, what I mean is that if you are using the main menu for one-page scrolling then you only have to enable the one-page option in the page options. However if you are using a custom link to scroll to ID then you have to add a class to it. That class name is "scroll". I gave you en example earlier:

<a class="scroll" href="https://www.georgiedonnelly.com/cityscapes/#medina">CLICK </a>

I do not know exactly what are you trying to do.

georgetate · June 2018

OK I've found the problem, I'd made a typo for custom id "full=width" instead of full-width which was negating the medina id. Now working fine though would have been nice to have the link going to the actual image rather than the general section.

Thanks for your help.

:-)

LabyVentures · July 2020

I am going through the same issue and it looks like for years the Muffin Group have not been able to address is properly. For some reason, they just do not understand the question and leave you perplexed.

I posed the same question about the same problem and they first sent me literature that does not relate to what I am asking. Then they incorrectly assume that it is a one page site, even though I explained clearly. I even sent screenshots with arrows and explanations to no avail.

The funny thing is that, this is so easy with other themes. All you need to do is look up a video and you will be done in 5 minutes. I regret my purchase!!!

Pablo · July 2020

LabyVentures,

Please create a new ticket and explain the problem the best as you can, also I do not see any topic that you asked us about the anchor links on the support forum.

Thanks

hilje · November 2020

I had to look twice, but actually Muffin Group did give an answer that makes page jumps to a specific section possible. (so you don't need a one page site for it to work). It's not that difficult:

1st step: Give the section you want to link to, an ID (there is an ID field when you edit the section, give the ID a unique name (like unique). If you don't see the ID field, you should try one of the containers.

2nd step: Go to the page where you want to link from. Edit the element where you link to the other page, put in the page name you want to link to and end with #unique.

This should work!

Page Jump Links

Comments