1. Home
  2. Docs
  3. Customization
  4. Woocommerce

Woocommerce

Beside default woocommerce customizer options, Suki has some additional options so you can create more complete and more beautiful e-commerce website.

Under Store Notice section, Suki adds options to change the background color and text color of store notice area.

Under Shop (Products Catalog) Page section, Suki adds these additional options:

  • Hide/show page header title
  • Hide/show breadcrumb
  • Hide/show product count
  • Hide/show product sort filter

Under Product Images section, adds 2 options:

  • Main image width
  • Thumbnail width

Under Checkout Page section, Suki adds an option which you can use 2 column layout for billing details and payment methods. There is an additional option in Suki Pro named “Distraction Free Mode”.

Suki also adds some options under Woocommerce customizer setting:

  • Single Product Page
  • Cart Page
  • Products Grid
  • Other Elements

Each is coverd in detail below.

Single Product Page

All options for single product page can be found at Appearance > Customize > Woocomerce > Single Product Page. The available options are

  • Show breadcrumb
  • Show gallery
  • Gallery colum width
  • Gap with summary column
  • Enable zoom
  • Enable lightbox
  • Show tabs
  • Show up-sells
  • Up-sells columns
  • Show related products
  • Max related products shown
  • Related products columns

Cart Page

All options for cart page can be found at Appearance > Customize > Woocomerce > Cart Page. The available options are

  • Show cross-sells
  • Cross-sells grid columns

More options are available on Suki Pro.

Products Grid

All options available for products grid layout can be found at Appearance > Customize > Woocomerce > Products Grid. The available options are

  • Grid columns gutter.
  • Text alignment
  • Show “add to cart” button

More options are available on Suki Pro.

Other Elements

Under Appearance > Customize > Woocommerce > Other Elements, the available options are

  • Sale badge background color
  • Sale badge text color
  • Review star rating color
  • Alt button styles
    • Background color
    • Border color
    • Text color
    • Background color :hover
    • Border color :hover
    • Text color :hover
Was this article helpful to you? Yes No