Ready-made styles or designs can be selected to manage the appearance of various web elements. So, when using this plugin, it is easy to change your styles and designs in just a few clicks.
What are styles and designs?
The plugin provides several ready-made styles and designs and you can apply these to the various functions such as product boxes, lists and grids. Each function will default to the standard design.
If you want to change this, you can do so through the plugin settings or specify your chosen style attribute in the relevant shortcode. When using a widget, you can specify the design by means of a selection box.
If you want to change the look of a particular function, you can specify your own style via CSS. You can make your own CSS customisations in the backend settings under Output> Specify Custom CSS.
Examples of styles
Here are a few examples of the different styles that the plugin has to offer:
Example 1 (Light):
Example 2 (Dark):
Example 3 (Extra: WAYL):
Your benefits of Different Styles / Designs
Here is a brief overview of the benefits:
- You can choose an individual look by selecting different styles.
- You can also adapt elements according to the theme used via CSS.
How do you specify styles and designs?
We have listed the different styles in the shortcode extensions: https://getaawp.com/docs/article/shortcodes/. Under “Available adjustments”, you can see which functions can be enhanced and which attributes to use.
For the shortcode extensions, you can use attributes like “template”, “grid”, “numbering”, “style” and “class”.
Here is an example of how to apply your own CSS: