| Reason | Image | Location | Snippet |
| I want to hide the toolbar completely |  | UI-Composer | .fpd-element-toolbar-smart{display:none!important} If you're using the old version of toolbar - .fpd-element-toolbar {display:none!important} |
| I want to hide the toolbar only for images |  | UI-Composer | .fpd-element-toolbar-smart.fpd-type-image{display:none!important} |
| I want to hide the design preview |  | UI-Composer | .fpd-thumbnail-preview{display: none !important;} |
| I want to hide the colour in the cart |  | UI-Composer | .woocommerce-cart span.fpd-cart-element-color{display:none} |
| I want to change the size of the view thumbnails |  | UI-Composer | .fpd-views-wrapper .fpd-views-selection .fpd-item {width:90px;height:100px} |
| I want to hide the empty Main Bar |  | UI Composer | .fpd-mainbar{display:none} |
| I want to hide the color-picker/color-palette/font dropdown from text layers |  | UI-Composer | .fpd-text-layer-item .fpd-text-layer-meta{display:none} |
| |
-
WordPress & WooCommerce
- Getting Started
- Product Management
- Customization Options
- User Interface
- Modules Setup
- Settings
-
WooCommerce Features
- Customizing the layout of WooCommerce product pages
- Display a thumbnail with the custom design in the cart & order mail
- Using variations to change the product template in the designer
- Let customers download a print-ready file after successful purchase
- Displaying Cross-Sells products when adding a product to the cart
- Multistep Product Configurator
-
Genius (Pro Export, AI..)
- Enabling Genius Features
- Getting Started with the PRO Export
- Export methods explained
- Handpicked Google fonts for PRO export
- Handpicked TTF fonts for PRO export
- Storing the print-ready file in a cloud provider (Dropbox or AWS S3)
- Send the print file to a webhook for automation (Zapier Demo)
- Mailing a print-ready file
- Enabling AI Features (Genius)
- Add-ons
- Product Setups
-
Advanced Topics
- Using FPD with page builder plugins like Elementor
- Moving your Website to another domain
- Show Share Buttons with Shortcode
- Displaying and Positioning Modules and Actions via Shortcodes
- Giving access to other roles
- Developers
- Controlling the allowed addable media types in views
- Sync relevant design images in multiple views
- Using text link groups to sync the content between text layers
- Define specific design categories per product or product view
- Using an overlay image as mask
- Using an SVG as mask for a view
- Custom CSS
- Third-party Integrations
-
Troubleshooting
- Using the debug mode to inspect any missing hooks in WooCommerce product pages
- The product is not added to cart
- The export does not work
- Increasing php.ini directives to send large amounts of data
- Images are not loading
- Uploading images in frontend does not work
- Custom Product Thumbnail is not displaying in the WooCommerce cart
- Templates Library products don't load once installed
- The UI in the backend is messed up (Conflict)
- The Product Designer is not showing up
- NinjaFirewall stops product adding to cart
- Relevant data in MySQL database
- Performance Tweaks
-
Shopify
- Getting Started
- Theme Setup
- Theme Integration
-
HTML5 App (Developer Version)
- Getting Started
- Element Properties
- Modules
- API
- Advanced