Skip to content

Customization of Product Tables

AzonPress offers excellent customization features, making it easy to customize according to your needs. This article will guide you through Customizing Product Tables with AzonPress for Amazon products on your WordPress website.

How To Customize A Product Table

First, go to Amazon Products from the WordPress Sidebar or Product Tables from the Amazon dropdown in the top right corner of the AzonPress Navbar.

Next, select the desired Table where you want to add columns and click on the Pencil Icon.

If you do not have any existing Product Tables, you can create a new Product Table.

Select desired table

You can see that your desired product table has been opened in your backend.

Opened Table with all customization options

Now, you can Add Columns by clicking on the + Add Column button.

If you want to apply your own styling, click the Custom CSS button to design the table however you like. You can also add more products at any time by clicking the + Add Product button. This will open the product search pop-up again so you can select additional products.

Add column custom css add products

Two more options are available just above the left side of the page, and these are Edit Mode and Design Mode. You can use those options to change it anywhere or create a custom design for the table.

  • To change the design of your table, click on the Design Mode button and the Settings bar will appear on the right side.
  • Then, you can choose the library style, color, pagination number, and feature needed for your table from the Styling library, Color Skin, Product Table Pagination, and Styling Feature settings options.

"For example, you can see in the picture below that I have selected all fields of the Styling Feature and customized the table according to my choice using the settings options."

Edit and design mode

You can use the Shortcode in the top left corner to use this Product table on any Post/Page in your WordPress site.

Shortcode

Plus, with the help of the Drag and Drop button, you can move your columns right and left, and rows up and down smoothly at any time.

Drag Drop button

Also, you can edit the title and alignment of your columns and only the title for your rows by clicking the Pencil Icon right next to each column and row.

Edit Title Alignment for each Column and Row

You can Delete any existing row by clicking the Trash Icon.

Delete button

You can change the Title of Product Tables anytime by clicking on the Pencil Icon in the top left corner.

Edit Table Title

A new pop-up window will appear where you can change the Table Title and provide a Table Description. Then, click the Update Info button to save the changes.

Edit table Info popup page

Once you are done, click the Save Changes button, and your tables will be ready to display.

You can see the preview of your table by clicking the Preview button in the top right corner.

Preview save changes button

Customization Through Appearance Settings

To learn about customizing tables through Appearance Settings, read this Documentation.

This is how you can customize the product table as per your proper design!