Open navigation

Displaying and Positioning Modules and Actions via Shortcodes

Action buttons, as well as modules, can be positioned freely on a product page through the use of shortcodes. An example of this can be seen in the business card demo. The first step in adding the desired shortcodes is to open the Shortcode Builder. Find the Shortcode Builder in Fancy Product Designer → Status & Tools.


Click on the Shortcodes button to open the Shortcode Builder:




Via the dropdown menus on the right, you can now select the different actions and modules, the corresponding shortcode will be generated and displayed on the left. For actions, there are three different Layout options available icon tooltip, icon text, and text only:





For Modules, CSS can be added to the wrapper by entering, for example, height and width.


To integrate an action or module into a product page via the shortcode, you simply need to copy the generated shortcode and paste it in the appropriate position on your page.



To further customize the layout of a product page, for example, to move the summary to the left of the designer, please take a look at Customizing the layout of WooCommerce product pages



Default Shortcodes

 



Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.