Hello,
I would like to add some navigational arrows to the featured collections on my homepage. I currently have two small arrows with numbers under the products (see attached image)
I would to add something similar to this:
How can this be done?
I am using dawn theme and my website is - https://www.rugsrusonline.co.uk
Thanks in advance
To add navigational arrows to the featured collections on your homepage, you’ll need to modify the code of your theme. Here’s a general approach to accomplish this:
-
Locate the section or snippet responsible for displaying the featured collections on your homepage. This could be in a liquid file such as index.liquid or homepage.liquid.
-
Within the code, identify the HTML structure where the featured collections are rendered. Look for the section that generates the products and the associated HTML elements.
-
Add the necessary HTML markup for the navigational arrows. You can use <div> or <span> elements to create the arrows. Here’s an example using Font Awesome icons for the arrows: