Elegant Themes Divi Modules

Stylish themes Divi modules

This is how you attach a shop module to your page The Divi is developed to be compliant with woo commerce. In these areas you can customize your eCommerce preferences and post new items. Although the Builders contains various modules for using your own software, you can also use your own software without the Builders being quite well. They can also directly hyperlink to your voocommerce category or use the voocommerce shortcuts within a Divi textbox.

In order to be able to add your own store to your site, you must first go to the Divi Builders. When the Divi themes are already on your site, each new page you create you will see a Use Divi Builders icon above the Mailbox.

When you click on this icon, the DiviBuilder will be activated so that you have full control over all DiviBuilder modules. Then click the Use Used Viewer to start the Viewer in Viewer mode. If you are signed in to your WordPress Dashboard, you can also click the Use visual build tool to browse your website at the frontend.

As soon as you have called the Visual Builder, you can click on the grey plus key to insert a new modul to your page. You can only insert new modules within rows. Find the store modul in the modules box and click on it to attach it to your page. You can search the modules page, i.e. you can also search for the term "shop" and then click OK to find and append the shopping cart to it!

As soon as the plugin is added, you will be welcomed with the plugin's option bar. In this example, I will use the Store tool to show the latest items on a homepage. You can use the visual Builder to create a regular section with a full width line (1 column).

Modify the bracket settings to achieve full width with a user-defined gutter width of 2, and then insert an audio modul to the bracket. Refresh the settings of the modules as follows: The Contents page contains all contents items of the modul, such as text, pictures, and symbols. Everything that manages what will appear in your modules will always be found in this tabs.

They have to have something made to show up in this game. Select how many column you want to be displayed in your store modul. The name of the modul is changed in the buililder for simple identifying. If you use the WireFrame screen in Visual Builder, these names are displayed inside the modular blocks on the Divi Builders surface.

You can find all of the module's style choices, such as font styles, color, size, and distance, on the Styles page. It is the tabs on which you can modify the appearance of your modules. Each Divi has a long history of theme choices that allow you to modify almost anything.

If you move the mouse over an article in the store modul, an overlapping symbol will appear. Using the colour selection in this mode, you can change the colour used for this symbol. You can select a user-defined symbol here that is shown when a user moves the mouse over store articles within the group.

Allows you to set the colour used for the bath backdrop. If you want to modify the text type of your cover text, select the required type from the drop-down list. The Divi comes with tens of great typefaces supported by Google fonts. Divi uses the Open Sans typeface by default for all text on your site.

You can resize your text here. Or you can enter the text you want to resize directly into the edit box to the right of the sliders. Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used.

All text colours in Divi are displayed as either black or grey by default. 3. When you want to modify the colour of your text, use this button to select the colour you want from the colour selection. The distance between the letters influences the distance between the individual letters. When you want to enlarge the distance between the letters in your caption, use the area fader to set the distance, or type your preferred distance value in the box to the right of the fader.

Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used. If you want to make the distance between each line larger, use the area slider control to resize the distance, or enter your preferred distance value in the box to the right of the slide bar.

Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used. If you want to modify the text of your quote, select the required text from the drop-down list. The Divi comes with tens of great typefaces supported by Google Fonts.

Divi uses the Open Sans fonts by Default for all texts on your site. You can resize your pricing text here. Or you can enter the text you want to resize directly into the edit box to the right of the sliders.

Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used. All text colours in Divi are displayed as either black or grey by default. 3. When you want to modify the colour of your text, use this button to select your preferred colour from the colour selection.

The distance between the letters influences the distance between the individual letters. When you want to enlarge the distance between the letters in your pricing text, use the Span slide bar to set the distance, or enter your preferred distance value in the box to the right of the slide bar. Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used.

If you want to enlarge the distance between the individual lines, use the area slide bar to set the distance or enter your preferred distance value in the box to the right of the slide bar. Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used.

Allows you to add user-defined styles to one of the many element types of the plugin. It is also possible to add user-defined styles and tags to the modules, allowing you to modify the modules in the way your sub themes look. bss files. Specify an option to use for the column ID for this part.

Specify additional custom class names to be used for this modul. Create more than one class delimited by a blank. You can use these categories in your Divi Kind themes or within the custom style sheet that you create for your page or website using Divi themes options or Divi Builder page settings.

You can also apply customized styles heet definitions to the modul and all internals of the modul. In the section Customizing / Customizing you will find a text box in which you can directly customize each item. Your entries in these preferences are already packaged in styles, so you only need to type styles seperated by semi-colons.

You can use this item to specify on which device your device will appear. Deactivate your modules separately on trays, smartphones, or desktops. It is useful if you want to use different modules on different machines, or if you want to make the portable look easier by removing certain items from the page.

Mehr zum Thema