disable multiple-neutral-1 view-off search multiple-circle view arrow-left-1 cog check-1 wench add-square single-neutral-actions close close single-neutral add-circle-bold rating-star love-it arrow-down-1 move-to-top smiley-indifferent smiley-happy arrow-up-1 floppy-disk lock-2 arrow-down-2 view-1 list-bullets smiley-unhappy expand-6 smiley-sad-1 lock-unlock-1 smiley-unhappy filter-1 copy-paste send-email-1 check-circle-1 diagram-fall-down cog-1 envelope-letter download-thick-bottom add-circle messages-bubble-square archive alert-diamond alarm-bell-1 ticket-1 open-quote information-circle flying-insect-honey pencil-1 remove-circle add attachment-1 smiley-indifferent pencil-1 network-browser hyperlink-2 time-clock-circle close-quote hierarchy-9 navigation-menu common-file-stack shield-warning file-code button-record credit-card-1 pencil-write synchronize-arrows-1 undo bin-paper-1 folder-file-1 ticket-1 envelope-letter expand-6 time-clock-midnight rating-star smiley-smile-1_1 navigation-menu-horizontal book-star archive keyboard-arrow-down headphones-customer-support keyboard-arrow-up arrow-right-1 tags-double smiley-sad-1 smiley-happy remove-square-1 layout-module-1 analytics-pie-2 social-media-twitter multiple-users-1 drawer-send print-text smiley-thrilled

Layouts and templates

Change layout

  1. In the WooCoomerce admin backend open, WooCommerce -> Settings -> Group Attributes -> Styling: Layout
  2. Select the desired layout option. To get a visual overview of the different layouts please visit the WUPO Group Attributes page

Create your own template

  1. In the WooCoomerce admin backend open, WooCommerce -> Settings -> Group Attributes -> Styling: Layout and select a layout option higher than '1' (eg. Layout 2, or Layout 3)
  2. Copy the corresponding PHP template file from /wp-content/plugins/wupo-group-attributes-pro/public/templates to your child theme directory in /wp-content/themes/<child-theme>/wupo-group-attributes-pro/public/
  3. Adapt the copied PHP template file to your needs
  4. Activating the WordPress debug mode will log additional information which helps to understand the received array with all attribute data