Jump to content


resolved

Exchange Product Page Design



9 replies to this topic

#1 Craig Brissell

Craig Brissell

    Advanced Member

  • Members
  • Others: Toolkit
  • PipPipPip
  • 184 posts
  • LocationCape Cod, MA

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.

#2 Elise Alley

Elise Alley

    iThemes Support

  • Administrators
  • Others: All Plugins, All Themes, Members, Moderators, Toolkit, Webdesign
  • 5,209 posts
  • LocationOklahoma City, OK

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

#3 Guest_Craig_*

Guest_Craig_*
  • Guests

Posted 28 May 2014 - 12:32 PM

Great Thanks so much for the help.

#4 Elise Alley

Elise Alley

    iThemes Support

  • Administrators
  • Others: All Plugins, All Themes, Members, Moderators, Toolkit, Webdesign
  • 5,209 posts
  • LocationOklahoma City, OK

Posted 28 May 2014 - 12:42 PM

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

Thanks,

Elise

#5 Guest_Craig_*

Guest_Craig_*
  • Guests

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/

#6 Elise Alley

Elise Alley

    iThemes Support

  • Administrators
  • Others: All Plugins, All Themes, Members, Moderators, Toolkit, Webdesign
  • 5,209 posts
  • LocationOklahoma City, OK

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

#7 Craig Brissell

Craig Brissell

    Advanced Member

  • Members
  • Others: Toolkit
  • PipPipPip
  • 184 posts
  • LocationCape Cod, MA

Posted 28 May 2014 - 01:17 PM

Once Again... Thanks So Much!!

#8 Elise Alley

Elise Alley

    iThemes Support

  • Administrators
  • Others: All Plugins, All Themes, Members, Moderators, Toolkit, Webdesign
  • 5,209 posts
  • LocationOklahoma City, OK

Posted 28 May 2014 - 01:59 PM

Happy to have helped, Craig!  :)

Thanks,

Elise

#9 Guest_Guest_*

Guest_Guest_*
  • Guests

Posted 28 May 2014 - 05:15 PM

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

#10 Elise Alley

Elise Alley

    iThemes Support

  • Administrators
  • Others: All Plugins, All Themes, Members, Moderators, Toolkit, Webdesign
  • 5,209 posts
  • LocationOklahoma City, OK

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



Reply to this Topic


ATTENTION
If this topic is marked RESOLVED or INFORMATION, or if you are NOT experiencing EXACTLY the same issue, please start a new topic to provide the details of your problem. If the solution provided doesn't work for you, you should start a new topic. If you feel this thread contains relevant information, you may include a link to it in your new topic. To ensure that we can process your support request efficiently, ALWAYS include a link to your site, and/or the page your request is related to. When posting your question or request on the forum, please be as concise and specific as possible. The shorter and more to the point you can make your request, the better.

For BackupBuddy related issues, be sure to include the status log from your most recent backup.

CLICK HERE to start a new topic in the Exchange ecommerce plugin forum.


  



Also tagged with one or more of these keywords: resolved

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users