I want product categories to show 2 column in one row

This topic has 50 replies, 4 voices, and was last updated 1 years, 8 months ago ago by Rose Tyler

  • Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 7, 2023 at 15:18

    Hello, Wade Yang,

    To change the size of variation swatches image, custom CSS code can be used:

    .single-product ul.st-swatch-size-large li.type-image {
        width: 50px;
        height: 50px;
    }

    If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

    Kind Regards,
    8theme team

    Avatar: Wade Yang
    Wade Yang
    Participant
    March 8, 2023 at 07:36

    i have put the information in private content area ,Please check.
    the mistake is still there after i disable Product Masonry :
    https://postimg.cc/94ppSC4h

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 8, 2023 at 08:33

    Dear, Wade Yang,

    Private Content

    Kind Regards,
    8theme team

    Please contact administrator
    for this information.
    Avatar: Wade Yang
    Wade Yang
    Participant
    March 8, 2023 at 08:38

    I am not asking about the alignment of the product list, but that the Product Categories setting on the home page cannot be displayed normally:
    https://postimg.cc/Sj7N1GpC

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 8, 2023 at 10:12

    Dear, Wade Yang,

    Thank you for your response and we apologize for any confusion.

    With the access you have provided, we are unable to access the Dashboard and page editor. We kindly request that you set the user to an administrator role.

    Waiting for your reply.

    Kind Regards,
    8theme team

    Avatar: Wade Yang
    Wade Yang
    Participant
    March 8, 2023 at 11:43

    Please try again

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 8, 2023 at 14:13

    Dear Wade Yang,

    We will have another specialist review your inquiry in greater detail and will be in touch with you shortly. We kindly ask for your patience and request that you do not alter any access settings.

    Kind Regards,
    8theme team

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 8, 2023 at 16:01

    Dear Wade Yang,

    We added custom CSS -> https://prnt.sc/cATwzFAL672e and extra class – https://gyazo.com/835f7cd60d0dee38a05f106b66b30932

    Kind Regards,
    8theme team

    Avatar: Wade Yang
    Wade Yang
    Participant
    March 8, 2023 at 18:38

    When I set grid-column-end: 10, it can be displayed normally
    https://postimg.cc/nX2Z1D3H
    https://postimg.cc/rdpTZwH5
    But when I set grid-column-end: 17, the display becomes abnormal. Is there a way to solve this?
    https://postimg.cc/zbtFw0gn
    https://postimg.cc/jw5zjPFC

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 9, 2023 at 09:15

    Dear Wade Yang,

    Thank you for contacting us and for using XStore.

    Do you intend to obtain 17 items per row for testing purposes or for actual use?
    Try to activate the stretch row option – https://prnt.sc/EQ8DvC8C_5V_

    Kind Regards,
    8theme team

    Avatar: Wade Yang
    Wade Yang
    Participant
    March 9, 2023 at 19:43

    i want to obtain 15 items per row for actual use,After setting according to your suggestion, the display effect is not normal:
    https://postimg.cc/wtmmHgwZ
    The screenshot below is what I want:
    https://postimg.cc/wy9TPpZh

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 10, 2023 at 08:43

    Hello, Wade Yang,

    Thank you for the reply.

    Please check how it works now – https://prnt.sc/Q9CL_kg0WVsQ > https://prnt.sc/qUh6YTV6irrX

    Kind Regards,
    8theme team

    Avatar: Wade Yang
    Wade Yang
    Participant
    March 10, 2023 at 15:01

    Now it can display 15 rows, but it will not be automatically adjusted according to the browser width,It is different from the display method below:
    https://postimg.cc/D8jX7VGk

    Avatar: Wade Yang
    Wade Yang
    Participant
    March 10, 2023 at 15:34

    After adding the code on the picture, the Product Categories picture does not display normally, but my other websites also use this code but it displays normally:
    https://postimg.cc/wtt3q7pD

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 10, 2023 at 15:43

    Hello, Wade Yang,

    In the settings of the Product Categories element, you can see the max value is 6 https://prnt.sc/AcKygX9R-YRC , 15 or any other value is achieved using Custom CSS code. If you do not like the result of the custom CSS code working, it would be better to not use the custom coding at all.

    Try to use the default WooCommerce element https://prnt.sc/ZU96qAJQIzzI , it allows to set up to 12 columns – https://prnt.sc/8deWFPALkxSu https://prnt.sc/xlA1IURO-QVE

    Kind Regards,
    8theme team

    Avatar: Wade Yang
    Wade Yang
    Participant
    March 11, 2023 at 16:33

    I created a new page, when Element Product Categories was added, and the newly created Categories were selected in Data Settings, but no icon was displayed:
    https://postimg.cc/B8vbqNGX

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 11, 2023 at 18:03

    Hello, Wade Yang,

    We will have another specialist review your inquiry in greater detail and will be in touch with you shortly. We kindly ask for your patience.

    Kind Regards,
    8theme team

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 13, 2023 at 14:18

    Hello, Wade Yang,

    Please check now – https://prnt.sc/ZICPWSV-WXcD > https://prnt.sc/kBfNGIy03RTf (with row stretch and without).

    Kind Regards,
    8theme team

    Avatar: Wade Yang
    Wade Yang
    Participant
    March 14, 2023 at 08:10

    Thanks for the reply, I am very satisfied with the effect. I have another website. When I create a new page and make the following settings, I find that some icons are not displayed. What’s the matter?
    https://postimg.cc/Z9KwHN5v

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 14, 2023 at 08:49

    Hello, Wade Yang,

    We were able to find wp-admin access and checked the page content.

    In order to troubleshoot the issue you are experiencing, we suggest that you first try disabling all third-party plugins (including cache plugins) that are not bundled with XStore. You can refer to the following link for a list of included plugins: https://www.8theme.com/documentation/xstore/plugins/included-plugins/ . Additionally, please clear the cache of your browser and check again. It is possible that one of the additional plugins is causing the problem. Let us know the result of this test.

    If the problem is independent of plugins, provide us with FTP access, please. To create FTP access, please contact your hosting provider for assistance.

    Kind Regards,
    8theme team

  • 1 2
    Viewing 50 results - 31 through 50 (of 50 total)

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

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