Jump to content


Better, More Convenient, Private Support for Your iThemes Products Is Here.


We're moving support away from the forum and in to private tickets - Log In to Get Support Here


Note: any currently open support threads in the community forum will stay open while we resolve them.

Replying to Store Page Product Display Styling


Post Options

  or Cancel


Topic Summary

Elise Alley

Posted 31 October 2013 - 02:23 PM

Hi richardaronson,

Unfortunately, there isn't a way to control the order the products appear in at this time.  However, it has been added as a feature request which you can vote for over on our Exchange Roadmap.  

Thanks,

Elise

richardaronson

Posted 31 October 2013 - 01:58 PM

The only other question I have is how to order the products on the store page. I want them to show up in a specific order. Not sure how to do that.

Elise Alley

Posted 31 October 2013 - 01:37 PM

Hey richardronson,

Sorry, I must have been working on my response when you posted yours!  :)  Just glad you got it figured out.

Let us know if you have any additional information.

Thanks,

Elise

Elise Alley

Posted 31 October 2013 - 01:34 PM

Hi richardronson,

First, you'll want to create an Exchange directory in your theme. If you just edit the current style sheet (exchange.css), updating Exchange will overwrite any changes that you've made. So it'd be /wp-content/themes/YOUR-THEME/exchange. You'll then create a new file called style.css where you'll create the CSS for your store page.

The CSS I'd start with would be the following:

.it-exchange-product {
width: 20% !important;
float: left;
clear: right !important;
}

You'll probably want to make further adjustments, but this should get you started.

Thanks,

Elise

richardaronson

Posted 31 October 2013 - 01:09 PM

So I found the solution to my grid problem HERE. Thanx to Elise for that little nugget of wisdom.

richardaronson

Posted 31 October 2013 - 12:49 PM

Hi there.

I am using exchange in a Genesis theme. I have entered all my products and am having them display on a WordPress page. The store can be found at reddoorolympia.com/store. I would like to display all the products on this page in a grid. I have been editing the exchange.css file, trying to achieve this. I thought if I did display:inline-block in the store section that would take care of the issue but I was wrong. I know I am missing something super easy but I am still a CSS newbie so any help would be greatly appreciated.

I also want my products to show up in a particular order on the store page and I have no idea how to do that. Hints are welcomed. :)

Review the complete topic (launches new window)

Better, More Convenient, Private Support for Your iThemes Products Is Here.


We're moving support away from the forum and in to private tickets - Log In to Get Support Here


Note: any currently open support threads in the community forum will stay open while we resolve them.