Product Enquiry

Add an "Ask a Question About This Product" tab, to allow the customer to request some further information about the item.

Wireframe


Preparation Checklist

Before you start this tweak, it's a good idea to run through our preparation checklist below:

  • Read through the Getting Started to get a better sense of how the control panel, Database and Front End store interact.
  • Learn our recommended Simple Workflow. This makes the implementation process as easy as possible.
  • Create a new Staging Theme for this tweak. This allows you to preview any changes before they are visible to live customers.

Coding Instructions

Step 1: Open the product template

The product template can be found here /httpdocs/assets/themes/[THEME-NAME]/templates/products/template.html.

Step 2: Add the tab and content

Find the first instance of [%if [@config:show_product_reviews@]%], and paste the below code directly underneath the closing [%/if%] statement:

<li>
    <a href="#productquestion" data-toggle="tab">Ask a Question About This Product</a>
</li>

Find the second instance of [%if [@config:show_product_reviews@]%], and paste the below code directly underneath the closing [%/if%] statement:

<div class="tab-pane" id="productquestion">
    <iframe src="[%url type:'content' id:'92'/%]?templatehead=empty&templatefoot=empty" frameBorder="0" width="100%" height="680px"></iframe>
</div>

Notes On The Above Code

The product question form and its "thank you for your enquiry" message already exists in the software, so we're simply calling an iframe to load the form.


Final Result

Product enquiry


Was this article useful?

Be notified when this page is updated. Optional.