Overview:
If you are using the Accordions within your field group, and you would prefer that they all be closed on page load, then you can use the following script to do just that!
Solution:
Navigate to your theme.liquid file, and paste the following snippet just before the closing </body> tag. Be sure to save once you are finished.
JavaScript Version: (preferred)
<script type="text/javascript">
document.querySelector('body').addEventListener("productOptionsLoadedJS", function(e) {
const groups = document.querySelectorAll(".po-accordion-group.open");
groups.forEach(function(item) {
item.classList.remove("open");
});
});
</script>
jQuery Version:
<script type="text/javascript">
$('body').on("productOptionsLoaded", function() {
$(".po-accordion-group.open").removeClass("open");
});
</script>
If this does not work, then you may need to manually load Product Options within the head of your theme.liquid file by following this tutorial here: Manually load Product Options for faster load time
If you are still having trouble with this, please do not hesitate to submit a support ticket here.