Return to previous page

Display a single product within a post left-aligned with text wrapped around

This topic has 16 replies, 3 voices, and was last updated 8 years, 9 months ago ago by Eva Kemp

kybalio

Participant

July 13, 2015 at 16:20

Hi,

I’m having difficulty aligning a single product within text of a blog post. I want the product to be left aligned and the text to wrap around like this:

Here’s the code I have been using:
[etheme_products skus=”001″ type=”grid” columns=”1″]

and with div
<div style=”float: left; margin: -830px;”>
[etheme_products skus=”001″ type=”grid” columns=”1″]
</div>

But even though I select it as 1 column and even try a div tag to wrap, it either pushes the text fully below the product or when the div is used, it makes the product smaller and the text indents about 500px over to the right. Can you help please?

Many thanks

Ky

#74891 Copied Theme version: 2.2 WooCommerce version: 2.3.11

15 Answers

Eva Kemp

Support staff

July 13, 2015 at 19:31

Hello,

Please provide us with a direct page link and wp-admin panel credentials in Private Content.

Regards,
Eva Kemp.

#74965 Copied

kybalio

Participant

July 13, 2015 at 23:24

Hi Eva, thanks so much 🙂 sending access details now

I have another little problem with a button shortcode. When i have a link in the button code, the link reverts to # , I have a feeling the actual shortcode style is not right, I hacked it off your shortcode page html as the options are not listed :

