Attaching an image to the product

  • Profile Image
    rosekuo2000
    Asked on June 10, 2020 at 02:17 AM

    hi! i am trying to attach an image to the product, how can i adjust the size of the image when it is published? the screen shot i uploaded is  what happens when i fill up the form using my mobile phone.. 

    this screenshot is how i want it to look like. how do i make the pictures/image just like that?

    1591769797image1.png

    Screenshot
  • Profile Image
    jherwin
    Answered on June 10, 2020 at 06:23 AM

    The products in your screenshot are created using the new product list, please see my screenshot below.
    1591784583pl.png
    You can use that to list your items.

  • Profile Image
    rosekuo2000
    Answered on June 10, 2020 at 07:28 AM

    This is what the (sample) image looks like, i want it to be small and just on the left side, but i dont know how to resize it?
    Sent from my iPhone
    ...
  • Profile Image
    Carlos_C
    Answered on June 10, 2020 at 09:53 AM

    Hello,

    Thank you for your message.

    In this case, the way that you are seeing the image in the product list is a new layout for mobile devices.

    I will look for a CSS code so we can change the style to fit your needs, I'll update you on this same thread as soon as I have some news.

  • Profile Image
    Carlos_C
    Answered on June 10, 2020 at 10:25 AM

    Hello,

    Thank you for your message.

    Please add the following CSS code to your form:

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){

    .form-line[data-payment="true"] div[data-wrapper-react="true"] .form-product-item.new_ui.show_image .image_area {

       min-height: 48px!important;

        width: 15%!important;

        height: 0%!important;

        margin-left: 39px!important;

    }

    }

    Complete guide: How-to-Inject-Custom-CSS-Codes.

    If you need any further assistance, please let us know. We will be happy to help.

  • Profile Image
    rosekuo2000
    Answered on June 11, 2020 at 02:28 AM
    Hi, i tried the css u gave me, this is what happened, can the text go on the right side of the image?
    Sent from my iPhone
    ...
  • Profile Image
    ashwin_d
    Answered on June 11, 2020 at 05:26 AM

    Unfortunately we are unable to see the screenshot you have shared. Please share the screenshot again, and we will take a look. 

    Do want the product text to be displayed on the right side of the image?