Return to previous page

Struggling to add a spacer on my shop page and product page

This topic has 56 replies, 2 voices, and was last updated 1 years, 2 months ago ago by Ajaz

  • Avatar: Ajaz
    Ajaz
    Participant
    March 25, 2024 at 17:38
    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    #388561 Copied Theme version: 9.3
    55 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 25, 2024 at 17:58

    Hello, Ajaz,

    Thank you for contacting us and for using XStore.

    1/ To insert content between the header and the product listings on your Shop page, there is no need to edit the Shop page using Elementor. Instead, please follow these steps:
    1. Navigate to XStore > Static Blocks.
    2. Create a new block with the desired text and spacing.
    3. Proceed to Theme Options > WooCommerce > Shop > Shop page layout.
    4. In the Banner content section, add the shortcode of the static block you created.
    5. Choose the appropriate banner position.

    2/ We would like to inform you that there are two Single Product Builders available for your use:
    1. Through Theme Options > WooCommerce > Single Product Builder.
    2. Utilizing the XStore Single Product Builder with Elementor, which you can find detailed information about here: https://www.8theme.com/documentation/xstore/xstore-builders/xstore-single-product-builder-with-elementor/
    To edit the single product page, you may select either of these builders.

    Best Regards,
    8Theme’s Team

    #388564 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 25, 2024 at 18:21

    .

    Please contact administrator
    for this information.
    #388572 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 25, 2024 at 18:29

    Hello, Ajaz,

    We appreciate your prompt response.

    Here is an example https://prnt.sc/a0d-FmajLoV7 > https://prnt.sc/PafSMnVFcFmE

    Best Regards,
    8Theme’s Team

    #388576 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 26, 2024 at 05:39

    …

    Please contact administrator
    for this information.
    #388603 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 26, 2024 at 09:52

    Hello, Ajaz,

    Thank you for getting in touch with us.

    To display four products in a single row on the homepage, you may utilize the “Product Grid” element and configure the sections or container to full width.

    For customizing the styles of mobile menu items, you can apply custom CSS code. Please insert the following code into the “Theme Options” under the “Theme Custom CSS” section:

    .header-mobile-menu .item-level-0 {
    border-bottom: 1px solid #888;
}

    Additionally, we advise against the use of static blocks within the mobile menu. For optimal navigation and user experience, we recommend creating separate menus for desktop and mobile versions.

    We trust this information will be helpful to you.

    Best Regards,
    8Theme’s Team

    #388633 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 26, 2024 at 15:29

    ….

    #388696 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 26, 2024 at 15:32

    …..

    Please contact administrator
    for this information.
    #388697 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 26, 2024 at 16:24

    Hello, Ajaz,

    1/ We would like to inform you that the provided code is not related to static blocks.

    2/ Add the next code in Theme Options > Theme custom CSS > Global:

    .single-product .content-page {
    margin-top: calc(1vw + 30px);
}

    and check a single product page after that – https://prnt.sc/5ZhFTEH2MB1A

    Best Regards,
    The 8Theme Team

    #388703 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 26, 2024 at 16:55

    ……

    Please contact administrator
    for this information.
    #388708 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 26, 2024 at 16:58

    …….

    Please contact administrator
    for this information.
    #388709 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 26, 2024 at 17:04

    Hello, Ajaz,

    1/ Please remove the previous code for a single product page from Theme Options, and remove the static block from the Shop page, then go to Theme Options > Header Builder > Main header > Computed box > add margin-bottom, the space will be added for all pages.

    2/ Could you please provide temporary wp-admin access? We need to check your Home page settings.

    To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

    Best Regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    #388710 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 26, 2024 at 17:44

    Access

    Please contact administrator
    for this information.
    #388713 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 26, 2024 at 17:47

    CSS update.

    Please contact administrator
    for this information.
    #388714 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 26, 2024 at 18:00

    WP Update

    Please contact administrator
    for this information.
    #388716 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 26, 2024 at 18:04

    Hello, Ajaz,

    We are currently experiencing difficulties with logging in using the provided credentials. Kindly refer to the screenshot linked below for your reference: https://prnt.sc/K_EpqC5XF1jH

    We would greatly appreciate it if you could verify the accuracy of the login details to ensure continued collaboration.

    Best Regards,
    The 8Theme Team

    #388718 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 26, 2024 at 18:06

    WP Update.

    Please contact administrator
    for this information.
    #388719 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 26, 2024 at 18:15

    Hello, Ajaz,

    We appreciate your prompt response.

    We’ve changed the custom CSS code: https://prnt.sc/mQ6vr5SPYJdf

    About images on your Home page, edit section settings – https://prnt.sc/EzSh0Oy02lNs + https://prnt.sc/SUzIaMiIr3OB

    Best Regards,
    The 8Theme Team

    #388720 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 26, 2024 at 19:11

    Home Page Footer Gap issue

    Please contact administrator
    for this information.
    #388725 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 26, 2024 at 20:17

    Wishlist remover

    Please contact administrator
    for this information.
    #388728 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 27, 2024 at 00:09

    Tablet and mobile settings top header
    and
    Product tab edit or disable for product “American vintage” issues

    Please contact administrator
    for this information.
    #388732 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 27, 2024 at 08:32

    Hello, Ajaz,

    Please submit separate topics for different questions https://www.8theme.com/forums/xstore-wordpress-support-forum/

    1/ Regarding the custom CSS code, it pertains to the pages specified within the code as seen here: https://prnt.sc/dfTl6SMgIrbw. The term “archive” refers to pages similar to the Shop page type. We did not include a separate space for contact pages as there is already space provided on your website, which can be viewed here: https://prnt.sc/JRwYsITd68_f. If you wish to apply the code to the contact page as well, please open the Chrome Inspector at https://developer.chrome.com/docs/devtools/css, where you will be able to find the necessary class: https://prnt.sc/8fnZ-toX5PaG .page-id-273.

    2/ Here is a screenshot from the Home page editor – https://prnt.sc/tyIUoECCnZEr

    3/ We do not see the Wishlist on your single product page.

    4/ We’ve checked the header from mobile and we do not see the white space in the top header. maybe you just need to clear the cache of your mobile browser.

    5/ Theme Options > WooCommerce > Single Product page > Tabs > Type > Disable.

    Demo custom tab content can be edited here – https://prnt.sc/Akwlftv9SNIL

    Best Regards,
    The 8Theme Team

    #388760 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 27, 2024 at 10:44

    4 issues in total, updates on issues 3 and 4.

    Please contact administrator
    for this information.
    #388775 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 27, 2024 at 10:48

    4 issues in total, issues 3 and 4 updates.

    Please contact administrator
    for this information.
    #388777 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 27, 2024 at 13:17

    Hello, Ajaz,

    Ok. 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.

    Best Regards,
    The 8Theme Team

    #388800 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 27, 2024 at 18:30

    Wishlist Icon Removal

    Please contact administrator
    for this information.
    #388828 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 27, 2024 at 18:31

    Top Row not remaining Sticky

    Please contact administrator
    for this information.
    #388829 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 27, 2024 at 18:32

    Product Tab Edit and Disable

    Please contact administrator
    for this information.
    #388830 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 27, 2024 at 18:34

    Shop Page Issues

    Please contact administrator
    for this information.
    #388831 Copied
    Avatar: Ajaz
    Ajaz
    Participant
    March 27, 2024 at 18:35

    How to remove the cart and search from the top header

    Unexpected issue

    Please contact administrator
    for this information.
    #388832 Copied

  • Tagged: , , , , , ,

  • 1 2
    Viewing 30 results - 1 through 30 (of 56 total)

The issue related to '‘Struggling to add a spacer on my shop page and product page’' has been successfully resolved, and the topic is now closed for further responses

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Furniture Store – WooCommerce Theme
lazy-placeholder
WooPress Fullwidth
lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Hotel – WordPress Theme
lazy-placeholder
Electron Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Barbershop – WordPress 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.