Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'accordion'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

Found 33 results

  1. Site URL: https://www.erheer.com/shop/ariel Hi Squarespace Wizards, I am trying to install a dropdown accordion in the description of a physical product. Unfortunately Squarespace doesn't have the option to add a markdown box in the description of a product(screenshot 1). I have add the code block and the markdown box in the additional Info (screenshot 2) but that shows at the end of the page after all the product photos at the moment. I'd like the dropdown to be a part of the product description itself (screenshot 4) and not at the end of the page. Any assistance would be greatly appreciated. Thanks, Divya
  2. Site URL: https://www.jsquarednaturals.com I'm looking for a way to add an accordion menu to a product page to create expandable drop-downs with additional information about the product. We're a candle and fragrance company, so I'd like to have the standard product details block, but then add an accordion menu underneath that allows consumers to get additional details, such as the fragrance notes, care instructions, etc. Currently that information is written out in the additional information block and it creates a somewhat cluttered space (see: https://www.jsquarednaturals.com/therapeutic-candles/upliftandinvigorate) I've seen a TON of help for how to create an accordion or markdown on a standard page (eg a FAQ or blog post), however when I've tried to do code injection on the product page, only Header and Footer sections are available (we're using the Brine template). Unsurprisingly, the effort failed terribly when I tried to post in one of those! I'm not completely coding illiterate (extremely rusty? yes...), but could definitely use some help. I'm a little surprised I'm not finding this question already asked either here or via a google search, which makes me feel it's either really easy (and I'm missing it) or impossible. I'm not sure which category this fits best, so I've posted here and in the Content section. Thank you!
  3. Specifically, I'm using Aviator and on my services page I have a lot of entries that are service name with explanations underneath. I'd like the explanations to be hidden initially so visitors only see the list of services. Then they would have the option to expand the explanations under the services they want to read more about. For example Service Name (visitor would click name to open text underneath)[explanatory text here would remain hidden until user clicks service name, then expand to be read] Is there any way to do this?
  4. Site URL: https://cat-wedge-xh9c.squarespace.com/programs I'm trying to create a list of the programs and services that we offer at the Community Center where I work. We're a small non-profit which is why I am doing 20 jobs and learning them as I go. I want two buttons to appear inside each accordion drop-down. One that says "Learn More" and one that says "Volunteer". I've figured out how to get the button in there. I've even figured out how to make it look decent, but it is changing EVERY link/button on my page when I do that and making them all look crazy. Here is the code I was using. I don't even remember where I found it. (The button won't link to google, obv, I just haven't gotten very far yet.) The password to the website is: bft2020 <style> a:link, a:visited { background-color: #00B0B9; color: white; padding: 14px 25px; text-align: center; text-decoration: none; display: inline-block;} </style> <a href="https://google.com" target="_blank">Volunteer</a>
  5. Site URL: https://www.thisisaspace.net/database-/clothing Hello, I'm trying to build out accordion style text side by side for one of my page sections and when I just do so with just one, the code works fine but when I when I add the 2nd accordion style next to it, the text that is suppose to drop down when clicked on, stays open for both sections, if that makes sense. Please check URL linked to the page I'm talking about. https://www.thisisaspace.net/database-/clothing Thanks!
  6. Site URL: https://www.odysseyboxuk.com/shop/p/growth-goals-box Hi there, I would like to add an accordion menu to my site so that the headings in the description are collapsable.
  7. Can we add accordion to the Image Cards? I have attached the image below. The highlighted text should be in accordion. Can someone help?
  8. Hi I'm trying to create something like this: https://www.laserclinics.com.au/laser-hair-removal-prices If I place buttons next to each other, how do I add code to them so that a table like this can appear when each button is clicked.
  9. Site URL: https://basseducation.com The drop down menus are working beautifully but if the user leaves the boxes expanded, the text overflows into the next section. How can I tell Squarespace to expand the height of the page in question to accommodate the expanded accordian text? Any tips would be greatly appreciated! Not a coder but have built quite a few of my own (and friends) sites with Squarespace and know just enough to google solutions and implement them (usually). 🙂
  10. I am looking to minimize the amount of space the text is taking up my allowing a few lines to be shown and have a "more" button to expand the text. Does anyone know how to do this?
  11. Site URL: https://www.harmoneywealthaz.com/services website: https://www.harmoneywealthaz.com/ourstory#anchor-harmoneydifference https://www.harmoneywealthaz.com/services I am hoping to add an element or some sort of css animation upon hover on the dropdown/accordion menu to show the user that the accordion is clickable. Has this been done before on squarespace? My mouse doesn't changer upon hover so the text doesn't appear to be clickable. @tuanphan
  12. Site URL: https://www.statureclothing.com.au/apparel/tidal-flow Hello, I'm wanting to create accordion dropdowns on my product pages but have no idea how. I just need three accordions per product page. I've tried a few code injections from other forum posts but have had not luck. I'm using version 7.1. Would love some help - https://www.statureclothing.com.au/apparel/tidal-flow Thank you!
  13. Site URL: https://fifty-fifth.com/home-1 Hello! I'm trying to change the hover colour to the links inside my accordion drop down on this page (https://fifty-fifth.com/home-1). Anyone have any idea how to implement this using CSS or HTML within the markdown? I'm using a custom code box for the accordion and a markdown above it that contains all of the text HTML. Thanks!
  14. Site URL: https://www.newworldangels.com/portfolio I would like each of the images in the portfolio to open an accordion with more information. This expansion would have text and links. I've attached an image of what the structure ought to look like.
  15. Hello! I'm having an issue with my faq accordion page on my site. On initial page load, the accordion menu is open and then it closes. I just learned that 7.1 doesn't have the ajax loading options. I was wondering if there was a way to prevent the accordion menu from being open on page loads so the content is hidden? I would like for it to be closed until you click on the questions. site url: https://www.uniquelydolledwigs.com/ password: unique1234 @tuanphan
  16. Greetings all, Is there any means to do an accordion/toggle style for FAQs or other drop-down content? they all seem to require the css/code insert - so this would only be accessible if you are on a business plan or higher. thoughts, as this is already over budget? thank you B [ avenue template ]
  17. Site URL: https://www.jsquarednaturals.com I'm looking for a way to add an accordion menu to a product page to create expandable drop-downs with additional information about the product. We're a candle and fragrance company, so I'd like to have the standard product details block, but then add an accordion menu underneath that allows consumers to get additional details, such as the fragrance notes, care instructions, etc. Currently that information is written out in the additional information block and it creates a somewhat cluttered space (see: https://www.jsquarednaturals.com/therapeutic-candles/upliftandinvigorate) I've seen a TON of help for how to create an accordion or markdown on a standard page (eg a FAQ or blog post), however when I've tried to do code injection on the product page, only Header and Footer sections are available (we're using the Brine template). Unsurprisingly, the effort failed terribly when I tried to post in one of those! I'm not completely coding illiterate (extremely rusty? yes...), but could definitely use some help. I'm a little surprised I'm not finding this question already asked either here or via a google search, which makes me feel it's either really easy (and I'm missing it) or impossible. I'm not sure which category this fits best, so I've posted here and in Coding. Thank you!
  18. Site URL: https://altustraffic.squarespace.com/utilities Hi guys, I have custom code setup to have accordions setup - though I would like to have AJAX loading turned on. Does anyone know how I can edit the code to allow for AJAX loading and not need to be refreshed to work? Any help here would be amazing:) one of the many many code blocks with accordions.. <ul class="accordion-2"> <li class="accordion-2__item"> <span class="accordion-2__title">Customer Imperatives</span> <div class="accordion-2__content"> <p> <ul> <li> Want to be able to book traffic management quickly and on short notice</li> <br> <li>Want provisioning to be strategic, such that there is maximum flexibility in timing and location of works</li> <br> <li>Want full compliance with overarching management plans for safety, quality, the environment and training</li> <br> <li>Want traffic management provider to advocate for safety where other subcontractors are onsite </li> <br> <li>Want error-free, supporting documentation to support commercial operations </li> <br> <li>Want responsiveness when an issue is raised</li> </ul> </p> </div> </li> <ul class="accordion-2"> <li class="accordion-2__item"> <span class="accordion-2__title">Delivery Focus</span> <div class="accordion-2__content"> <p><ul><li> Traffic management is able to be booked efficiently and on short notice</li><br> <li> Projects are provisioned correctly with the necessary plans and permits in place to allow work to commence on schedule and accommodate flexibility</li> <br> <li>Staff are onsite at the correct time with the correct equipment</li> <br> <li>Staff follow processes correctly in accordance with overarching management plans for safety, quality, the environment and compliance</li> <br> <li>Staff are professional and physically engaged with the movement of people, vehicles and contractors onsite</li> <br> <li>Invoicing is correct and supported by documentation in accordance with customer requirements</li></ul> </p> </div> </li>
  19. Is it possible to use the accordion coding with a form? Basically, I'd like the form to open on the web page (not light box) when clicked, similar to the accordion FAQ style. Is this possible?
  20. Site URL: https://k2metalfabrication.com Hello - My site's password is..... password I'm a rookie with custom coded CSS. Need some hep figuring this out. The issue is on the homepage. I appreciate any guidance. I'm using this code from codepen https://codepen.io/foxeisen/pen/RjxGNR . I only want to use Effect #1 so I'm unsure if I've removed something out that needs to there. I'm getting a syntax error on line 6 which applies to the slider-height but I'm completely unsure what to do. Am I not doing something correct when copying and pasting the code?
  21. Site URL: https://dallas.whistlebritcheschicken.com/dallas-whistle-britches-dallas-food-menu New to this and don't know how to even search for this type of thing. Is there a term for filtering text blocks like this link I'm sharing? I can only think of accordion menus or universal filter plugins, but what I'd be using it for is a text-based food menu on a single page. Meaning, it's not a product or blog post with a category I could filter from. Attaching screenshot as well. Thanks!
  22. Site URL: http://landerfornyc.com I am trying to break up a long page with lots of text by creating sections that have a title, a summary paragraph, and then have users click to see more information if needed. I think the best way to do this is with an accordion FAQ-style using a markdown block. I'm having 2 problems with the formatting, need troubleshooting advice! 1) I want the page to display the title and the summary, and then have users click the "more" in the summary to get the additional bullet points. I can't figure out how to make the title and summary static, with only the bullet points hidden. Right now, it shows the first title and summary, but then only shows the summary for each section after that (the title shows up when you expand the section before it). Any advice? 2) Is there a simple way to put an image next to each section, tied to the placement of the title and summary (even when the section is expanded). Looking for tips on how to float the image on the right or left next to the text, but keep it aligned with the right section. The JQuery code i'm using is: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h2').css('cursor','help'); $(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle(); $(".markdown-block .sqs-block-content h2").click(function() {$(this).nextUntil("h2").slideToggle();}); }); </script> And the format of the markdown is: ### Title ## Summary *bullets ### Title ## Summary *bullets ### Title ## Summary *bullets
  23. Site URL: http://russellrpc.org Hi, I'm wondering how to upload documents into an accordion style dropdown? I made the accordion using this: https://static1.squarespace.com/static/5a75f5554c0dbffe87e1e379/t/5b3a5f5b352f5393c5a78b52/1530552155529/Kayleigh+Noele+FAQ+Dropdown+Accordion+Installation.pdf It works great, excepting adding documents. When click to add a link, change to a document and upload, all I get is what's in the attached screenshot. The Greeting Schedule is the name of the document. But it's not even clickable, let alone a file. How do I fix it? Thank you!
  24. I have a question about this page: https://quadra-capital.squarespace.com/capital-raising password: quadracapital 1. Do you know if it's possible to move the plus icons under the second section to the left and right align the text? I inserted code to create the accordion on the FAQ page but I'm not sure if there's a way to switch the placement of the + icons on this specific page. 2. I had to insert the grey numbers as images. Do you know how I would decrease the padding of these to get them closer to the text boxes below? Thanks!
  25. I'm looking to create an accordion that will expand/hide content when the user clicks on 1 of 6 icons in a row. The icons serve as buttons essentially, with an active, hover and inactive state. I'm using the Brine template. Here are the functions I need: The icons have a text label below them (likely H3 text). Icons have an active, hover, and inactive state. The accordion will automatically hide whatever active content is showing when the user clicks a different icon. The content that would show/hide below would include an image with a header and text to the side of it for each icon. I want the icons to be in a single row until the screen size gets to mobile widths so that the content that shows on the user's click always falls below the row of icons. This means that as the screen width narrows, the icons and text likely need to scale down so they fit in a single row on tablet screen widths. On mobile, I want the icons and text to stack and have the content be revealed below each icon (similar to the example image in the following topic, except the + icon would be my icons: I'm trying to create all of the various content blocks so a coder can go in and create the jquery to enable all the behaviors, but I need to know what kind of content blocks to use. If I just use image blocks with text blocks below them for each icon, I don't think I can keep the icons in a single row or scale things according to the screen width. If I use a gallery or summary block, I don't know how the active/hover/inactive states could be implemented. If anyone who has done something similar can advise me on the content blocks to use to get all of the above functionality, that would be very helpful. For context, the page I'm trying to implement this on is here: https://www.superiorfresh.com/organic-greens. Under the header "Good for You, Good for the Planet" there are 6 images with a header/paragraph below them. I would replace those with the row of icons, and then clicking would reveal the image and paragraph below. I've also attached some images of what I'm hoping it will look like when complete.
×
×
  • Create New...