No results found. Try again with different words?

Search must be at least 3 characters.

Single Product WooCommerce

In this document. we will be using the WooCommerece Addon from Astra Pro to allow you to design a Single Product page of WooCommerce.

Quick Steps on How to Style WooCommerce Single Product Page Using the WooCommerce Module
Step 1: Make sure you have the Astre Theme, Astra Pro Addon, and WooCommerce plugin installed and activated. How to Install Astra Pro Addon plugin?
Step 2: Activate the WooCommerce module from the Astra Options under the WordPress Dashboard > Appearance > Astra Options
Step 3: Visit customizer [ Appearance > Customize > WooCommerce > Single Product ] to edit module settings

Container Layout

Astra offers 4 types of Container Layouts. These container layouts will be applied to your website’s overall e-commerce single product pages. But you can set different container layouts depending on your requirements. If you are interested more in learning about how you can create a single product WooCommerce website check out our detailed guide.

Here is the list of available container layouts.

  • Boxed
  • Content Boxed
  • Full Width / Contained
  • Full Width / Stretched
Single Product WooCommerce

Sidebar Layout

Under the sidebar layout, you will notice 4 options

  • Default
  • No Sidebar
  • Left Sidebar
  • Right Sidebar

To make your sidebar visible, you will need to set the layout to either Right or Left, depending on your requirements.

To disable the sidebar, select the “No Sidebar” layout.

Single Product WooCommerce

You can set product gallery images in vertical/ horizontal/ First Image Large/ Vertical Slider, Horizontal Slider views.

Also, you can enable the Image Zoom effect option depending on your choice. Enabling this option will zoom the product image on hover. Contrary, if you disable it, the zoom effect will be removed from your product images. This way, your images will remain the same when you hover over them.

Single Product WooCommerce

Enable Sticky Product Image

This option allows you to keep the featured image visible on your WooCommerce product pages as users scroll down.

The “Sticky Image Top Offset” allows you to adjust the top offset of the sticky product image that will appear once the user scrolls down.

Image Width

You can easily adjust the image width with the slider.

Ast-Image-Width-Slider

Product Structure Options

You can manage to show/hide the breadcrumbs/ Shipping text on the single product page.

Single Product WooCommerce

Enable Sticky Product Summary

This option lets you stick the product summary even if the users are scrolling down to check the details of the product or the related products.

ast-sticky-product-summary

Product Navigation

You have the option to add a product navigation control at the top of the product summary section. This will allow you to set different designs for product navigation arrows. Also, you can enable the navigation preview option here.

Single Product WooCommerce

Product Variation

You can set the single product variation layout to be displayed inline or stacked. If you want to learn more about adding product variations and customizing their display, we have a helpful guide that covers all the details.

Ast-product-variation-layout

Product Description Tabs

It will allow you to show/hide product description tabs. You can also set tabs to display vertical/ horizontal/ Accordion/ Distributed.

Single Product WooCommerce

This will allow you to show/hide Related & Up Sell products. You can set a column to display these products. Also, you can choose a number of related products to be displayed on the page.

Single Product WooCommerce

Sticky Add To Cart

Enabling this option will restrict the page from refreshing when a product is added to the cart.

Single Product WooCommerce

That’s it with this guide! We hope it helps. For any doubt, contact us by leaving a comment below.

Getting Started with WooCommerce:

Astra is Free. Now & Forever.

We believe creating beautiful websites should not be expensive. That's why Astra is free for everyone. Get started for free and extend with affordable packages.

REWIND

YEAR IN REVIEW

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form
Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form