Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

eStore – Placing two products (divs) in one line

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore General Questions › eStore – Placing two products (divs) in one line

Tagged: catagories, grid display, place two products, two products

  • This topic has 4 replies, 2 voices, and was last updated 11 years, 10 months ago by admin.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 21, 2013 at 7:59 pm #9367
    ron2man
    Member

    Hello guys,

    I’m using your great plugin in the following link:

    lubliana.co.il/wordpress/shop

    And I couldn’t manage to adapt the .css to be showing 2 products in each row, instead of 1 product each like it is right now — even though the width is 250px and there is enough place in the text area.

    Within the page edit, that’s the code I’m using:

    [wp_eStore_fancy13 id=1]

    [wp_eStore_fancy13 id=1]

    Many thanks,

    Ron

    July 21, 2013 at 8:24 pm #56730
    ron2man
    Member

    Also, I couldn’t figure out how to move the “quantity” text to be aligned right with the input box, see screenshot below:

    [http://i43.tinypic.com/mjqtcn.png]

    I’d appreciate your assistance.

    Many thanks!

    July 22, 2013 at 1:17 am #56731
    admin
    Keymaster

    I think you are trying to do a grid display. Place your products that you want to show on that page in a category then use the category shortcode with a grid based product template (fancy 3, fancy 5, fancy 6, fancy 13).

    The folloiwng post will explain how to do that:

    https://support.tipsandtricks-hq.com/forums/topic/estore-using-categories-to-display-products-with-different-button-types

    July 25, 2013 at 10:06 pm #56732
    ron2man
    Member

    Hello Guys,

    We’re currently using fancy 13, this is the edit page text:

    [wp_eStore_fancy13 id=1][wp_eStore_fancy13 id=2]

    We simply want to have two products in 1 line, attached the before picture we currently have in our shop and the result we’re looking for (after).

    Before:

    [http://imageshack.us/a/img689/6650/7hdf.png]

    After:

    [http://imageshack.us/a/img713/2336/uj8.png]

    Here is the link for our shop page:

    [http://www.lubliana.co.il/wordpress/shop]

    I was trying to modify some of the .css code with no success, a product always takes one full line for some reason.

    I hope that is more clean now, looking forward to have your assistance.

    Many thanks,

    Eliran

    July 26, 2013 at 7:12 am #56733
    admin
    Keymaster

    Hi Eliran, I don’t know what CSS tweaks you have done so far so lets wipe that out and start for beginning.

    Here is what need to do:

    1) Deactivate and delete the currently installed copy of the extra shortcodes addon.

    2) Download a fresh new copy of the extra shortcodes addon from here:

    https://support.tipsandtricks-hq.com/forums/download-addons.php

    3) Install and activate it

    4) Create an eStore category from the “Categories” menu.

    5) Edit product ID 1 and 2 then apply the category you created in step 4 to these two products.

    6) Lets say the ID of the category you created in step 5 is “1”. So now enter the following shortcode on your page:

    [wp_eStore_category_products_fancy id=1 style=13]

    Do exactly what I told you above then tell me how you go.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