[Resolved] How to create Page Similar to Add-Ons Page ?

Home Forums Support [Resolved] How to create Page Similar to Add-Ons Page ?

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

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

    Hello Sir

    How can I create the page similar to your add-on page (for our products).

    http://generatepress.com/add-ons/

    I want Grid View with Add to Cart & Details button.

    Pls help.

    Regards

    #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 πŸ™‚

    #110600
    Dhruv

    Thanks Tom πŸ™‚

    #110608
    Tom
    Lead Developer
    Lead Developer

    No problem! πŸ™‚

    #141948
    Marilina

    Hello!
    I want to know how you customize content inside each column. IΒ΄m looking for sections to look like the example below:

    modelo<img src=”[url=http://postimage.org/][img]http://s18.postimg.org/e89f5xw4p/model.png[/img][/url]
    [url=http://postimage.org/index.php?lang=spanish]subir imagenes gratis[/url]” alt=”modelo” />

    Thanks in advance πŸ˜‰

    #141952
    Tom
    Lead Developer
    Lead Developer

    To achieve something like that, I would use our Sections add-on along with our columns plugin: https://wordpress.org/plugins/lightweight-grid-columns/

    That should get you pretty close πŸ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.