form breaks ability to link to section on page (anchor links broken)

Hi,

I’ve tested your page in Chrome, IE, Firefox, and Safari, in all of them the links:

Copies, Business, Cards, Flyers, Brochures, Letterhead, Envelopes, Posters

are scrolling to the corresponding section correctly.

Please, clear your browser’s cache, and visit your webpage again.

Best regards.

I apologize if I was not clear. Yes, the buttons at the top of the page (https://copycat.dallasprintshop.com/printing-services) are working, but the anchor links themselves are not.

Please try to visit the link I specified in my post: https://copycat.dallasprintshop.com/printing-services/#poster-tab

You will notice it takes you to the top of the page, not to the poster-tab section all the way at the bottom. This is what is not working. We need to be able to link to those sections from outside the page itself.

For example, on the homepage https://copycat.dallasprintshop.com, there are pricing tables below the HERO that have “More Info” buttons that use the exact same links as the colored buttons you mentioned working on the /printing-services page. However, when linking from the home page, they do not work. They simply take you to the /printing-services page and the #id portion of the url is ignored.

Thank you for your help!

Hi,

I’ve checked your webpage’s code and there are not any anchor with the structure:

You need to insert an anchor with the previous structure, at beginning of the “poster-tab” section, to jump to this section from the URL in the browser.

Best regards.

Hi again! Thanks for the quick response. Yes, the tag is there, which is why the button “posters” at the top of https://copycat.dallasprintshop.com/printing-services works. It is pointing to https://copycat.dallasprintshop.com/printing-services/#poster-tab

That ID is set within the theme’s Page Builder, which is perhaps why it is not easily seen the way you are looking for it. But it is there.

To demonstrate: That link works when you are on the Printing Services page. However, if you try to visit that link directly, it is broken when a Calculated Fields Form is present on the page.

To demonstrate, I am removing the Calculated Fields Form from the page. Try to visit https://copycat.dallasprintshop.com/printing-services/#poster-tab again (directly), and it works now.

Thanks!!

Just to clarify – this issue is not resolved. Calculated Fields Forms still break the ability to link directly to a section id / anchor tag on a page where a form is present. I removed the form from https://copycat.dallasprintshop.com/printing-services simply to demonstrate that, without the form, everything works properly. I would like to get the issue resolved with the plugin so I can have my client’s required Online Pricing Calculator put back on the page.

Thanks

Hi,

I’m sorry, suppose I’ve detected the cause of issue. Please, follow the steps below:

1. Open the “/wp-content/plugins/calculated-fields-form/js/fbuilder-pro-public.jquery.js” file, in the text editor your choice.

2. Go to the snippet of code:

focusWithoutScrolling($(“#fieldlist”+opt.identifier+” .pb0″).find(“.field”));

and comment the line of code, like follow:

//focusWithoutScrolling($(“#fieldlist”+opt.identifier+” .pb0″).find(“.field”));

If the issue persist, please contact me through the support page:

https://wordpress.dwbooster.com/support

Best regards.

Thank you SO MUCH, that fixed it!! I really appreciate it, and so does my client!