Shopify Liquid Code Archives

How to Customize Shopify Add to Cart Button Using CSS/Liquid

Your Add to Cart button is the hardest-working element on your product page — it is the exact spot where

Long product descriptions are great for SEO but terrible for design — a wall of text pushes your Add to

“When will it arrive?” is the number-one pre-purchase question in ecommerce. A clear delivery-details box right under your price answers

Your header is the first thing every visitor sees — logo, navigation, search, cart. A generic header makes even great

The footer is the most under-designed part of most Shopify stores — yet it is exactly where shoppers look for

Ready to go beyond the basics? Advanced headers — mega menus, live search bars, multi-level dropdowns and slide-in mobile drawers

Slider arrows and dots are useful — until they are not. Maybe they clash with your hero design, overlap your

Dawn's slideshow section is beautiful — but its default arrows, dots and slide counter don't suit every brand. Maybe you

Those little prev/next arrows on your collection list might have made sense with three collections, but with ten or more

A wall of text kills conversions. When your product description runs ten paragraphs deep, most shoppers never reach the Add