Advice and answers from the DevIT Team help center

Content Settings

Product Box

  • Firstly, add product and product variant for adding to cart on the page clicking "Choose product". Now you can customize it.

  • Set image alignment.

  • Set HTML tag.

  • Turn on or off prices' variants.

  • Set price's position.

  • If it's needed, add text before or after price in appropriate fields.

  • Enter product price.

  • Enter discount price if you have so.

  • Add link for product.

  • Upload image of the product.

  • Enter image title and Alt text.

  • Enter title and description for product.

Add to Cart

  • Width - set a width of the button.

  • Button position - after or before title, after price or description.

  • Button type - choose color type of the button.

  • Button text - change the inner text of the button if you need.

  • Alignment - set button's position on the page.

  • Button size - set button's size (extra large, large, medium, small, extra small).

  • Icon - select icon for the button. 

  • Icon position - set the icon before of after text.

  • Icon spacing - set the distance between text and icon inside the button.

  • Additional products - you can allow submitting additional products with one add to cart button.

Quantity Selection

If you turn the quantity selection, a customer will be able to choose product quantity by themselves. Also, you will need to set:

  • text alignment;

  • input size;

  • width;

  • position (put the button under or inline with Add to Cart button).

Variant Selection

Allow variant selection, if you want a customer to choose the product variant by themselves if a product contains variants.

  • Position - set position of the selection section.

  • Width - set a width of the button.

  • Text alignment - set text alignment inside the buttom.

  • Selection size - set the size of the selection section.

  • Button unavaible - enter appropriate text.

  • Button sold out - enter appropriate text.

Image Lightbox

Lightbox is a script used to overlay images on the current page. 

Here you can set up its:

  • color;

  • content width;

  • content position;

  • entrance animation.

Image Carousel

If you have variants of products or just many of its photos, you can add them and make them scroll automatically with this option.

Enable image carousel and make appropriate settings.

Style Settings

In this section you can make settings for next constituents:

  • Image

  • Content

  • Title

  • Description

  • Price

  • Quantity selection

  • Variant selection

Advanced Settings

  1. Element Style (margin, padding, entrance appearance).

  2. Background & Border (type, radius, box shadow).

  3. Responsive (hide or show it on a desktop, tablet, mobile).

Did this answer your question?

Contact Us
Chat