The Staggs product configurator comes with up to 4 product configurator templates by default (and 6 in the pro version). You can change the template whenever you want. This post contains all the product configurator templates we offer at the moment. Important! Make sure to create a new configurator theme if you haven’t done so already. To be able to customize the template, you need to have a configurator theme linked to the product configurator builder. Configurator templates You can also select ‘WooCommerce Page Template’. That will only add a list of attributes before the add to cart button, and replace the product image gallery. Or choose ‘Attributes only’. This will just display the attribute option form. No previews or anything. Or you can display the configurator contents using shortcodes. You can learn more about shortcodes in this post.
Classic The first template is the ‘classic’ template. This template tries to mimic the regular WooCommerce product page layout, so your configurable products won’t look that much different from your regular products.
Floating The floating template really puts the product in the spotlight. The product image is the main object of the page, and the attributes are ‘floating’ along the image.
Full The full template looks a lot like the floating template. With the main difference being that the options are located in a visual separate panel.
Popup – vertical The popup layout does not modify the product page at all! It just adds an extra button to the WooCommerce add to cart form. The whole configurator and configuration process takes place within the popup itself.
Popup – horizontal (PRO) If you need more horizontal space to display your product, you can opt for the horizontal popup layout. Though you have to get the PRO version in order to use this template.
Stepper (PRO) The final template we offer is the stepper template. This template also comes at an additional cost, because it utilizes the PRO feature of having multiple steps in the product configurator.
Bottom line We offer 6 templates out of the box, with 2 templates coming at an additional cost. These templates form the baseline of the product configurator. You can completely change the look and feel, or even build your own templates if you wish to do so! Our product configurator plugin is made up of hooks and filters. So you can easily customize the templates to your likings by adding or replacing hooks, and applying filters.