FOURCORE.DOCS
Esses docs menu

Sticky add to cart#

Keep the selected product and add-to-cart action within reach as shoppers scroll.

Add this section#

Select Add section > Sticky add to cart on a product template.

Settings#

The settings below follow the same order as the theme editor.

General settings#

Appears at the foot of the screen once the product's buy buttons scroll out of view. Needs a Buy buttons block in Product information.

  • Show on desktop: Turn this on or off.
  • Style: Choose Floating capsule or Full-width bar.
  • Color scheme: Choose a color scheme from Theme settings > Colors.

Content#

  • Show product image: Turn this on or off.
  • Show selected options: Turn this on or off. Written under the product name, such as Black / M. Hidden where the variant picker shows.
  • Show variant picker: Turn this on or off. Each option as a dropdown. Choices stay in step with the product page.
  • Show quantity selector: Turn this on or off.
  • Show price: Turn this on or off.

Mobile layout#

  • Show on phones: Turn this on or off.
  • Show variant picker: Turn this on or off. Products with options show their dropdowns beside the button; products without options show their name. The price moves into the button.
  • Show product image: Turn this on or off.

Blocks#

This section does not use blocks.

Tips#

  • Add your real content before fine-tuning spacing and colors.
  • Check the section at both computer and phone widths. Use Mobile layout for the phone-specific choices.