ThemeHigh
  • Plugins
  • Documentation
  • Support
  • Partners
  • Login
  • Getting Started
    • Overview...
  • Checkout Steps
    • How to display a Custom Section ...
    • Delete Newly Added Checkout Step...
    • Rearrange Checkout Steps...
    • How to Add a New Checkout Step?...
    • Default Checkout Steps...
  • Display Settings
    • Multistep Layout...
    • Display Progress Bar...
    • Step Index Style...
    • Additional Settings...
  • Advanced Settings
    • Other Step Settings...
    • Review Step Details...
    • Backup & Import Settings...
  • Button Settings
    • Next and previous button setting...
    • Place order Button Settings...
    • Back to cart Button Settings...
  • FAQ
    • Having trouble with the Latest V...
    • Frequently Asked Questions...
  • Compatible Plugin & Themes
    • Plugins & Themes...

Documentation/Multi-step Checkout For WooCommerce/Next and previous button settings

Next and previous button settings

Last updated on December 31, 2022

To edit the next and previous buttons,

Navigate to WooCommerce > Multistep Checkout > Button Settings > Next and Previous Button Settings.

Customize the Next and Previous Buttons

The below options let you customize the Next and Previous buttons of your checkout steps.

next:previous_button

  • Button class: Used for stying the button element. Multiple class names can be separated with commas.
  • Previous button text: Enter the text to be displayed on the previous button.
  • Next button text: Enter the text to be displayed on the next button.
  • Button position: Choose the position of the buttons from the corresponding dropdown.
  • Button alignment: Choose a specific alignment for the buttons from the corresponding dropdown.

Show/hide the next & previous buttons

  • Hide the previous button on the first step: Enable the option to hide the Previous button from the first step of the checkout process.
  • Hide the next button for the last step: Enable the option to hide the Next button from the last step of the checkout process.

 

Enable button styling: Enable the option to edit the button style.

button_settings

Button Styling

Enable button styling

Enable the option, if you need to edit the button style.

Font size

Enter the required font size for the button text.

Font color

Select an apt font color for the button text.

Font color – Hover

Select an apt font color for the button text on hover.

Background color

Select a background color for the next and previous buttons.

Background color – Hover

Select a background color for the next and previous buttons on hover.

Border style

Choose a border style for the buttons from the dropdown.

Border width

Provide a specific width required for the button border.

Border color

Select an apt border color for the buttons.

Border radius

Enter the required size for the border radius.

Padding

Provide the required padding size on the corresponding fields.

This article posted in Button Settings, Multi-step Checkout For WooCommerce, Pro Documentation

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

ThemeHigh

We develop innovative WordPress plugins and themes for e-commerce and other WordPress websites.

Resources
  • Documentation
  • Support
  • Blog
  • Bestsellers
  • Affiliates
  • Partners
Policy Information
  • Terms & Conditions
  • Privacy Policy
  • Support Policy
  • Refunds Policy
  • Licenses
Security
Payment Options

© 2021 ThemeHigh. All rights reserved.

Terms and conditions, features, support, pricing, and service options subject to change without notice.