Jump to content


Replying to Exchange Product Page Design


Post Options

  or Cancel


Topic Summary

Elise Alley

Posted 28 May 2014 - 05:30 PM

Hey Craig,

Can you please start a new thread for this question.  It is technically a separate issue and we try to keep it to one issue per thread.

When you post your new thread, can you please provide us with the URL where you're wanting to edit this?  And are you referring to the registration form in the Super Widget or on the Registration page?

Thanks,

Elise

Posted 28 May 2014 - 05:15 PM

One more thing.... How do I make the Registration Form and fields bigger?

Elise Alley

Posted 28 May 2014 - 01:59 PM

Happy to have helped, Craig!  :)

Thanks,

Elise

craigbrissell

Posted 28 May 2014 - 01:17 PM

Once Again... Thanks So Much!!

Elise Alley

Posted 28 May 2014 - 12:59 PM

Hey Craig,

Looking in Inspect Element, I see this code:

#it-exchange-store .it-exchange-products li {
margin: 3 !important;
padding: 0 !important;
width: 20% !important;
clear: none !important;
}

In the margin line, you forgot the "px."  So that line should look like this:

margin: 3px !important;

Try adding that and see if it corrects the issue for you.

Thanks,

Elise

Posted 28 May 2014 - 12:51 PM

I actually added the code to the style manager custom css and it worked... However the spacing isn't correct between the second and third item... Any ideas? Please see: http://alibixclothing.com/store/

Elise Alley

Posted 28 May 2014 - 12:42 PM

Happy to have helped, Craig.  Let us know if you have any additional questions.

Thanks,

Elise

Posted 28 May 2014 - 12:32 PM

Great Thanks so much for the help.

Elise Alley

Posted 28 May 2014 - 11:45 AM

Hi Craig,

To change the number of products in a row, try the code in this post:  http://ithemes.com/forum/topic/60033-products-in-rows-on-store-page-not-showing-correctly/#entry253248

You don't want to edit the Exchange styles directly as they'll be overwritten any time you update Exchange.  Instead, you'll create your own style.css file and put it in an 'exchange' directory in your theme.  You can read more about how to do that here:  http://ithemes.com/codex/page/Exchange_FAQs:_How_Do_I_Create_Custom_Styles_for_Exchange

Exchange actually uses your theme's archive pages to create the Product Category pages.  You may want to customize them, but they are already built.  For instance, it doesn't pull in the featured image for the product by default.  You can read about how to add the product images here:  http://ithemes.com/codex/page/Exchange_FAQs:_How_Do_I_Show_the_Product_Featured_Image_on_Archive/Category_Pages

Give those things a try and then let us know if you have any other questions.  

Thanks,

Elise

craigbrissell

Posted 27 May 2014 - 04:46 PM

I need to know how to display more than just two products per row on store page... Example: http://alibixclothing.com/store/ has only two shirts displayed... How do I display 4 or more per row? Also, I wanted to create a Products Categories page for store? Any help is appreciated.
Thanks.

Review the complete topic (launches new window)