Embed Products in Post: Side-by-Side

[ginaartero]

Hello there,

I've been reading the threads about embedding products in posts and pages. This is the code that I think is most relevant to what I'd like to do:

<!-- DFR Product Blocks -->
<?php if (function_exists('dfr_product_block')) : ?>
<?php echo dfr_product_block('product_ids=NPS013-moreofficefurnitu-ns,456516247-12371-ss'); ?>
<?php endif; ?>

I posted that code directly into my WP post (HTML) and it basically worked, however, the products will not sit side-by-side...as if in a one column, multiple row arrangement. Is there a way to correct this?

Also, if the solution is that the code can only be inserted into a template, I wasn't clear on how you would call the function within the post or page or how you would reassign different products to dfr_product_block (without affecting previous uses) if the function was used for a completely different article.

I'm still pretty new at this. Thanks for your help.

nomekingscollection.com, 34403

[Eric]

Hi

Welcome to the forums!

Where did you get that code from? That code is for version 1.x of the plugin. The newest version of the plugin is 3.3.x. Are you using version 1.x of the plugin?

Eric

[ginaartero]

Hi Eric,

Thank you for responding.

I am using version 3.3.3627. I found the code here:

http://www.datafeedr.com/forums/showthread.php?t=42

Gina

[Eric]

Hi

I have no idea how the code you inserted into your post even worked but you should use some different code.

Here are some videos covering this kind of stuff:
http://www.datafeedr.com/videos?vide...rc=yt#videotop
http://www.datafeedr.com/videos?vide...rc=yt#videotop

Here is some documentation:
http://www.datafeedr.com/docs/item/184
http://www.datafeedr.com/docs/item/167

Here are some forum threads:
http://www.datafeedr.com/forums/show...ighlight=embed

And finally, Shortcode documentation:
http://www.datafeedr.com/docs/item/185

Eric

[ginaartero]

Hello Eric,

Thank you for the info. I like the product embedded option that you provided (first video) and I would use that format for my posts.

I guess what I was wondering about is if there is short code similar to [DFR:Embedded Product?p=123456] that will produce 2-3 or so products side-by-side in a sort of small, product-specific gallery/product block. I've also tried playing around with the product list module/settings (in addition to product details).

On this post, there are 2 embedded products (orange buttons) that stack vertically (what I'm trying to correct):

http://nomekingscollection.com/?p=1

You are right about that older code; it wasn't doing anything in my post. I had actually worked through /docs/item/184 the first time around and then resorted to the older code to seek an alternative solution.

Gina

[Eric]

Hi

Try using this code in your product list template for the Embedded Product view:

<div class="pl">
  [product.each]
  <div class="t1 col3">
  <div class="bdr">
    <h2><a href="[product.link]" title="[product.name]">[product.name]</a></h2>
    <div class="thmb"><a href="[product.link]" title="[product.name]">[product.image tag='1']</a></div>
    <div class="prc">[product.currency mode='sign'][product.price]</div>
    <p class="desc">[product.description]</p>
    <div class="btns">
    <a href="[product.link]" title="View details [product.name]" class="dfbutton dforange dfmedium">Details</a>
    <a href="[product.url direct='0']" title="Buy [product.name]" class="dfbutton dforange dfmedium">Buy</a>
    </div>
    <div class="clearingdiv"> </div>
  </div>
  </div>
  [product.end]
  <div class="clearingdiv"> </div>
</div>

Eric

[nzcid]

Originally Posted by Eric

Hi

Try using this code in your product list template for the Embedded Product view:

<div class="pl">
  [product.each]
  <div class="t1 col3">
  <div class="bdr">
    <h2><a href="[product.link]" title="[product.name]">[product.name]</a></h2>
    <div class="thmb"><a href="[product.link]" title="[product.name]">[product.image tag='1']</a></div>
    <div class="prc">[product.currency mode='sign'][product.price]</div>
    <p class="desc">[product.description]</p>
    <div class="btns">
    <a href="[product.link]" title="View details [product.name]" class="dfbutton dforange dfmedium">Details</a>
    <a href="[product.url direct='0']" title="Buy [product.name]" class="dfbutton dforange dfmedium">Buy</a>
    </div>
    <div class="clearingdiv"> </div>
  </div>
  </div>
  [product.end]
  <div class="clearingdiv"> </div>
</div>

Eric

Hey Eric

So will that call three random products from the store? And how do I call it using the DF code?

[Eric]

Hi

You can set the Products Per Page and Sort in the Product Listing module's settings.

You can embed it using the embed code. Check out the videos I linked to above about that.

Eric

[bombpetite]

Hi Eric,

I'm also trying to create a 3 product side-by-side view to embed into posts. I followed the instructions here but when I'm trying to embed the products are not coming up in a side-by-side view. They appear one below the other.

I used HTML Embed Product code you supplied above. And I used this DFR code to embed three products:

[DFR:Embedded Posts?p=4268101534936119]
[DFR:Embedded Posts?p=4957100724616941]
[DFR:Embedded Posts?p=6400021613352]

Is there something I'm doing wrong?

[Eric]

Hi,

Try this:

[DFR:Embedded Posts?p=4268101534936119,4957100724616941,6400021613352]

Eric

[bombpetite]

For some reason this doesn't work. It only shows just one product - the first one in the code (p=4268101534936119)

Any thoughts?

[Eric]

Hi,

I imported your store into my test site and then added the code below to a post and it worked fine for me:

[DFR:Embedded Posts?p=4268101534936119,4957100724616941,6400021613352]

Make sure you add the code in "Text" mode, not "Visual" mode.



Eric

[bombpetite]

Thanks for looking into it Eric! I found what the issue was and its now resolved.