buura Posted December 24, 2022 Share Posted December 24, 2022 I have separate pages and I want to insert arrows each of them to make it user friendly. actually I did it but my method makes it a little bit hard. I used an arrow icon from "iconmonstr" and embedded it through my site. then write extra code under the icon for navigation. FOR RIGHT ARROW: <div style= "text-align: center;"> <svg style="fill: white;" width="30" height="30" viewbox="0 -11 11 34" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M4 .755l14.374 11.245-14.374 11.219.619.781 15.381-12-15.391-12-.609.755z"/></svg> </div> FOR NAVIGATION: <a href="https://google.com" class="sqs-block-button-element" style="width: 20px; height: 20px"></a> I think there should be more easy way to make it. thanks. Link to comment
Beyondspace Posted December 26, 2022 Share Posted December 26, 2022 On 12/24/2022 at 6:24 PM, buura said: I have separate pages and I want to insert arrows each of them to make it user friendly. actually I did it but my method makes it a little bit hard. I used an arrow icon from "iconmonstr" and embedded it through my site. then write extra code under the icon for navigation. FOR RIGHT ARROW: <div style= "text-align: center;"> <svg style="fill: white;" width="30" height="30" viewbox="0 -11 11 34" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M4 .755l14.374 11.245-14.374 11.219.619.781 15.381-12-15.391-12-.609.755z"/></svg> </div> FOR NAVIGATION: <a href="https://google.com" class="sqs-block-button-element" style="width: 20px; height: 20px"></a> I think there should be more easy way to make it. thanks. Can you share your site with the protected password so I can take a look? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
buura Posted December 26, 2022 Author Share Posted December 26, 2022 26 minutes ago, Beyondspace said: Can you share your site with the protected password so I can take a look? https://chameleon-cranberry-dedh.squarespace.com/config/pages pw: 009988 I mean right side (also it's gonna be left side) of the title ''Caretta MINI''. when you click right, next page will be ''Caretta 1500''. Link to comment
Beyondspace Posted December 27, 2022 Share Posted December 27, 2022 10 hours ago, buura said: https://chameleon-cranberry-dedh.squarespace.com/config/pages pw: 009988 I mean right side (also it's gonna be left side) of the title ''Caretta MINI''. when you click right, next page will be ''Caretta 1500''. Can you share the URL slug to go into this page, I can not find it now? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
buura Posted December 27, 2022 Author Share Posted December 27, 2022 4 hours ago, Beyondspace said: Can you share the URL slug to go into this page, I can not find it now? https://chameleon-cranberry-dedh.squarespace.com/caretta-mini Link to comment
Beyondspace Posted December 27, 2022 Share Posted December 27, 2022 (edited) Do you mean using this arrow to replace the default arrow on gallery? Edited December 27, 2022 by Beyondspace BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
buura Posted December 27, 2022 Author Share Posted December 27, 2022 18 minutes ago, Beyondspace said: Do you mean using this arrow to replace the default arrow on gallery? no. when you click that arrow, you gonna pass to another trailer van page. its not about gallery. for example, in this section, caretta 1500, click right arrow and pass to Caretta Junior. and then uncle, off road etc... Link to comment
Beyondspace Posted December 27, 2022 Share Posted December 27, 2022 5 minutes ago, buura said: no. when you click that arrow, you gonna pass to another trailer van page. its not about gallery. for example, in this section, caretta 1500, click right arrow and pass to Caretta Junior. and then uncle, off road etc... Are Caretta Junior. and then uncle, off road etc... the texts or somethings else? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
buura Posted December 27, 2022 Author Share Posted December 27, 2022 14 minutes ago, Beyondspace said: Are Caretta Junior. and then uncle, off road etc... the texts or somethings else? they're different pages. so, when I click right arrow, website takes me another page which I'll link. Link to comment
Beyondspace Posted December 27, 2022 Share Posted December 27, 2022 I think you can save your previous work for the link on arrow and use it again on anther page so It would save your time BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
buura Posted December 27, 2022 Author Share Posted December 27, 2022 14 minutes ago, Beyondspace said: I think you can save your previous work for the link on arrow and use it again on anther page so It would save your time but how can I embed the link into the arrow? my purpose is to make easy the navigating between pages. it will be too easy with left-right arrows. is it clear idk hahaha 🙂 Link to comment
Beyondspace Posted December 27, 2022 Share Posted December 27, 2022 1 minute ago, buura said: but how can I embed the link into the arrow? my purpose is to make easy the navigating between pages. it will be too easy with left-right arrows. is it clear idk hahaha 🙂 I think you set the different link on the different page as the same as thing you did on the following page: https://chameleon-cranberry-dedh.squarespace.com/caretta-mini BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
buura Posted December 27, 2022 Author Share Posted December 27, 2022 3 minutes ago, Beyondspace said: I think you set the different link on the different page as the same as thing you did on the following page: https://chameleon-cranberry-dedh.squarespace.com/caretta-mini i have to set different link of page to navigate. in the mini page, I have to link another page's link. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment