Hello @GarajeQuija209,
Yes, using an anchor link (<a href="#your-target-id">) is a simple and effective method, but you can refine it for a better user experience.
Instead of #top, target the main content container of your category page. Magento 2 typically uses id="maincontent" for the main page content, but if your category product listing has a specific wrapper, you can target that instead.
For ex:
<div class="category-cta">
<p>Still interested? <a href="#category-product-list">Click here</a> to view products.</p>
</div>
Instead of a hard jump using an anchor link, you can add smooth scrolling with JavaScript for a better user experience.
JavaScript Solution:
Place this inside a custom .js file or inline within a <script> tag:
document.addEventListener("DOMContentLoaded", function () {
document.querySelector(".category-cta a").addEventListener("click", function (e) {
e.preventDefault();
const target = document.querySelector("#category-product-list");
if (target) {
window.scrollTo({
top: target.offsetTop - 20, // Adjust for spacing if needed
behavior: "smooth"
});
}
});
});For simplicity → Use an anchor link (<a href="#category-product-list">).
For better UX → Use JavaScript smooth scrolling.
If the issue is resolved, click Kudos and accept it as a solution.
