WordPress.org

Ready to get started?Download WordPress

Forums

Promotion Slider
Two promotions side by side? (5 posts)

  1. Gregg Banse
    Member
    Posted 7 months ago #

    I've been very excited as I looked through the sliders options and documentation but then realized I don't see a way to have two promotions at the same time. What I'm hoping to do is to show two out of a group of 6 or 8, the first two would be chosen randomly from the group. Can this be done?

    http://wordpress.org/plugins/promotion-slider/

  2. NYmomma4
    Member
    Posted 6 months ago #

    I'm trying to do similar and this the shortcode I used so far:

    [promoslider id="children_slider" category="children_slider" width="317px" height="474" time_delay="8" pause_on_hover="pause"][promoslider id="weddingevent_slider" category="weddingevent_slider" width="317px" height="474" time_delay="8" pause_on_hover="pause"]

    My problem is that they are showing up on 2 different lines, and not next to each other how I'd like. Still fiddling with it. I'll post back if I figure it out.

  3. NYmomma4
    Member
    Posted 6 months ago #

    Hi Lorax, this is how I ended up fixing this issue - I wanted 3 promotions side by side on the same row so I ended up putting the shortcode into a table to do the formatting I wanted.

    Here is what I did:
    1) Created 3 different (or in your case 2 different) promotions using the Promotions section of wordpress - you'll need 2 or 3 'sliders' and however many pics/slides you want per slider would be how many 'promotions' you need. (Note: I'm using the wording as it is used in wordpress promotion plugin).

    2) Figure out how big you want each promotion/slider to be. In my case, I did 960 total width of my page, then subtracted out the spacing I wanted in between each promotion/slider and also subtracted out the padding on each side of the row I wanted (in my case, I wanted 3 pixels in between each slider as spacing and 5 px padding on each end of the row). So mine ended up being: 960-10 (5px of padding on each side of the row) = 950 -6 (spacing between sliders) = 944; each slider needs to be 314

    3) Next, within WordPress, I went to 'Appearance' then 'widgets' (note: I have a ProPhoto4 add-on purchased/installed so experience may be different than yours.)

    4) I have a section called 'Bio Area Spanning Column' on the right side that I added an html/text widget to. Yours may say body or another section of the site where you want the promotion to show.

    5) Here is the table coding I added into my html/text widget:
    <table>
    <tr>
    <td>
    [promoslider id="children_slider" category="children_slider" width="314px" height="471px" time_delay="8" pause_on_hover="pause"]
    </td>
    <td>   </td>
    <td>[promoslider id="weddingevent_slider" category="weddingevent_slider" width="314px" height="471px" time_delay="8" pause_on_hover="pause"]
    </td>
    <td>   </td>
    <td>[promoslider id="places_slider" category="places_slider" width="314px" height="471px" time_delay="8" pause_on_hover="pause"]
    </td>
    </tr>

    Hope this gives you some example. You'll probably need to tweak for your needs and also what you see in your WordPress Appearance->Widgets area.

    Good luck!

  4. Gregg Banse
    Member
    Posted 6 months ago #

    Thanks for the reply NYmomma4. I'll give that a try.

  5. NYmomma4
    Member
    Posted 6 months ago #

    Sure, good luck. If you get stuck, you can post where you got stuck and I can try to help.

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.