Wrap text around woocommerce product image

  • Resolved firstfestivefooties

    (@firstfestivefooties)


    1 year, 9 months ago

    I’m trying to find a way to wrap the product description around the images on my woocommerce product pages. On the mobile version of my site, the words are squished to one side and isn’t user friendly in my opinion. I’d like the text to run the width of the screen after the product image. (I should add, I’m very much a newbie in terms of coding, so if I need to add that, please dumb it down with specifics for me, like where to add the code, etc.) Thanks in advance

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)

  • Howdy @firstfestivefooties

    From what I gather, the screenshot linked here showcases the issue you are describing, where the product image is on the side (on a mobile viewport), with the title being in its side, effectively “squeezing” things a bit. Correct?

    I suggest getting in touch directly with the theme’s support channel, since this is not directly related with the functionality of the WooCommerce plugin.

    For your convenience, here is the link I could find for getting in touch: https://themeisle.com/contact/

    I trust that points you in the right direction, but if you have more questions, let us know. We’re happy to help.

    Thread Starter firstfestivefooties

    (@firstfestivefooties)

    Yes that is the issue.

    Unfortunately, I’m using the free Neve theme and, after clicking the link above, they bluntly said they can’t help if you are using a free product, and to try googling the answer…. which I’ve already tried without luck.

    Since I can’t make much adjustments to the product pages within the theme anyway (I have to go to the wordpress page for that, because woocommerce seems to determine most of the layout), maybe I can try posting on the wordpress forum instead?

    Howdy @firstfestivefooties, thank you for reaching back!

    Since I can’t make much adjustments to the product pages within the theme anyway

    This sounds like a moment to choose another theme, as the base for your website.?I suggest going with?Twenty Twenty-Three, for extra flexibility and compatibility.

    Once the theme is selected, WooCommerce is providing a basic layout for the Product, Shop, Cart & Checkout pages. With?Twenty Twenty-Three, the template files can be further customized.?See here, for the related documentation.

    To further customize, or add to, the pages of the site, feel free to explore Block Patterns.

    Furthermore, use WooCommerce blocks to design custom pages that put your customers in the right mindset to buy. Create custom landing and lead generation pages, and design product catalog pages that speak visually and effectively to your customers. 

    All the aforementioned functionality comes out-of-the-box with WordPress and WooCommerce, and provides a great start for putting together your dream-site on the screen.

    I trust that points you in the right direction, but if you have more questions, let us know. We’re happy to help.

    Thread Starter firstfestivefooties

    (@firstfestivefooties)

    @anastas10s I appreciate the links.

    Do you know how mobile-friendly the twenty twenty three theme is? When I’ve tried a twenty-something theme in the past, it didn’t really seem to work too well as a fast, mobile ecommerce site (hence why I chose Neve).

    Is the Woocommerce blocks you linked the same as this? https://www.ads-software.com/plugins/woo-gutenberg-products-block/

    Hello @firstfestivefooties ??</img>

    Do you know how mobile-friendly the twenty twenty three theme is?

    Fully! Since it is the latest default WordPress theme, it supports all the “bells-and-wistles”. Also, feel free to check it out, via the Preview button, showcased here with the red arrow, found on its official WordPress theme page.

    I’ll go ahead with linking to its launch post, for some further information and inspiration. ??</img>

    Is the Woocommerce blocks you linked the same as this? https://www.ads-software.com/plugins/woo-gutenberg-products-block/

    Correct, they are the one and the same. Version 9.4.1 is the latest, as of writing this. Feel free to obtain the plugin from either source, as they are both official.

    I hope that helps! If you have more questions, let us know. We’re happy to help!

    • This reply was modified 1 year, 9 months ago by anastas10s. Reason: typo
    Thread Starter firstfestivefooties

    (@firstfestivefooties)

    Thanks. On wordpress, the most common rating for the woocommerce block is 1 star, so I think I will look elsewhere regarding a block editor and (consequently it seems) an answer to my issue. I appreciate your time

    Hi there @firstfestivefooties

    Just to note, the WooCommerce Blocks functionality is already included with the core WooCommerce plugin. Feel free to check out the WC Blocks package table entry, in the “Understanding the WooCommerce System Status Report” document, to find out more about this.

    Therefore, it is already available for you to try out and form your own opinion.

    Regarding a plugin’s ratings, I’d like to note that not everyone who is satisfied is keen on rating them, while on the plugin’s page it mentions:

    Note: Feature plugin for WooCommerce + Gutenberg. This plugin serves as a space to iterate and explore new Blocks and updates to existing blocks for WooCommerce, and how WooCommerce might work with the block editor.

    As such, a few things might break along the way, while iterating and exploring.

    I hope that helps!

    Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – we’ll be here if and/or when you are ready to continue.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Wrap text around woocommerce product image’ is closed to new replies.