Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #1093936

    Hi,

    I created a page “sale” for a customer and added the shortcode:

    [products on_sale="true" limit="-1" paginate="true"]

    Now the contents of the shortcode is not aligned as it should. Same happens when adding the shortcode in Gutenberg.

    Any ideas how to solve this?

    Thanks,
    Chantal

    #1094686

    Nobody?

    #1094780

    Hi,

    Can you send us to show us what you mean? Because I can see things loading just fine from my side.

    Best regards,
    Basilis

    #1095216

    See

    Area in red shouldn’t be there. Now the products on the right are not the width available and smaller.

    • This reply was modified 3 months, 3 weeks ago by  Buro Staal.
    #1095485

    Hi Buro Staal,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    #1095667

    Hi Victoria,

    See private content.

    Thanks,
    Chantal

    #1096041

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia_textblock .template-shop {
        width: 100%;
    }

    Best regards,
    Rikard

    #1096124

    Hi Rikard,

    Nope doesn’t fix it. Problem is, Enfold injects classes in the WooCommerce shortcode output.

    Chantal

    #1096355

    Hi Chantal,

    Thanks for update, which class exactly is being injected into your code?

    Best regards,
    Rikard

    #1096435

    Hi Rikard,

    I just created a page. In the Gutenberg editor, I added a title and a shortcake block with the WooCommerce shortcode in it. Now in the source I see:

    Thanks,
    Chantal

    #1097788

    Hi,

    Can you please show us this page and this section?

    Best regards,
    Basilis

    #1097829

    See the first post…

    Chantal

    #1098770

    Hi,

    Thank for using Enfold.

    The shortcode is contained inside another wrapper with the same class attribute. The following css code should help fix the issue.

    
    .container .av-content-small.units .av-content-small.units {
        width: 100%;
    }
    
    div .products.columns-3 .product {
        width: 32%;
    }

    You may need to add a few css media queries to adjust the style on mobile view.

    Best regards,
    Ismael

    #1098848

    Hi Ismael,

    Awesome. Thanks. Solved.

    Chantal

    #1099095

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘WooCommerce shortcode not aligned as it should.’ is closed to new replies.