Return to previous page

Margin left problem on picture of single product page

This topic has 12 replies, 3 voices, and was last updated 1 years, 11 months ago ago by Rose Tyler

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.

#343629 Copied Theme version: 9.0.2 WooCommerce version: 7.2.2

11 Answers

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.

#343648 Copied

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

#343707 Copied

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.

#343731 Copied

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/

#343743 Copied

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.

#343766 Copied

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

#343777 Copied

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.

#343780 Copied

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

#343784 Copied

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

#343807 Copied

Lucas

Participant

January 12, 2023 at 11:46

Thank you

Please contact administrator
for this information.

#343809 Copied

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

#343834 Copied
Tagged: best, left, margin, page, picture, problem, product, selling, single, themes, woocommerce
Viewing 12 results - 1 through 12 (of 12 total)