Jump to content


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)