[button style=”button big” icon= ” icon-chevron-sign-down” title=”Download Book” url=”http://www.werone.co/signup_files/sample.pdf”%5D

See this page
http://werone.co/eng/2015/07/12/book-download-who-we-are-cosmic-awareness/

Kybalio

Please, contact administrator
for this information.

#74993 Copied

Jack Richardson

Support staff

July 14, 2015 at 09:42

Hello,

This link http://www.werone.co/signup_files/sample.pdf redirects to http://www.werone.co/index.php . Please check if the link is correct.
As I see this page http://werone.co/eng/2015/07/12/book-download-who-we-are-cosmic-awareness/ is shown fine. I don’t see a product in the content.
Also please give us full access to WP Dashboard and not only to “My Account” page.

Best regards,
Jack Richardson.

#75048 Copied

kybalio

Participant

July 14, 2015 at 09:58

Hi Jack, the link was just made up to protect my content, when you hover over the download button tho you can see the link for the ZIP does not show on the bottom status bar, just

http://werone.co/eng/2015/07/12/book-download-who-we-are-cosmic-awareness/#

which is not the actual file name written into the URL of the button as follows:

[button style=”button big” icon= “icon-chevron-sign-down” title=”Download Book” url=”http://www.werone.co/signup_files/Who%20We%20Really%20Are%20-%20CAC.zip”%5D

the icon ‘icon-chevron-sign-down’ does not display, maybe that is because the style name is wrong?

is there a list to the actual button style names?

Many thanks for looking at this 🙂

Please, contact administrator
for this information.

#75051 Copied

Eva Kemp

Support staff

July 14, 2015 at 10:49

Hello,

We’re able to access only “My Account” page with the current login credentials. Please give us full permissions to be able to view all options in wp-admin panel.

Thank you.
Regards,
Eva Kemp.

#75065 Copied

kybalio

Participant

July 14, 2015 at 11:18

oops!, thats been done now, you are an admin 🙂 many thanks

#75073 Copied

Jack Richardson

Support staff

July 14, 2015 at 13:15

Hello,

I’ve edited the code to make icon shown. Please check it. As I see you have space in the file name Who%20We%20Really%20Are%20-%20CAC.zip. Rename it or change the title to something like Who_We_Really_Are-CAC.zip. After that check your link.

Best regards,
Jack Richardson.

#75109 Copied

kybalio

Participant

July 14, 2015 at 13:45

Hi Jack, thanks for the chevron icon, btw, is there a list of these codes anywhere?

I’ve fixed the spaces in the zip file on the server and also in the code but still it won’t download the file when clicked, but post the file outside of wordpress in a browser address line and the file is downloadable : I’ve also checked the email locker tag isn’t messing it up to.

<center>[emaillocker id=”327″][button style=”button big” icon= “chevron-circle-down” title=”Download Book” url=”http://www.werone.co/signup_files/WhoWeReallyAreCAC.zip”%5D%5B/emaillocker%5D</center> 

the file outside:
http://www.werone.co/signup_files/WhoWeReallyAreCAC.zip

thanks Ky

#75123 Copied

Jack Richardson

Support staff

July 14, 2015 at 19:23

Hello,

I’ve changed “url” to “href” in the shortcode. Now the link is working. Please check it.

Best regards,
Jack Richardson.

#75216 Copied

kybalio

Participant

July 15, 2015 at 08:37

thank Jack, yes that’s working great now, thank you:), for anyone else struggling, that is:

[button style=”button big” icon= “chevron-circle-down” title=”Download Book” href=”http://www.yoursite/file.pdf”%5D

Display a single product within a post left-aligned with text wrapped around
Also, Eva was working on the single product wrap around text problem from this post, has there been any progress on that one?

Many Thanks!

#75296 Copied

Eva Kemp

Support staff

July 15, 2015 at 09:09

Hello,

I don’t see a product added in the post link you provided. Products are displayed only in sidebar. So please add a product and give us a direct link to the page.

Thank you.
Regards,
Eva Kemp.

#75302 Copied

kybalio

Participant

July 15, 2015 at 13:34

Hi Eva, there is a product in this post in the body, but the text has gone completely under, instead of wrapped (with 20px space please):

http://werone.co/eng/2015/07/07/detoxing/

Many thanks

Ky

#75375 Copied

Eva Kemp

Support staff

July 15, 2015 at 15:31

Hello,

I’ve enabled Visual Composer editor for posts and edited your post a bit.
Please clear browser cache and check the page http://werone.co/eng/2015/07/07/detoxing/ now.

Regards,
Eva Kemp.

#75396 Copied

kybalio

Participant

July 15, 2015 at 23:36

Thanks so much Eva, that seems to work well 🙂

I’m not a fan of the VC code, so I stripped out as much as possible and got the same result with just this, just in case anyone needs the same thing: here is the page
and the code:

[vc_column width=”1/4″] [etheme_products type=”grid” style=”default” skus=”001″]
[/vc_column][vc_column width=”3/4″][vc_column_text]

Right Aligned Text here… fasting and it is the best thing you can do for your body. As a matter of fact, sleep is the body’s way of forcing you to fast so it can heal. The longest living people on the planet eat very little.
Every religion in the world says to fast. That means going one or more days with nothing but water. Get in the habit of doing some kind of fast (eg- 1 day a week) for the rest of your life. But for now, let’s get back to the life-changing cleanse.

O.K, the cells in your body are made of toxins, cheese, pizza, bread, pastry and chemicals. You need your cells to release all that and rebuild. This starts happening the minute you stop eating cooked, processed food and stop taking in chemicals and drugs.
[/vc_column_text][/vc_column]

PS. What is best for creating line breaks, I am finding them very unreliable when you just hit return in the visual display. </br> gets stripped out and so does <p>, the best I’ve found is the space followed by return

but even this sometimes gets stripped out, is the editor normally this buggy?

Ky

#75464 Copied

Eva Kemp

Support staff

July 16, 2015 at 08:37

Hello,

You can find information about line breaks here:
http://onecoolsitebloggingtips.com/2011/09/13/wordpress-formatting-and-spacing/
https://clickwp.com/kb/understanding-paragraphs-and-line-breaks-in-wordpress/
https://wordpress.org/support/topic/line-break-in-the-text-editor

Regards,
Eva Kemp.

#75498 Copied
Viewing 16 results - 1 through 16 (of 16 total)