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

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