Adding product details in builder

In this tutorial we will walk through using YOOtheme's Basic elements to add your shop product details to a page using dynamic content.

  • If your reading this we assume you've followed the inital steps of adding product details to your product,, you will need at least one product to continue. If have not done these inital steps please learn how at the link below.

Pricing with our without currency symbol

  • Shipping

  • Base price

  • Price after tax

  • Discount

  • Price after tax with product discount

  • Final Price

General Product information

  • Available product stock

  • SKU

  • Short Description

  • Long Description

  • Product Category

  • Display Product tags


Adding your shop product details with YOOtheme's basic "text" element

All of the product details listed above are available for use in YOOtheme's elements but in this tutorial will be using thier basic text element show information on your product page.

arrow-up-right

  • Select the "text" element from the element area popup

arrow-up-right

  • You are now ready to call in your short description via dynamic content from your shop product details.

  • You will see a latin placeholder on your page until you add the dynamic content source.

arrow-up-right

  • In the left column in the "advanced" tab go to the section called "dynamic content" and actviate the dropdown

  • Select "product" from the list in the "CommerceLab Shop" section

arrow-up-right

  • In the top left, click the "Builder" button to take you back to your headline content area

arrow-up-right

  • Above the content area where you'd usually add your title, right below the save button you'll see the word "dynamic" click that button to select your conent source.

  • short description" from the PRODUCT (CONTENT) section

arrow-up-right

  • You've just added your text element and short decription

arrow-up-right


Adding ALL other shop Product product details with text or headline elements.

If you've made it this far in our tutorial series then you know how to add headline & text elements. With these two elements you can style and create a complete layout with all your product details. and all other basic elements can also show product into as well. You've learned how to add new elements & choose different dynamic content sources. Play with element style settings and add and remove margins. This will get your shop moving in the right direction.

Pricing with our without currency symbol

  • Available product stock

  • SKU

  • Short Description

  • Long Description

  • Product Category

  • Display Product tags

General Product information

  • Shipping

  • Base price

  • Price after tax

  • Discount

  • Price after tax with product discount

  • Final Price

In the next tutorial we will talk about the add 2 cart button element and our custom shop elements.

Last updated