eStore – Placing two products (divs) in one line

[ron2man]

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

[ron2man]

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!

[admin]

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

[ron2man]

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

[admin]

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