Return to previous page

Request for Improvements in 8Theme WordPress Template

This topic has 11 replies, 2 voices, and was last updated 1 years ago ago by Luca Rossi

  • Avatar: TronShop
    TronShop
    Participant
    February 15, 2024 at 10:57

    Dear Technical Support Team,

    I hope this message finds you well. We would like to share some updates we have noticed regarding our template’s functionality and we need your assistance in addressing them. Below are the points we would like to discuss and resolve:

    1. Disappearance of the Shopping Cart Icon on Mobile Devices: We have observed that the shopping cart icon is not appearing on mobile devices. Please conduct tests and verify this issue.

    2. Inconsistency in Text Size for Items: As you can see in the attached screenshots, the text for each item varies in size, which affects the aesthetics and user experience. We would like to know how to edit each module to standardize the text size. It is important to note that several of these modules are default in the template and cannot be modified in the standard theme editing area.

    3. Default Language of the Template: Currently, all items and titles appear in English, but our standard language is Spanish. We would like to set Spanish as the default language for all modules. Subsequently, we can use the recommended plugin to translate into English, German, French, and Italian. However, it is crucial that the standard language be Spanish. (The form modules are in Spanish because we created them, but the title and observation modules in each checkout step are default and in English).

    4. Optimization of Space on Mobile Devices: In the mobile browsing experience, we have noticed that the dropdown menu and shopping cart take up too much screen space. We want these elements to be more minimalist and occupy less space. We believe this can be achieved by reducing the global font size throughout the site. Could you please advise us on how we can improve this user experience?
    We have attached screenshots to illustrate each case. We greatly appreciate your ongoing support and are willing to provide further details if needed.

    Best regards from our team,

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    #383469 Copied Theme version: 9.2.8
    10 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    February 16, 2024 at 08:09

    Hi @TronShop,

    1. Disappearance of the Shopping Cart Icon on Mobile Devices: We have observed that the shopping cart icon is not appearing on mobile devices. Please conduct tests and verify this issue.

    This issue happens on iPhone only, we’re taking a closer look on this and get back to you shortly.

    2. Inconsistency in Text Size for Items: As you can see in the attached screenshots, the text for each item varies in size, which affects the aesthetics and user experience. We would like to know how to edit each module to standardize the text size. It is important to note that several of these modules are default in the template and cannot be modified in the standard theme editing area.

    We’ve changed the font-size of Wishlist button 1.14rem(https://prnt.sc/8fS_fNiUJscn) and also added this custom CSS under Theme Options > CSS > Theme Custom CSS > Global CSS:

    
.single-product p.sales-booster-live-viewing {
    font-size: 1.14rem;
}
.single-product h2.products-title.upsell-products-title {
    --h2-size-proportion: 2.5;
}

    Now the text size is same per your request.

    3. Default Language of the Template: Currently, all items and titles appear in English, but our standard language is Spanish. We would like to set Spanish as the default language for all modules. Subsequently, we can use the recommended plugin to translate into English, German, French, and Italian. However, it is crucial that the standard language be Spanish. (The form modules are in Spanish because we created them, but the title and observation modules in each checkout step are default and in English).

    We suggest you to use the LocoTranslate plugin. It’s good and easy to use to translate all the texts to Spain: https://www.8theme.com/documentation/xstore/theme-translation/base-theme-translation/. If you’re going to use multi-languages in your website, we suggest WPML plugin: https://www.8theme.com/documentation/xstore/theme-translation/translation-with-wpml/.

    4. Optimization of Space on Mobile Devices: In the mobile browsing experience, we have noticed that the dropdown menu and shopping cart take up too much screen space. We want these elements to be more minimalist and occupy less space. We believe this can be achieved by reducing the global font size throughout the site. Could you please advise us on how we can improve this user experience?

    Do you mean to reduce the width of mini-cart content & dropdown menu? Please add the following custom CSS:

    
.et-off-canvas-wide > .et-mini-content {
    max-width: 250px;
}
.et-off-canvas > .et-mini-content {
    max-width: 250px;
}

    We trust that these adjustments will enhance the user experience on mobile devices.

    Should you require further assistance or have any additional questions, please do not hesitate to reach out to us.

    Best regards,
    The 8Theme Team

    #383560 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    February 16, 2024 at 09:46

    Dear TronShop,

    We are pleased to inform you that we have implemented some custom CSS codes, and as a result, the cart icon is now displaying correctly.

    Could you kindly take a moment to review this at your earliest convenience?

    Best Regards,
    The 8Theme Team

    Files is visible for topic creator and
    support staff only.
    #383567 Copied
    Avatar: TronShop
    TronShop
    Participant
    February 16, 2024 at 12:28

    Team 8Theme:

    We want to express our gratitude once again for the timely support you have provided us to optimize our website with your invaluable technology and tools. We are here to continue collaborating and are willing to follow all your instructions to continuously improve.

    The issue with the shopping cart has been resolved, thank you very much.

    We would like to request your guidance in properly adjusting the spaces and text size in the presentation of our products. Attached is a screenshot to illustrate our point. Our goal is to slightly reduce the space in the product boxes, decrease the text size of the title, and simultaneously focus on increasing the visibility of the price. Since these adjustments affect multiple templates, we prefer to rely on your expertise to find the best solution.

    We are attentive and grateful for your assistance.

    Files is visible for topic creator and
    support staff only.
    #383591 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    February 16, 2024 at 15:01

    Dear TronShop,

    We kindly request that you implement the following custom CSS code by navigating to Theme Options, then selecting Theme Custom CSS, and finally entering the code into the Global CSS section:

    
.archive .content-product .price {
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #994545;
}

.archive .product-view-light .button-switch {
    display: none !important;
}
.archive .product-view-light .product-details {
    padding-bottom: 0;
}

    Should you require any further assistance, please do not hesitate to reach out.

    Warm regards,
    The 8Theme Team

    #383616 Copied
    Avatar: TronShop
    TronShop
    Participant
    February 16, 2024 at 15:19

    Luca,

    We have implemented the adjustments according to your recommendation and have noticed a considerable improvement. I appreciate your ongoing support. However, I would like to point out that the modules for the recommended articles on the pages of individual products at the bottom of the page still have incorrect distribution and sizing. Could you please check on this?

    We will be awaiting your recommendations. Thank you again.

    Please contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    #383618 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    February 16, 2024 at 17:27

    Hi @TronShop,

    Please update the custom CSS codes to this:

    
.archive .content-product .price,
.upsell-products .content-product .price,
.related-products .content-product .price {
  font-family: "Inter", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #994545;
}

.archive .product-view-light .button-switch,
.upsell-products .product-view-light .button-switch,
.related-products .product-view-light .button-switch {
  display: none !important;
}
.archive .product-view-light .product-details,
.upsell-products .product-view-light .product-details,
.related-products .product-view-light .product-details {
  padding-bottom: 0;
}

    Let us know how it goes!

    Warm regards,
    The 8Theme Team

    #383638 Copied
    Avatar: TronShop
    TronShop
    Participant
    February 16, 2024 at 18:09

    Hi Luca,

    We have made the changes to the entire CSS block we had in the “Global CSS” section. Now it looks like this. However, we noticed that the rounded design of the product images has been lost. Could you please review it?

    Regards.

    Files is visible for topic creator and
    support staff only.
    #383647 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    February 17, 2024 at 08:30

    Hi @TronShop,

    It seems you accidently deleted the custom CSS codes for the radius, our custom CSS codes are not related to the radius. In this case, you can add this to make the border radius back on the product images:

    
.content-product .product-image-wrapper {
    border-radius: 15px !important;
}

    Warm regards,
    The 8Theme Team

    #383674 Copied
    Avatar: TronShop
    TronShop
    Participant
    February 19, 2024 at 11:15

    Luca,

    Thank you, we have already resolved this issue. I greatly appreciate your assistance!

    Best regards from our TronShop team.

    #383812 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    February 19, 2024 at 11:55

    Dear @TronShop,

    In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

    Click here to share your thoughts: https://themeforest.net/downloads

    Being part of our community means a lot, and your feedback contributes immensely.

    Best Regards,
    The 8Theme Team

    #383821 Copied

  • Tagged: , , , , , ,

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

The issue related to '‘Request for Improvements in 8Theme WordPress Template’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Royal – WooCommerce WordPress Theme
lazy-placeholder
Furniture Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Gym Store – WordPress WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Books Store – WordPress WooCommerce Theme
lazy-placeholder
Medical – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme

See All Templates

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