Support » Plugin: WordPress Simple PayPal Shopping Cart » Product thumbnail spacing

  • Hi. LOVE your plugin so far, but I’m still just setting it up. I think it’s going to be exactly what we need, if it will fit into our site design.

    It’s an artist’s site with items on display and for sale. In each section, the title of the piece is linked to an Order page, where there are thumbnails of each piece of artwork. When you hover on the thumbnail, you see the full title and cost. Some have two options available, “Print, or Poster” for example; I’m pretty sure I can use the Product Variations codes for this.

    However, the visual aspect of the site is very important to the artist and I’m doing all I can to maintain his original design. The thumbnails go across the “Order” page in rows, 5 – 6 per row. When I added the “Add to Cart” button to each, it sent them all into one long column down the page. No matter how I’ve tweaked the thumbnail images’ margins in “Advanced Settings”, I can’t retain my strips across the page and have the buttons line up underneath them at the same time. Do you have any advice for doing this? Is it even possible?

    The site is under construction and still hidden from public view.

    Thanks in advance for any help you can give!

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi; I’m still trying to find a work-around for this. Now, I have padding, a border, and margins around each thumbnail, so each looks like it’s in a box. I left enough room in the bottom of each “box” for the Add to Cart button. Is there a way I can code it into that space?

    Plugin Contributor mbrsolution


    Hello DGLauren, it is very challenging to help you with your CSS when your website is hidden from the public.

    Thanks for getting back to me. I know the plugin authors interact with people through this forum and was hoping to hear from them. I can set up temporary access if someone is familiar with this plugin and from my descriptions think they can figure it out.

    Plugin Contributor mbrsolution


    Hi DGLauren, have a look at this URL and let me know if this is something similar to what you are trying to achieve.

    Kind regards

    EXACTLY!! And thank you so much for coming back with help. I want our thumbnails to line up with the Add to Cart button underneath each, just like those. It’s too late for me to do much else tonight, but I will be back tomorrow for certain!! What do I need to do?

    Plugin Contributor mbrsolution


    Hi DGLauren, there are two immediate options for you to take on.

    1) Install the NextGen Gallery Plugin and follow the instructions like in the tutorial above. This options is simple and easy to tackle.
    2) Put all your images in a <div> container format with CSS to control the output. This option requires more work.

    Kind regards

    Thanks again, MBR… I’ve decided to hold off on using NextGen/Photocrati until they have their issues smoothed out. It’s a shame, too, because that looked perfect.

    I’m going to see what I can learn about the CSS <div> container format. Thank you so much for your help and direction in that regard. It looks like I have a bit of studying to do!

    I see my thread has been marked as Resolved. That always sort of bothers me when I’m not the one to do it, but it’s not a big issue. Jes sayin’

    I’m sorry it took me so long to get back to this thread, but we had our 2014 Word Camp here this past weekend and I was hoping to learn more there. As I said above, I’m a bit wary of installing Next Gen/Photocrati right now, so I’ve been pursuing the CSS route. Daunting, but not impossible.

    I went back to the link you posted further up in this thread and tried to inspect the elements, to examine and see if I could duplicate the CSS code for those images with buttons underneath. That, however, is a screenshot so it’s coded differently. My next attempt will be to see if I can find a site using this plugin that I can learn from…

    Plugin Author mra13


    Is there a bug in the plugin that you are facing which still needs to be resolved?

    Hi, mra13 ~ Thank you so much for your response. I don’t think I’m running up against a bug in the plugin, per se, but trouble in trying to configure it to retain our original site design.

    MBR linked me to a page that looks just like what I want ours to look like, but when I tried to inspect the CSS elements to duplicate it, I discovered that URL is to a screenshot and not an actual website posting.

    What I need might be beyond the scope of forum support for a free plugin, I don’t know. I’ve been in over my head from the very beginning, but usually manage to figure things out. In this case, I’m having to teach myself CSS in order to make it work, making this site construction take months instead of weeks.

    I’m pretty sure I need to put the shortcode for the Add to Cart button in the div container; along with each thumbnail image, and padding, margin, etc info and then have to float them all to get them inline, but I’m just guessing. If I could see a WP Simple Paypal Shopping Cart store page set up this way, on an actual website, I’m pretty sure I could figure it out from there.

    (Praying this is intelligible.)

    Hi, mra13. I sent an email containing screenshots to your website. I hope you got it.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Product thumbnail spacing’ is closed to new replies.