Shopify Script Product Option JSON Example

Shopify-Script-Product-Option.json

{
   "product":{
      "styles":{
         "product":{
            "@media (min-width: 601px)":{
               "max-width":"calc(25% - 20px)",
               "margin-left":"20px",
               "margin-bottom":"50px"
            },
            "price":{
               "color":"#94D4CA"
            }
         },
         "button":{
            "font-family":"Karla, sans-serif",
            "font-size":"16px",
            "padding-top":"16px",
            "padding-bottom":"16px",
            ":hover":{
               "background-color":"#006b3c"
            },
            "background-color":"#003f23",
            ":focus":{
               "background-color":"#006b3c"
            },
            "border-radius":"0",
            "padding-left":"49px",
            "padding-right":"49px"
         },
         "quantityInput":{
            "font-size":"16px",
            "padding-top":"16px",
            "padding-bottom":"16px"
         }
      },
      "text":{
         "button":"ADD TO CART"
      },
      "contents":{
         "img":false,
         "title":false,
         "price":true
      },
      "googleFonts":[
         "Karla"
      ]
   },
   "productSet":{
      "styles":{
         "products":{
            "@media (min-width: 601px)":{
               "margin-left":"-20px"
            }
         }
      }
   },
   "modalProduct":{
      "contents":{
         "img":false,
         "imgWithCarousel":true,
         "button":false,
         "buttonWithQuantity":true
      },
      "styles":{
         "product":{
            "@media (min-width: 601px)":{
               "max-width":"100%",
               "margin-left":"0px",
               "margin-bottom":"0px"
            }
         },
         "button":{
            "font-family":"Karla, sans-serif",
            "font-size":"16px",
            "padding-top":"16px",
            "padding-bottom":"16px",
            ":hover":{
               "background-color":"#006b3c"
            },
            "background-color":"#003f23",
            ":focus":{
               "background-color":"#006b3c"
            },
            "border-radius":"30px",
            "padding-left":"49px",
            "padding-right":"49px"
         },
         "quantityInput":{
            "font-size":"16px",
            "padding-top":"16px",
            "padding-bottom":"16px"
         },
         "title":{
            "font-family":"Karla, sans-serif",
            "color":"#003f23"
         },
         "price":{
            "font-family":"Karla, sans-serif",
            "font-weight":"bold"
         },
         "compareAt":{
            "font-family":"Karla, sans-serif",
            "font-weight":"bold",
            "font-size":"0"
         },
         "unitPrice":{
            "font-family":"Karla, sans-serif",
            "font-weight":"bold",
            "font-size":"0"
         },
         "description":{
            "font-family":"Karla, sans-serif"
         }
      },
      "googleFonts":[
         "Karla"
      ],
      "text":{
         "button":"ADD TO CART"
      }
   },
   "cart":{
      "styles":{
         "button":{
            "font-family":"Karla, sans-serif",
            "font-size":"16px",
            "padding-top":"16px",
            "padding-bottom":"16px",
            ":hover":{
               "background-color":"#006b3c"
            },
            "background-color":"#003f23",
            ":focus":{
               "background-color":"#006b3c"
            },
            "border-radius":"30px"
         },
         "title":{
            "color":"#003f23"
         },
         "header":{
            "color":"#003f23"
         },
         "lineItems":{
            "color":"#003f23"
         },
         "subtotalText":{
            "color":"#003f23"
         },
         "subtotal":{
            "color":"#003f23"
         },
         "notice":{
            "color":"#003f23"
         },
         "currency":{
            "color":"#003f23"
         },
         "close":{
            "color":"#003f23",
            ":hover":{
               "color":"#003f23"
            }
         },
         "empty":{
            "color":"#003f23"
         },
         "noteDescription":{
            "color":"#003f23"
         },
         "discountText":{
            "color":"#003f23"
         },
         "discountIcon":{
            "fill":"#003f23"
         },
         "discountAmount":{
            "color":"#003f23"
         }
      },
      "text":{
         "title":"Shopping Cart",
         "total":"Subtotal",
         "notice":"Orders Fulfilled By YOUR COMPANY",
         "button":"Checkout",
         "noteDescription":"Leave Sp"
      },
      "popup":false,
      "googleFonts":[
         "Karla"
      ]
   },
   "toggle":{
      "styles":{
         "toggle":{
            "font-family":"Karla, sans-serif",
            "background-color":"#003f23",
            ":hover":{
               "background-color":"#006b3c"
            },
            ":focus":{
               "background-color":"#006b3c"
            }
         },
         "count":{
            "font-size":"16px"
         }
      },
      "googleFonts":[
         "Karla"
      ]
   },
   "lineItem":{
      "styles":{
         "variantTitle":{
            "color":"#003f23"
         },
         "title":{
            "color":"#003f23"
         },
         "price":{
            "color":"#003f23"
         },
         "fullPrice":{
            "color":"#003f23"
         },
         "discount":{
            "color":"#003f23"
         },
         "discountIcon":{
            "fill":"#003f23"
         },
         "quantity":{
            "color":"#003f23"
         },
         "quantityIncrement":{
            "color":"#003f23",
            "border-color":"#003f23"
         },
         "quantityDecrement":{
            "color":"#003f23",
            "border-color":"#003f23"
         },
         "quantityInput":{
            "color":"#003f23",
            "border-color":"#003f23"
         }
      }
   }
}