Three Column on Mobile - by josh - on WordPress WooCommerce support

This topic has 28 replies, 4 voices, and was last updated 3 years, 7 months ago ago by Rose Tyler

  • Avatar: josh
    josh
    Participant
    April 6, 2021 at 17:28

    https://prnt.sc/115uv92

    Please, contact administrator
    for this information.
    27 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    April 6, 2021 at 20:43

    Hello

    Your website is working according to the design layout, if you want to change it to three column edit your page withe elementor and select mobile screens mode and change all column width of your require section to 33% it will display your section into three column. https://prnt.sc/115ygxy

    Robert Hall

    Avatar: josh
    josh
    Participant
    April 7, 2021 at 22:53

    1. How do I edit or change this promo Banner https://prnt.sc/116s8xz

    I have gone through static block and edit it but the link still point to XStore Niche Market02 version – Just another XStore Demo Sites site (8theme.com)

    2. how do I edit the footer? https://prnt.sc/116sbp3

    3.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 8, 2021 at 07:20

    Hello,

    1) Please provide URL of your site and temporary wp-admin access.
    2) Do you use Elementor or WPBakery? Enable one of these editors for static blocks and edit the content, for example – https://prnt.sc/11732qk
    3) ?)

    Regards

    Avatar: josh
    josh
    Participant
    April 16, 2021 at 07:54

    1. How do I hide Categories and Subcategories from products https://prnt.sc/11hzddj
    2. How do I hide the rating from display as well https://prnt.sc/11hzqv7

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 16, 2021 at 08:08

    Hello,

    Theme Options > Woocommerce > Shop > Products style > Product Content Elements

    Regards

    Avatar: josh
    josh
    Participant
    April 29, 2021 at 15:09

    1. How can I display products as 2and half per page as in this emage https://prnt.sc/1297a67

    2. How do I make the add to cart and buy now button on same line and reduce the button size https://prnt.sc/1298c5p

    3. How can I change this to display images and text https://prnt.sc/1298jdn

    4. How can I expand the width of All Department category Menu and as well add icons to each menu https://prnt.sc/1298mzt just like this https://prnt.sc/1298qyy

    5. How can I create a category to stand out like this? https://prnt.sc/1298x3h

    6. How can I make the body boxed like this https://prnt.sc/129910t

    7. How can I remove this quickview and wishlist button https://prnt.sc/12994kb and reposition them beside the add to cart button https://prnt.sc/12995l1

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 29, 2021 at 15:38

    Hello,

    1) We don’t have such option for the slider.

    2) Provide us with link to your site and temporary WP Dashboard access. We need to check the setting you use to guide you and give correct custom CSS to implement this.

    3) Use global WooCommerce attributes and variation swatches, watch this tutorial https://youtu.be/LgzC4iK-j6A

    4) Go to Theme Options > Header builder > edit All departments menu and disable more link https://prnt.sc/129a68u
    To add image go to Appearance > Menus > upload image for the menu item and set position as image https://prnt.sc/129a8rq

    5) What page builder do you use: Elementor or WPBakery?

    6) Go to Theme Options > Styling > set container color to transparent and choose the site background https://prnt.sc/129adog after that add the bg for the element you need using custom CSS. Or you can also switch to Boxed layout in Theme Options > General. Choose which way is more suitable for you.

    7) Add the below code to Theme Options > Custom CSS

    .product-view-light .light-right-side {
        bottom: 20px;
        top: auto;
    }

    Regards

    Avatar: josh
    josh
    Participant
    April 29, 2021 at 16:05

    2. Link and login details as requested

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 30, 2021 at 09:00

    Hello,

    We can’t log in using credentials that you provided https://prnt.sc/12am3nf
    Please, provide the correct password.

    Regards

    Avatar: josh
    josh
    Participant
    April 30, 2021 at 13:27

    This is the right password

    Please contact administrator
    for this information.
    Avatar: josh
    josh
    Participant
    April 30, 2021 at 13:28

    Password

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 30, 2021 at 14:24

    Hello,

    2) Check now.
    5) I have created section on the home page with the design you asked https://prnt.sc/12b3rt8 Check it.
    8) You did not update XStore core plugin https://prnt.sc/12b200z Always update both: theme and core plugin.

    Regards

    Avatar: josh
    josh
    Participant
    May 1, 2021 at 21:39

    Font Awesome not working fine

    Please contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 2, 2021 at 10:45

    Hello

    Use the FA 4.7 version https://fontawesome.com/v4.7.0/icons/ instead of 5.x.
    We’ll update FA icons version in one of the next updates. But at this moment use 4.7. Sorry for the inconvenience.

    There is also a icon image option you can also upload icon image as well.
    https://prnt.sc/12dx523

    Robert Hall

    Avatar: josh
    josh
    Participant
    May 2, 2021 at 13:49

    How can I Remove This Margin

    Please contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 3, 2021 at 07:48

    Hello

    1.Edit the Home Page Elementor Page Builder Now Edit the Require Section You can remove this margin by choosing Content Width Boxed to https://prnt.sc/12eykm5

    2. Edit This Section and Click On Style > Border > Border Type to display None https://prnt.sc/12eyw99

    3. You can change the color By Edit the outer section and then click on Style and change the background color according to your requirement. https://prnt.sc/12ez0m5

    4. Edit This Section and Click on Style > Border > and change the radius according to your requirements. https://prnt.sc/12ez2ab

    5. You can edit this section by going to Dashboard > Theme Options > Mobile Panel https://prnt.sc/12ezjp8

    Robert Hall

    Avatar: josh
    josh
    Participant
    May 3, 2021 at 08:20

    how do I change my shop page to this? https://prnt.sc/12f009d

    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 3, 2021 at 19:20

    Hello

    Create a shop page and add Product Categories Element https://prnt.sc/12fn75u .

    Robert Hall

    Avatar: josh
    josh
    Participant
    May 3, 2021 at 22:58

    I like to get a support

    Please contact administrator
    for this information.
    Avatar: josh
    josh
    Participant
    May 4, 2021 at 23:44

    4. How do I reduce the title of products in the cart https://prnt.sc/12hx6tu
    5. How do I reduce the product title in the search box https://prnt.sc/12hxcjs

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 5, 2021 at 13:48

    Hello,

    1) Edit columns using Elementor, for example – https://gyazo.com/353763733c012a1e69085897f659408b
    2) Try to contact the support of WooCommerce plugin.
    3) I can’t log in to your site. Please provide the correct credentials.
    4) Add the next code in Theme Options > Theme custom CSS:

    table.cart .product-details .product-title {
        font-size: 14px;
    }

    5)

    .ajax-search-form  .autocomplete-suggestion > a {
        font-size: 12px;
    }

    Regards

    Avatar: josh
    josh
    Participant
    May 5, 2021 at 20:52

    4,5. I mean to reduce the product title to 3 words as the text is plenty. so it can just display 1 line

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 6, 2021 at 13:53

    There is no such option, unfortunately.
    But you can try to change previous codes to:

    table.cart .product-details .product-title,
    .ajax-search-form  .autocomplete-suggestion .product-title  {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1; /* number of lines to show */
        -webkit-box-orient: vertical;
    }

    Regards

    Avatar: josh
    josh
    Participant
    May 11, 2021 at 23:33

    I need support

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 12, 2021 at 07:18

    Hello,

    1) Registration is the WooCommerce default option – https://docs.woocommerce.com/document/configuring-woocommerce-settings/#accounts-and-privacy-settings and it does not have settings to add additional fields by default. So, look for third-party plugins that allow you to customize WooCommerce registration, for example https://woocommerce.com/products/custom-user-registration-fields-for-woocommerce/ or https://wordpress.org/plugins/custom-registration-form-builder-with-submission-manager/ or similar that suits your needs.
    2) For mobile only?

    Regards

    Avatar: josh
    josh
    Participant
    May 12, 2021 at 19:54

    2 for both Mobile and PC

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 13, 2021 at 07:33

    Hello,

    Add a custom class for a section, for example, bordered-images, then add custom CSS code:

    .bordered-images .elementor-widget-image img {
        border-radius: 50px;
    }

    Regards

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

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

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