# Variable Product

You can refer to this link to create a variable product with many options:

Product demo: <https://demo2.themelexus.com/bokifa/product/dont-forget-the-girl/>

{% embed url="<https://woocommerce.com/document/variable-product/>" %}

And we have created a reference option as follows for our bookshop theme:

<figure><img src="https://2424884260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTe6q3I7WpP4jdmQgt1Fm%2Fuploads%2F2cmopZ9qFe74BsUsFrTZ%2FScreenshot%20at%20Oct%2015%2017-31-25.png?alt=media&#x26;token=570545a7-00d1-4498-ab27-78dc4648bf33" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2424884260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTe6q3I7WpP4jdmQgt1Fm%2Fuploads%2FhTAs9dEOu4DghcNGRXid%2FScreenshot%20at%20Oct%2015%2017-33-20.png?alt=media&#x26;token=3114883d-3fde-4fa5-bdf0-8c9380690f41" alt=""><figcaption></figcaption></figure>

We embedded it into the product details:

<figure><img src="https://2424884260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTe6q3I7WpP4jdmQgt1Fm%2Fuploads%2FFIJpYahBtmzny10p03xS%2FScreenshot%202024-10-15%20at%2013.43.47.png?alt=media&#x26;token=8123fd41-9728-4e79-8e7b-fe6c337ffaab" alt=""><figcaption></figcaption></figure>

**Add custom Variations** , add an attribute you only want to use for one product. This would only be ideal if you have a product with unique **variations**.

<figure><img src="https://2424884260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTe6q3I7WpP4jdmQgt1Fm%2Fuploads%2FSyDrkQPjKMq1J0JbFBno%2FScreenshot%202024-10-15%20at%2013.44.35.png?alt=media&#x26;token=b290a829-39ae-414d-8ad0-9e7a89a561f6" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2424884260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTe6q3I7WpP4jdmQgt1Fm%2Fuploads%2F13JTH60c44mPxGnXl5Mu%2FScreenshot%202024-10-15%20at%2013.46.24.png?alt=media&#x26;token=08602006-cc22-430d-9735-f1eb87bd1c27" alt=""><figcaption></figcaption></figure>

* You can config show ebook download file Pdf:

<figure><img src="https://2424884260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTe6q3I7WpP4jdmQgt1Fm%2Fuploads%2FnnuG24Gb6oJ6tQKWtdMB%2FScreenshot%20at%20Oct%2016%2008-19-41.png?alt=media&#x26;token=8cf8e494-ac3d-4791-8d2e-73bac43841da" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2424884260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTe6q3I7WpP4jdmQgt1Fm%2Fuploads%2FgEUlFpMkaSzMRRHNMNDO%2FScreenshot%20at%20Oct%2015%2017-37-47.png?alt=media&#x26;token=d2d1b790-d2a7-427e-8f20-9c78a41d6d6b" alt=""><figcaption></figcaption></figure>

* Show products .

<figure><img src="https://2424884260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTe6q3I7WpP4jdmQgt1Fm%2Fuploads%2FXue2gtBzIEKoailwzzi0%2FScreenshot%202024-10-15%20at%2013.47.55.png?alt=media&#x26;token=9ad8f386-fbab-4e5b-9266-1c5eb08565ff" alt=""><figcaption></figcaption></figure>

You can click on the icon View to preview the popup shortcut of the pdf file:

<figure><img src="https://2424884260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTe6q3I7WpP4jdmQgt1Fm%2Fuploads%2FHUqsyO2mlqelX2FGZMwO%2FScreenshot%20at%20Oct%2016%2008-23-15.png?alt=media&#x26;token=c2b12a83-1983-48d8-91c5-42f4b6d0b68d" alt=""><figcaption></figcaption></figure>

You can config the same audio format:

<figure><img src="https://2424884260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTe6q3I7WpP4jdmQgt1Fm%2Fuploads%2FvltLNWomFyTDrwsfNeRt%2FScreenshot%20at%20Oct%2016%2008-27-13.png?alt=media&#x26;token=b6fd0d52-266d-42a7-bdd2-532b1bf1cadb" alt=""><figcaption></figcaption></figure>

It will show the front the same:

<figure><img src="https://2424884260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTe6q3I7WpP4jdmQgt1Fm%2Fuploads%2FX5xOT7smoIvlH5p0XlRp%2FScreenshot%20at%20Oct%2016%2008-28-24.png?alt=media&#x26;token=5891121d-a631-440d-9ea2-250b1aa19d6d" alt=""><figcaption></figcaption></figure>
