How can we add condition descriptions to our used mobile site?

[Rajesh_007]

We want to build a site for used branded mobiles. Can we implement a box beside the product image  as mentioned in the attached picture.

The condition  represents a description

Different description on clicking good, fair, superb.

[NomtechSolution]

Try adding this code

<div class="product-image">
  <img src="{{ product.featured_image.src }}" alt="{{ product.featured_image.alt }}">
  <div class="condition-box">
    <div class="condition-option">
      <input type="radio" name="condition" value="good">
      <label for="good">Good</label>
    </div>
    <div class="condition-option">
      <input type="radio" name="condition" value="fair">
      <label for="fair">Fair</label>
    </div>
    <div class="condition-option">
      <input type="radio" name="condition" value="superb">
      <label for="superb">Superb</label>
    </div>
  </div>
</div>