FAQ

FAQ

Bugs

  • aria-expanded isn’t toggling correctly
<a href="#" id="toggleAll">Show all</a>

<section class="faqs">

    <div class="faq">

        <button aria-expanded="false" class="faq__btn" aria-controls="sect1" id="faq1">
            <h3 class="faq__title">When will Commerce be available?</h3>
			<svg role="img" class="faq__arrow"><use xlink:href="/svg/svg-symbols.svg#chevron-down"></use></svg>
        </button>

        <div class="faq__body" id="sect1" role="region" aria-labelledby="faq1">
            <p>It already is! Commerce 1.0.0-pl was finally released on May 14, 2019, after being in development for many years, and available in alpha/beta since 2017.</p>
        </div>

    </div>

    <div class="faq">

        <button aria-expanded="false" class="faq__btn" aria-controls="sect2" id="faq2">
            <h3 class="faq__title">How much does Commerce cost?</h3>
			<svg role="img" class="faq__arrow"><use xlink:href="/svg/svg-symbols.svg#chevron-down"></use></svg>
        </button>

        <div class="faq__body" id="sect2" role="region" aria-labelledby="faq2">
            <p>Commerce is priced at €299 per license. A license is valid for one MODX installation, and includes all future 1.x upgrades and our standard email support.</p>
            <p><a href="https://www.modmore.com/free-development-licenses/">Free development licenses</a> are available for development and for trying out Commerce prior to purchasing a license.</p>
            <p>We offer <a href="https://www.modmorestaging.com/commerce/pricing/non-profit/">discounts for non-profit organisations</a> that meet our requirements.</p>
        </div>

    </div>

    <div class="faq">

        <button aria-expanded="false" class="faq__btn" aria-controls="sect3" id="faq3">
            <h3 class="faq__title">How does Commerce handle product prices and sales tax/VAT? </h3>
			<svg role="img" class="faq__arrow"><use xlink:href="/svg/svg-symbols.svg#chevron-down"></use></svg>
        </button>

        <div class="faq__body" id="sect3" role="region" aria-labelledby="faq3">
            <p>Taxes in Commerce are quite flexible. They are organised around Tax Groups, assigned to your products, and Tax Rules that determine when a certain Rate Provider should be used. </p>
            <p>Product prices can be configured to be either inclusive or exclusive of taxes. When a customer address is available, taxes will be shown as soon as a product is added to the cart. <br></p>
            <p><a href="https://docs.modmore.com/en/Commerce/v1/Taxes.html">Read more about Taxes in Commerce in the documentation.</a></p>
        </div>

    </div>

    <div class="faq">

        <button aria-expanded="false" class="faq__btn" aria-controls="sect4" id="faq4">
            <h3 class="faq__title">What are the requirements for running Commerce? </h3>
			<svg role="img" class="faq__arrow"><use xlink:href="/svg/svg-symbols.svg#chevron-down"></use></svg>
        </button>

        <div class="faq__body" id="sect4" role="region" aria-labelledby="faq4">
            <p>For Commerce we've set slightly higher requirements than our other extras. </p>
            <ul>
                <li>PHP 5.5+ (5.6 or higher strongly recommended)</li>
                <li>MODX Revolution 2.5.2 or higher </li>
                <li>Valid HTTPS certificate and configuration on the website</li>
            </ul>
            <p>It is possible to install Commerce without meeting all of these requirements right away, however you will be warned about the lacking configuration on the dashboard, and may not be able of switching the shop to live mode depending on what
                requirement is missing.</p>
        </div>

    </div>

</section>
{
  "faqs": [
    {
      "question": "When will Commerce be available?",
      "answer": "<p>It already is! Commerce 1.0.0-pl was finally released on May 14, 2019, after being in development for many years, and available in alpha/beta since 2017.</p>",
      "labelledby": "faq1",
      "controls": "sect1"
    },
    {
      "question": "How much does Commerce cost?",
      "answer": "<p>Commerce is priced at €299 per license. A license is valid for one MODX installation, and includes all future 1.x upgrades and our standard email support.</p><p><a href=\"https://www.modmore.com/free-development-licenses/\">Free development licenses</a> are available for development and for trying out Commerce prior to purchasing a license.</p><p>We offer <a href=\"https://www.modmorestaging.com/commerce/pricing/non-profit/\">discounts for non-profit organisations</a> that meet our requirements.</p>",
      "labelledby": "faq2",
      "controls": "sect2"
    },
    {
      "question": "How does Commerce handle product prices and sales tax/VAT? ",
      "answer": "<p>Taxes in Commerce are quite flexible. They are organised around Tax Groups, assigned to your products, and Tax Rules that determine when a certain Rate Provider should be used. </p><p>Product prices can be configured to be either inclusive or exclusive of taxes. When a customer address is available, taxes will be shown as soon as a product is added to the cart. <br></p><p><a href=\"https://docs.modmore.com/en/Commerce/v1/Taxes.html\">Read more about Taxes in Commerce in the documentation.</a></p>",
      "labelledby": "faq3",
      "controls": "sect3"
    },
    {
      "question": "What are the requirements for running Commerce? ",
      "answer": "<p>For Commerce we've set slightly higher requirements than our other extras. </p><ul><li>PHP 5.5+ (5.6 or higher strongly recommended)</li><li>MODX Revolution 2.5.2 or higher </li><li>Valid HTTPS certificate and configuration on the website</li></ul><p>It is possible to install Commerce without meeting all of these requirements right away, however you will be warned about the lacking configuration on the dashboard, and may not be able of switching the shop to live mode depending on what requirement is missing.</p>",
      "labelledby": "faq4",
      "controls": "sect4"
    }
  ]
}
  • Content:
    /*------------------------------------*\
    	FAQ
    \*------------------------------------*/
    
    .faq {
    	margin: 1rem 0;
    	padding: 0;
    	border: 1px solid $color-grey-light;
    	background: $color-white;
    }
    
    .faq__btn {
    	display: flex;
    	justify-content: space-between;
    	width: 100%;
    	text-align: left;
    	margin: 0;
    	padding: 1rem;
    	border: 0;
    	background: transparent;
    	cursor: pointer;
    }
    
    .faq__title {
    	margin: 0;
    	color: $color-text-base;
    	font-size: $font-size-h4;
    }
    
    .faq__arrow {
    	max-width: 20px;
    	max-height: 20px;
    	color: $color-text-base;
    
    	.is-active & {
    		transform: rotate(180deg);
    	}
    }
    
    .faq__body {
    	display: none;
    	margin-top: 1rem;
    	padding: 0 1rem 1rem;
    
    	p:last-child {
    		margin-bottom: 0;
    	}
    
    	&.is-open {
    		display: block;
    	}
    }
    
  • URL: /components/raw/faq/faq.scss
  • Filesystem Path: components/02-components/faq/faq.scss
  • Size: 733 Bytes