Please submit a private ticket if you need to share sensitive information, such as license details and admin credentials.

Okay
  Public Ticket #2928878
Plug in on mobile is showing off the screen
Closed

Comments

  •  1
    joe started the conversation

    We are unable to get the mobile version of the plug-in to show the 

    Our settings for the plug in use Layout - Separate Images which looks great on desktop but on mobile, the pictures go off the screen and the line items take up too much space. It would be great for each item to take up one line as per the desktop version. Please note- we have turned on and of the screen responsiveness for mobile with no effect.

    We are also hoping to get a solution for the following;

    We require the default to be that the quantity of items selected increase along with the quantity of the master product but ALSO allow the customer to be able to edit the quantities they require of each item.

    Thank you in advance.

  •  767
    Janilyn replied

    Hi Joe,

    Thanks for contacting us here.

    1. For the issues regarding the responsiveness, if you have turned off the Responsive option in the plugin setting but it didn't work, you can kindly provide us with your published site link to check.

    2. For issues with the default quantity, please check if you have enabled the Sync quantity option. This option will make the quantity of Bought Together items in sync with that of the main product.

    There is another option called Custom quantity, this allows customers to change the quantity of Bought Together freely. That is, by nature, technically opposite to the Sync quantity as the quantity of Bought Together items is always calculated by this formula: [default quantities x quantity of the main product].

    So it's impossible to do as in your description: "default to be that the quantity of items selected increase along with the quantity of the master product but ALSO allow the customer to be able to edit the quantities they require of each item".

    Best regards.

    Janilyn T. - WPClever Support Agent

  •  1
    joe replied

    Good Morning,

    Thank you for the reply. 

    1. I can confirm have turned the responsiveness option on and off and it still appears the same. We have the plug-in on our staging website at present - see link here to the one product we have added the frequently bought together options to;

    https://staging.onlinetankstore.co.uk/product/5-litre-natural-tank-c-w-4inch-vented-lid/

    This appears off the screen on mobile.

    2. Thank you, understand the options now.

    Kind regards,

    Tanya

  •  767
    Janilyn replied

    Hi Joe,

    Thanks for the link.

    About the custom quantity for Bought Together products, after rereading your ticket, I think there is one option that might fit your needs. 

    You can go to WPClever >> Bought Together then find the Change quantity option >> choose Yes. This will allow Bought Together products to be chosen with a custom quantity that is not in sync with the main product. This will affect all Bought Together products in your site.

    For deals that you want the quantity of the main product to be in sync with that of Bought Together items, you can turn on the Sync quantity in the Bought Together tab of the main product page.

    You can read more about Quantity settings here: https://doc.wpclever.net/woobt/bought-together-setup/quantity-settings/.

    For now, I have transferred your ticket over to our developers so that they can help you with the CSS issue.

    Best regards.

    Janilyn T. - WPClever Support Agent

  •  1,226
    Dustin replied

    Hi Joe,

    Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

    .woobt-images .woobt-image {
        width: auto !important;
        flex: auto !important;
    }
    .woobt-products .woobt-product .woobt-price * {
        font-size: inherit !important;
    }

    And the result https://www.screencast.com/t/qFHSsnki

    Best regards,
    Dustin

  •  1
    joe replied

    Thank you, the code works perfectly! Is it possible to get the total price to show underneath when you select just the tank and no accessories? At the moment, you have to add accessories to see the total price.

    Kind regards,

    Tanya

  •  1,226
    Dustin replied

    I found that you added CSS code to hide the variation price https://www.screencast.com/t/wxGTj0EFY7C.

    Please remove this CSS code and result (screen record video) https://www.screencast.com/t/CsYAlb9bt

    Best regards,
    Dustin

  •  1
    joe replied

    Thank you Dustin, such great support! 

  •  1,226
    Dustin replied

    You're welcome!smile.png

    Feel free to submit a new ticket if you have any questions when using our plugin.

    Best regards,
    Dustin