Customize product attribute as demo store

This topic has 5 replies, 3 voices, and was last updated 2 weeks ago ago by Andrew Mitchell

  • Avatar: Mauro Giorgi
    Mauro
    Participant
    November 8, 2024 at 10:31

    Hi,
    i’ve some questions:

    1. how can customize aspect attributes like your demo store?
    I’ve changed to square option but i want add space and border radius like your example (see attachments).

    2. If i change aspect options it update aspect attributesinto sidebar too or i can mantain checkbox into sidebar and square option into product page?

    3. For variation products can I hide product image and show only the attribute images?

    Thanks

    Thanks

    Files is visible for topic creator and
    support staff only.
    4 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 8, 2024 at 11:37

    Hello, Mauro,

    Thank you for reaching out to us. We are happy to assist you with your inquiries.

    1. To customize the appearance of attributes similar to our demo store, you can adjust the border radius and spacing through custom CSS code. For example – https://prnt.sc/4qYpBikrQWWB

    https://www.8theme.com/documentation/xstore/xstore-builders/xstore-single-product-builder-with-elementor/

    /* Swatches */
    selector .st-swatch-size-large li.type-label {
        border-radius: 10px;
    }
    selector .st-custom-attribute {
        font-weight: 600;
    }
    selector .st-swatch-size-large li.type-label>span {
        padding: 15px 40px;
    }
    selector .st-swatch-size-large li.type-image {
        min-width: 80px;
        min-height: 80px;
    }

    2. Please describe the desired result in more detail.

    3. Could you provide an example and some screenshots for a better understanding?

    Best Regards,
    8Theme’s Team

    Avatar: Mauro Giorgi
    Mauro
    Participant
    November 8, 2024 at 12:03

    1. Can you tell me the step to go into “Custom css” field?

    2. See 02 image on private area

    3. See 03 image on private area

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 8, 2024 at 13:40

    Hello, Mauro,

    1/ The steps for implementing custom code depend on the specific purpose of the code and which single product builder you are using. For instance, the screenshot we provided was taken from this builder: https://www.8theme.com/documentation/xstore/xstore-builders/xstore-single-product-builder-with-elementor/ > element settings https://prnt.sc/cfzOESdw5nj_

    If you wish to add code that will be applied site-wide, we recommend reading this article – https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

    2/ Are you looking to modify the styles of the swatches on the single product page and in the sidebar of the shop page? Unfortunately, we are unable to view your site as it is hosted locally. Could you please provide a link to the demo you imported?

    3/ We have not received the screenshot labeled as number 3.

    Best Regards,
    8Theme’s Team

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    November 9, 2024 at 15:05

    Dear Mauro,

    We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

    Click here to rate now: https://themeforest.net/downloads

    Thank you sincerely for your ongoing support!

    Best Regards,
    The 8Theme Team

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

The issue related to '‘Customize product attribute as demo store’' has been successfully resolved, and the topic is now closed for further responses

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.