Product Description Dimensions

Description

  • add Product Dimensions

Plugin03v2 1

  • into Product Description

06.26c01v9 Product Description Dimensions

#1. Install Code

#1.1. Click Gear icon on Store Page

06.26c01v4 Shop Template Preview

Next, click Advanced > Page Header Code Injection

06.26c01v4 Shop Template Preview

#1.2. Add this code into Right box

<!-- 06.26c01v9	Product Description Dimensions -->
<script>
window.PRODUCT_DIMS_CONFIG = {
  labels: {
    length: "Length",
    width: "Width",
    height: "Height",
    weight: "Weight"
  },
  units: {
    length: "in",
    width: "in",
    height: "in",
    weight: "lb"
  },
  styles: {
    rowGap: "4px"
  }
};
</script>
<script src="https://code.beaverhero.com/productdetail/0626c01v9productdimensions.js"></script>

06.26c01v9 Product Description Dimensions

#2. Customize

#2.1. To change default text to another text, change Line 04 to Line 09

labels: {
  length: "Length",
  width: "Width",
  height: "Height",
  weight: "Weight"
},

 

Buy me a coffee