Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

Reply To: How to create Page Similar to Add-Ons Page ?

Home Forums Support How to create Page Similar to Add-Ons Page ? Reply To: How to create Page Similar to Add-Ons Page ?

Home Forums Support How to create Page Similar to Add-Ons Page ? Reply To: How to create Page Similar to Add-Ons Page ?

#109936
Tom
Lead Developer
Lead Developer

Hi there,

Your best bet is to Inspect Element (using Chrome, or Firebug with Firefox) on the page to see the code I used.

First, I used the Sections add-ons for the multiple sections.

Inside the add-on section, you can use this plugin to create the columns: https://wordpress.org/plugins/lightweight-grid-columns/

Then inside each column, I added another div which I added some CSS to to style it nicely.

Then it’s just an image, a linked title, and a couple of HTML buttons.

<a href="#whatever" class="button green">Add to Cart</a> <a href="#whatever" class="button gray">Details</a>

.button.green, .button.green:visited {
    background: #76b711;
    color: #fff;
}

.button.green:hover {
    background: #67a00b;
}

.button.gray, .button.gray:visited {
    background: #475160;
    color: #fff;
}

.button.gray:hover {
    background: #3f4754;
}

Let me know if you need more info 🙂