Home Forums Basel support forum Custom section on product page

Custom section on product page

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #189101

    Bertrand
    Participant

    Hi,

    I would like to create a four or three column responsive section with small icons (see image attached) on product pages in the Additional custom tab provided.

    I have managed to split the section in three with this:
    <div class=”col-sm-4″>
    Text

    </div>
    <div class=”col-sm-4″>
    Text

    </div>
    <div class=”col-sm-4″>
    Text

    </div>

    But I would like to add icons on the left-hand side of each little paragraph. Is it something doable? I do know how to link the icons but I do not know how to write the lines.

    Thanks for your help!

    Attachments:
    You must be logged in to view attached files.
    #189245

    Hello,

    1. Create a row divide it into four columns. https://gyazo.com/cf943140e57b56d1864d2078353603bd

    2. Add and chose the icon https://prnt.sc/s467cx

    Here is a video tutorial: https://wpbakery.com/video-tutorials/?v=9025a1ae8c64

    Best Regards

    #189332

    Bertrand
    Participant

    Hello,

    Thanks for your quick answer.

    I see what you mean but how am I supposed to use wpbakery in that section?

    Thanks a lot for your help!
    Bertrand

    Attachments:
    You must be logged in to view attached files.
    #189526

    Hello,

    Please create an HTML block (you can find it in Dashboard > HTML block) and insert the shortcode into this field. HTML block is the WP Bakery template, so you can easily do it.

    Best Regards

    #189753

    Bertrand
    Participant

    Hi,

    Ok I see. Thank you very much for your help!

    Have an excellent weekend!
    Regards,
    Bertrand

    #189780

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Custom section on product page’ is closed to new replies.