Skip to main content

Shopify Editor

Customize Share Cart using Shopify's theme editor (no coding required).

Accessing Settings​

  1. Go to Online Store > Themes
  2. Click Customize on your active theme
  3. Navigate to Cart page
  4. Select Share Cart Button block

Available Settings​

Button Text​

  • Change button label
  • Show/hide icon
  • Icon position (left/right)

Button Style​

  • Display as button or link
  • Button color (from theme or custom)
  • Text color
  • Border radius
  • Padding

Button Size​

  • Small
  • Medium (default)
  • Large
  • Custom

Position​

  • Alignment (left/center/right)
  • Margin (top/bottom/left/right)
  • Full width toggle

Visibility​

  • Hide for guests (logged-in only)
  • Show on specific devices only

Color Picker​

  1. Click color setting
  2. Choose from:
    • Theme colors (automatic)
    • Recently used
    • Custom color picker
  3. Preview changes live
  4. Click Save

Preview​

Theme editor shows real-time preview:

  • Test different styles instantly
  • See mobile and desktop views
  • Compare before/after

Resetting Styles​

To reset to default:

  1. Select the Share Cart block
  2. Click Remove block
  3. Add Share Cart Button block again

Default settings will be applied.