Single Product Element Error

  • Resolved MaLee Muse

    (@maleemuse)


    2 years, 7 months ago

    When I add the PRODUCT (one product) element to a blog post… it is resizing it to allow for a column of 4 products… instead of one… which is squeezing the image and text to be TOO small…

    See example…
    https://stonedhumantheory.com/universal-peace/

    Inspecting the CODE… it shows the ul class=”products columns-4″ …when in the backend I am ONLY selecting the ONE product element.

    There is a place to edit under APPEARANCE… CUSTOMIZE… WOOCOMMERCE that allows me to select how many products to show in a row… for the catalog… which is ALSO altering the single product display…

    I disabled the SINATRA Theme… but the single product element… is still forcing the space for 4 products…

    Please Advise

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

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

  • Hello,

    To manage the number of products per row please refer to our documentation below:
    https://woocommerce.com/document/change-number-of-products-per-row/

    Also, you can check the site Customizer under Appearance > Customize.

    Next, do a click on WooCommerce and do a click on Product Catalog.


    Link to image: https://snipboard.io/jGfPsz.jpg

    If that does not work, you can also use custom code or a plugin as explained in this tutorial:
    Change the number of Products per Page.

    I hope this provides clarity.

    Thread Starter MaLee Muse

    (@maleemuse)

    I am familiar with where you edit the product(S) per row… that would be for the shop page or CATALOG… but what I am referring to… is the ELEMENT to select “ONE PRODUCT” to be displayed on a page or post… it is forcing the CATALOG products layout…

    instead of allowing space for ONE PRODUCT… it is squishing the one product into whatever I have selected for the CATALOG… in this example 4 products… its only displaying the one product …that I choose from the ADD Element Box… but it is sizing it as if there were to be 4 displayed…

    I use this feature on a different website and it to works perfectly… but NOT within the SINATRA WordPress Theme…

    I tried the plug in you mentioned… but that is to edit the amount of products for a SHOP or CATALOG PAGE… I am trying to just add ONE product to my blog post… see the example of how its tiny…

    https://stonedhumantheory.com/universal-peace/

    Maybe I need to address the theme… but it is a WOO Element block… I assume it comes from your plugins… perhaps there is an edit I can make there?

    I appreciate your feedback
    MaLee

    Hi @maleemuse
    Thank you for the clarification.

    Maybe I need to address the theme… but it is a WOO Element block… I assume it comes from your plugins… perhaps there is an edit I can make there?

    Could you specify which Woo element you’re using and how you’re adding it to your blog posts? Please include a screenshot showing the block’s settings, if applicable.

    However, this could be related to your theme or, less likely, with a plugin.
    The best way to determine this is by performing a conflict test:

    * Temporarily switch your theme to Storefront
    * Remove any custom code and disable all plugins except for WooCommerce

    If you’re not seeing the same behavior after that, then you know the problem was with the plugins and/or theme you deactivated.

    Additionally, please note that, as a temporary workaround, you can force the product to fill all the available space on the front end by adding the following custom CSS under Appearance ? Customize ? Additional CSS:

    .post-template-default.single.single-post .woocommerce .product {width: 98% !important}
    (You can replace 98% with any size you choose)

    Regards

    Mirko P.

    (@rainfallnixfig)

    Hi there,

    We haven’t heard from you in a while, so I’m going to mark this as resolved. Feel free to start a new thread if you have any more questions.

    * Guide to the WooCommerce forum

    Cheers.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Single Product Element Error’ is closed to new replies.