There is some issue with blog loop post URL’s. I have created a blog loop in my website Pārnēsājamie RFID lasītāji no Zebra which essentially acts as an ecommerce site. Each post is a link to a product page.
The issue is as following. When you click on any of the blog loop items and visit the specific blog post then suddenly all the internal links in the website get prefixed with the specific blog post items url.
For example, if you visit any other page of my site then the navbar links correctly point to the correct internal urls.
Why is this happening and how to resolve this? I created the blog loop as per bootstrapstudio manual.
This is the hierarchy of the page files. 1 - the page where the blog loop component is placed Pārnēsājamie RFID lasītāji no Zebra 2 - the category folder. 3 - subcategory folder
Now I noticed that this odd behavior happens only with links that are present in the navbar. If I go down to the footer where there are a couple of other internal links with the same href logic, I see that these links work fine and dont get prefixed with the specific blogs url path
All the internal urls in the navbar of the page Zebra RFD40 Premium RFID Lasītājs get prefixed with the pages path url kategorijas/parnesajamie%20rfid%20lasitaji/zebra-rfd40-premium.html however all the links in the footer direct correctly to my main domain https://duisysrfid.lv/ + path from href
Thank you for the screenshot! This is just how URLs work. You will have to prefix your navbar links with slashes so that they use absolute paths and resolve to the same page regardless of the current url. In other words index.html should become /index.html
But at the same time the same exact links with the same exact href values worked nicely in the footer section. The addition of subfolder path happened only in the navbar.