1. Home
  2. Docs
  3. WowStore
  4. Basic Block Customization

Basic Block Customization

***ProductX is becoming WowStore. If you see the new working interface of WowStore, then you can follow along – the working process for product blocks, starter templates, and features all work the same way as it did for ProductX. So, if you’re working with WowStore, you can follow the doc and use the instructions. Essentially, there’s no difference between WowStore and ProductX when it comes to using the product in general.

Before we move into the readymade product block customization, here are the basic customization features you will find with any ready product block.

General Settings

The General Settings now have both the design and pattern settings within the same tab. You can access pre-made patterns, the documentation and the blocks preview from the General Block Settings.

General Design Settings 1
General Design Settings 1

You can access the pre-made block layouts as well as some of the pre-made designs. For different blocks, you have different patterns for different blocks. Also, for some functional blocks like the currency switcher, product filter, and others, you have different functional settings.

Furthermore, you can enable or disable several settings that are dependent on you enabling or disabling an addon.

General Settings 2
General Settings 2

Furthermore, you have several design settings that you can enable or disable. Based on the block settings, the settings can be enabled or disabled by default.

General Settings 3
General Settings 3

***Based on the block you are choosing, the settings may vary.

Advanced Settings Tab

Under the advanced settings tab, you will find options that will affect the entire product block.

Advanced Settings 1
Advanced Settings 1

The advanced settings tab offers an overall insight into the design of the block. You can take the whole product block and add global settings to it.

So, with the advanced settings tab, you have the option to:

  • Z-index: You can play around with the z-index settings. If you are not familiar with the z-index settings, then you can take a look at them here.  
  • Margin and padding
  • Normal and Hover settings
  • Display responsiveness settings
    • You can choose to enable/ disable display of the blocks on various devices (mobile, tablet, etc.)
  • Custom CSS and Additional CSS class adding options

Here’s an example where we add box shadow and border to the whole block:

Advanced Settings 2
Advanced Settings 2

You will be able to do a lot more with the Pro version of our revolutionary WowStore plugin.

Read Relevant Documentation

  1. Installing the Pro Version of WowStore
  2. Using the WooCommerce Builder
  3. How to Use the Product Sorting Functionality
Was this article helpful to you? Yes 1 No