Home › Forums › WoodMart support forum › change position Product tabs

change position Product tabs

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 19, 2018 at 8:31 am #83769

    geckobin
    Participant

    How do I change the position between product tabs?
    (https://den247.com/product/den-tuong-go-lh-dgv33/) (Pic 1.jpg)

    How do I collapse product descriptions? (like https://www.thegioididong.com/dtdd/samsung-galaxy-j8) (pic 2.jpg)

    Attachments:
    You must be logged in to view attached files.
    October 19, 2018 at 9:30 am #83786

    Elise Noromit
    Member

    Hello,

    1. The space can be changed with custom CSS – add this code and set the values as per your needs: 

    body .tabs-layout-tabs .tabs li {
    margin-right: 30px;
}

    2. What do you mean? You can insert the Accordion element in the product description or clarify your purpose.

    Best Regards

    October 19, 2018 at 9:35 am #83789

    geckobin
    Participant

    1. Can you be more specific?
     
    2. content description of the product it long. So I want to cover that long content. When to click on it appears.

    like https://www.thegioididong.com/dtdd/samsung-galaxy-j8

    October 19, 2018 at 10:57 am #83814

    Elise Noromit
    Member

    Hello,

    1. Add the code to the Theme Settings > Custom CSS, replace margin-right: 30px; for margin-right: 40px; or as per your needs.

    2. Enable WP Bakery page builder for product page http://prntscr.com/l7wgce enter a product and add an element http://prntscr.com/l7wgsz add a tour or accordion and paste the description inside you will have a compact collapsable product description

    Best Regards

    October 19, 2018 at 11:08 am #83819

    geckobin
    Participant

    1. Tôi muốn đổi vị trí các tab sản phẩm với nhau
    2. Cái đó tôi đã làm nhưng không được như tôi muốn (nó phải giống như read more)

    I have another question.
    3. I want it to automatically adjust the image size. You can check with https://gtmetrix.com/.
    The results are as attached. I have to manually edit each image, then upload to hositng. So how does it do it automatically?

    Attachments:
    You must be logged in to view attached files.
    October 19, 2018 at 11:09 am #83821

    geckobin
    Participant

    1. I want to reposition the product tabs together
    2. That I did but not as I wanted (it should be like read more)
    I have another question.
    3. I want it to automatically adjust the image size. You can check with https://gtmetrix.com/.
    The results are as attached. I have to manually edit each image, then upload to hositng. So how does it do it automatically?

    Attachments:
    You must be logged in to view attached files.
    October 19, 2018 at 1:44 pm #83873

    Elise Noromit
    Member

    Hello,

    1. If you want to reduce the margin, put margin-right: 10px;

    2. WooCommerce does not provide the option by default.

    3. You will have to find a plugin for that our theme does not provide such an option.

    Best Regards

    October 20, 2018 at 2:07 am #83974

    geckobin
    Participant

    Woodmart updated version 3.1.
    I want to ask. Version 3.1 fixes automatically adjusting image size in html or css. Like the problem I asked.

    Attachments:
    You must be logged in to view attached files.
    October 20, 2018 at 6:59 am #84004

    Elise Noromit
    Member

    Hello,

    Depending on the purpose of the image, thumbnail or using in grid big images are resized.

    Best Regards

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)