Customize the "Load More" Button's

Here you can customize the Load More button that appears on the collection page. Customers can click this button to view additional products without reloading the page. You can adjust various options to match the button with your brand’s color scheme and design.

**You can customize the following options : **

  • Customize Load More Button " Here you can customize the button lable text color, button background color and font.
  • Border Color
  • Border Thickness " top, left,right, bottom "
  • Button Padding " top, left,right, bottom "
  • Margin " top, left,right, bottom "

Customize the "Show Less" Button's

Here you can customize the Show Less button's color, text, and size. The button appears on collection pages when additional products are loaded. You can modify these settings to align the button with your brand’s color scheme and design.

You can customize the following options:

  • Customize Show Less Button: This section allows you to customize the border, fonts, background color, text etc.
  • Border Color
  • Border Radius
  • Border Thickness top, left,right, bottom
  • Button Padding top, left,right, bottom
  • Margin top, left,right, bottom

Customize Back to Top Button

Here, you can enable or disable the Back to Top button, which appears on desktop or mobile devices when more products are loaded. =The Back to Top button allows users to quickly scroll to the top of the page with a single click. It improves navigation and user experience, especially on long product or collection pages.

  • Customize Button label and text color
  • Button Position bottom left/right, top
  • Button Color text color, background color
shopify on install