I am making a one-page application in restaurant menu style with Vue Js, so I switch between components without refreshing the page. There are categories on the home page. And when these categories are clicked, products belonging to that category appear. The problem I'm having is: For example, if there are 5 categories, these categories are listed at the bottom on mobile and not all of them are visible on the screen, so the user has to scroll down to see other categories. When he clicks on a category below, the products page that opens is not at the top of the page. In other words, the products in the page position of the clicked category appear. The first items are not showing up. I hope I was able to explain my problem. How can i solve this problem. Thank you from now.
I clicked on a category at the bottom of this picture.
Normally, the product at the top of the page should appear like this.
but when the page is opened for the first time, a product appears in the middle of the page.
Related
I have developed a page that lists a bunch of divs, each containing some text content. At the top of the page are some buttons that allows me to filter which divs I want to view, based on a data-category. For example: I have listed all schools (all grade levels) at a school district, each in their own divs. When I click the 'Show High Schools' button, only the high school divs display below.
The filtering functionality works fine, but I'd like to be able to link to this page via another page and have the page auto click the appropriate category. I know how to setup an auto click for one button on page load. But what I'm trying to do is auto click a button depending on a specific category. So for example: I have a homepage that has the buttons 'High Schools', 'Middle Schools', and 'Elementary Schools'. When the user clicks the 'Middle Schools' button, they are taken to my filtering page, with only the Middle Schools being displayed. They can then click a 'Show All' button to reset the filtering system if needed.
Live Link
Again, the filtering works fine. I just don't know how to have links go to this page with an auto-click setup depending on category.
You can use query params "ex: www.example.com/?category=high-school" redirect to another page and using the query params to display the required contents. It would be great if there is a code to view and help you out
I have a blog which is hosted over blogger. I found an issue some time ago that keeps on bothering me. The top menu bar of my blog starts showing a blank option when it is opened on a mobile or the page is zoomed in. The blank option when clicked redirects to a 404 error page.
Please help me out to fix this.
You can visit my blog from here.
Here is the template file of my blog.
Edit 1 - When we try to zoom in the page and inspect the element is like this
Problem
On selecting the option we can see there is a option which is undefined.
Issue
On deleting the option, ka-boom problem gets solved.
Issue fixed
but just when we reload the page, this thing appears again.
Thanks
Looks like the selectnav function generates the select dropdown from the children of the ul or ol node containing the menu...
Inside the menu list, you have a element, which doesn't fit the schema and is rendered as undefined inside the element.
You need to take the whole element out of the menu list, so it won't be generated as a menu list item in the menu dropdown.
I have a website where I have a drop down menu, i.e. the main category, sub-category and sub-category of the 2nd level. After selecting the sub-category 1 or 2 level, the identifier of the clicked sub-category is saved to localStorage.
My problem is that after switching to another subpage, the entire menu is curled up, and now I would like the menu to expand to the level of the subcategory that I clicked after entering the new subpage. Unfortunately, I have no idea how to do it :(
My code: jsfiddle.net/reverse26/4z93kv1n/2/
When you select a sub-category, localStorage is updated and the last-clicked sub-category is saved in it. You can check it yourself by going to the website. My menu is created dynamically in Symfony
The solution to my problem was to save the last category/subcategory identifier to localStorage and each time the page was loaded, to check which category/subcategory was last clicked, on this basis js changed the display:none of this block to display:block
I'm working on an e-commerce site. I want to add a "continue shopping" button to the cart page, but the shop has multiple types of items. If they added fabric to their cart, it would take them back to the main fabric page, and if they added notions to the cart, it would take them back to the main notions page. The problem is, that while the main fabric and notions pages have "/fabric" and "/notions" in the URL, the products do not. So when I go to the fabric section, choose a print, the URL for the print won't say "/fabric" in the URL. And since there is a sidebar menu, I can't always guarantee that the main category page will be the 2nd page back in their history. Is there a way to generate a button that will search through their history and connect them to either "/fabric" or "/notions" depending on which they visited most recently?
Edit: I'm looking to do something like this: https://papathemes.com/bigcommerce-add-button-to-go-back-the-last-visited-category-page-on-shopping-cart/
Had to change "Cameras" to "Digital Cameras", copied the exact same settings as i had in the "Cameras" in the category attributes and now on my homepage the first category towards the middle of the page will not display, so i put everything back to the way it was and still won't show
link:
http://47stphoto.simple-helix.net/index.php
yet all the others with the same settings still do?
Check the status(Include in Navigation Menu) of the new category is set to yes.
Check Include in Navigation Menu is set to yes?