Margin left problem on picture of single product page

This topic has 12 replies, 3 voices, and was last updated 1 year, 1 month ago ago by Rose Tyler

  • Avatar: Lucas
    Lucas
    Participant
    January 11, 2023 at 09:51

    Hello there,

    I have trouble concerning picture of single product shop page. The margin left and right isn’t aesthetic and i would like more margin on left and less on the right. is there somewhere i can do this ?

    I see that i can choose different type in single product layout but there is not one like i want. I would like to be around 2/3 image and 1/3 description. Any thoughts ?

    Thanks a lot,
    Lucas.

    11 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    January 11, 2023 at 10:44

    Hello, @Lucas,

    You have to create your own custom single product page layout from the Theme settings >> WooCommerce >> Single product Builder. From there you are able to add the sections and set the section’s width and set the margin to the section as well. See the image for a better reference to understand: https://postimg.cc/ZC60gH8L

    Regards 8Themes Team.

    Avatar: Lucas
    Lucas
    Participant
    January 11, 2023 at 14:42

    Thanks for your quick reply, it work but i need a last answer please. It’s perfect on computer but i will need a different image gallery on tablet and phone. I try to create a new shop product style using “multiple templates” but i can’t manage to tell him i want it to appear on different device.

    The problem is that i used the scrollable gallery on computer but i need the normal gallery swipe on tablet an phone. And if i use the same product style for each i have to choose between scrollable or swipe gallery cause if i change on computer it will change on other device and same the other way around.

    Thanks

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    January 11, 2023 at 18:07

    Hello, @Lucas,

    Unfortunately, this is not possible, you can only set the conditions for the multiple templates for different pages, not for different devices, and the gallery style you will choose to show on the desktop it will show the same style on mobile as well. This is how it works.

    Please post your request here – https://www.8theme.com/taskboard/ , so our dev team read it. If it takes votes from other customers, our dev team will add it in one of the next updates.

    Regards 8Themes Team.

    Avatar: Lucas
    Lucas
    Participant
    January 11, 2023 at 19:13

    Oh ok that’s a shame but no problem… last thing then, i saw the wishlist is above the add to card button but. can’t find how to put it on the same line. Is there a way like in this demo: https://xstore.8theme.com/elementor/demos/home-decor/product/black-table-fen-2/

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    January 12, 2023 at 06:39

    Hello, @Lucas,

    To know how to put it Wishlist and Compare buttons on the same line as like a demo. For the Wishlist button Simply navigates to Dashboard > XStore > Theme Settings > WooCommerce (Shop) > Single Product Page > Wishlist > Position set as After add to cart. See the image for a better reference here: https://ibb.co/0rYsgqW

    For Compare button Simply navigate to Dashboard > XStore > Theme Settings > WooCommerce (Shop) > Single Product Page > Compare > Position set as After add to cart. See image for a better reference here : https://ibb.co/wMSDML1

    Regards 8Themes Team.

    Avatar: Lucas
    Lucas
    Participant
    January 12, 2023 at 09:41

    Hmhm… it’s funny i don’t have this. I don’t have the “Position” see image: https://ibb.co/QNmcS9H

    It start directly with image then “Add to wishlist text” (french translation) etc… no “Position

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    January 12, 2023 at 10:10

    Hello, @Lucas,

    No, you did not go to the right option. I have captured a video for you on my test site. Please watch it complete and follow the steps shown in the video for better reference : https://www.veed.io/view/ae5c7618-82c0-4fd6-8b7d-a5d91b54b5ba?sharingWidget=true&panel=share

    Regards 8Themes Team.

    Avatar: Lucas
    Lucas
    Participant
    January 12, 2023 at 10:18

    I do nt have this as i did a single product builder activated. When i activate, the product single normal disapear. and in the Single product builder i have Wishlist but no position option

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 12, 2023 at 11:43

    Hello,

    In order to assist you with your inquiry, we request that you provide us with temporary access to the wp-admin of your website. This will enable us to take a closer look at your settings and provide you with a more accurate and specific solution.
    To do this, please follow these steps:
    1 Create an account via Dashboard (Users > Add new) with administrator role. Refer to the following image for guidance: http://prntscr.com/s3rc9m
    2 Provide us with the username and password for the newly created account via the Private Content area. Refer to the following image for guidance: http://prntscr.com/s5mao7
    3 Any email address can be used for the new account, it does not have to be your personal email.
    Please let us know once you have completed these steps, and we will promptly review your account information and provide assistance as soon as possible.

    Best Regards,
    8Themes Team

    Avatar: Lucas
    Lucas
    Participant
    January 12, 2023 at 11:46

    Thank you

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 12, 2023 at 13:15

    We appreciate you bringing this to our attention. You are correct that there is no Position setting when the Single Product Builder is activated, as elements can be placed independently of one another in this case.

    We suggest that you try using the Connection block to place two elements in one line. For example, you can refer to this screenshot for guidance – https://prnt.sc/RMUANpVuxlQ1

    Please note that the result will not be exactly the same as the mentioned demo, as the Single Product Builder is disabled on the demo.

    If you have any further questions or concerns, please do not hesitate to reach out to us.

    Best Regards,
    8Themes Team

  • Viewing 12 results - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.