Product Table 3 Columns

Description

• adding table with 3 columns to Product Description (and stacked on mobile)
• view demo – password: abc
• buy me a coffee

#1. Install Code

#1.1. Click Gear icon on Store Page

Next, click Advanced > Page Header Code Injection

#1.2. Add this code to right box

<!-- 08.26c07v8 Product Table 3 Columns -->
<script>
window.ProductTable3ColConfig = {
  headingTag: "h4",
  headingSize: "20px",
  headingSizeMobile: "18px",
  headingColor: "#9a5151",
  lineColor: "#9a5151",
  lineSpacing: "10px"
};
</script>
<script src="https://code.beaverhero.com/productdetail/0826c07v8productable3columns.js"></script>

#1.3. Next, edit a Product > Enter this format in Product Description

##Symptoms

Symptomatic treatment of pain and fever.

##Dosage

DO NOT EXCEED RECOMMENDED DOSE.

3 months to 1 year:

2,5 ml to 5 ml ( 60 to 120 mg )

1 to 5 years:

5 ml to 10 ml ( 120 to 240 mg )

6 to 12 years:

10 ml to 20 ml ( 240 to 480 mg )

##Composition

120 mg paracetamol.

Result

#2. Customize

#2.1. To change text/line color

You can change line 07, line 08

headingColor: "#9a5151",
  lineColor: "#9a5151",