Enlarge swatch size in product page

In product page customize, add the following code in custom css:

.swatch-input__input + .swatch-input__label {

  --swatch-input--size: 4rem !important;

}

• Related Articles

• Add “Description” title before the description on product page

  Add a custom liquid section in product page after add to cart button. Insert the following liquid in the custom liquid. {% if product.description != '' %} <br> <h3 style="color: #EC1C24; font-weight: 600;">DESCRIPTION & SPECIFICATIONS</h3> {% endif ...

• Insert product weight into product page

  In custom liquid, insert the following: Weight: {% for variant in product.variants %}{{variant.weight | weight_with_unit }}{% endfor %}

• Increase Page width

  Go to base.css Find "narrow" Replace with "wide" e.g: .page-width--wide { max-width: 72.6rem; padding: 0; }

• Remove the "pickup availability" section of product page

  From your Shopify Admin, please go Online Store > Themes > Actions > Edit Code > Sections Search for pick_up_availability.liquid file Add the "comment" tag to the whole liquid file. add {% comment %} to the beginning of the file (first line) and add ...

• Remove the header and footer from a specific landing page

  Add this code before </body> tag in your theme.liquid file: {% if page.handle == 'x' %} <style> .header, footer {display: none;} </style> {% endif %}