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 4 weeks ago ago by 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

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://xstore.helpscoutdocs.com/article/190-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

Ajaz

Participant

March 25, 2024 at 18:21

.

Please contact administrator
for this information.

#388572 Copied

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

Ajaz

Participant

March 26, 2024 at 05:39

…

Please contact administrator
for this information.

#388603 Copied
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
Ajaz

Participant

March 26, 2024 at 15:29

….

#388696 Copied

Ajaz

Participant

March 26, 2024 at 15:32

…..

Please contact administrator
for this information.

#388697 Copied
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
Ajaz

Participant

March 26, 2024 at 16:55

……

Please contact administrator
for this information.

#388708 Copied

Ajaz

Participant

March 26, 2024 at 16:58

…….

Please contact administrator
for this information.

#388709 Copied

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

Ajaz

Participant

March 26, 2024 at 17:44

Access

Please contact administrator
for this information.

#388713 Copied

Ajaz

Participant

March 26, 2024 at 17:47

CSS update.

Please contact administrator
for this information.

#388714 Copied

Ajaz

Participant

March 26, 2024 at 18:00

WP Update

Please contact administrator
for this information.

#388716 Copied

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

Ajaz

Participant

March 26, 2024 at 18:06

WP Update.

Please contact administrator
for this information.

#388719 Copied

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

Ajaz

Participant

March 26, 2024 at 19:11

Home Page Footer Gap issue

Please contact administrator
for this information.

#388725 Copied

Ajaz

Participant

March 26, 2024 at 20:17

Wishlist remover

Please contact administrator
for this information.

#388728 Copied
Tagged: product page spacer, shop page spacer, spacer troubleshooting, woocommerce page customization, woocommerce theme help, wordpress spacer issues, wordpress woocommerce themes
1 2 3

Viewing 20 results - 1 through 20 (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

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

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection