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 8 months, 3 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://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

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

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

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

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

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

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

Ajaz

Participant

March 27, 2024 at 18:30

Wishlist Icon Removal

Please contact administrator
for this information.

#388828 Copied

Ajaz

Participant

March 27, 2024 at 18:31

Top Row not remaining Sticky

Please contact administrator
for this information.

#388829 Copied

Ajaz

Participant

March 27, 2024 at 18:32

Product Tab Edit and Disable

Please contact administrator
for this information.

#388830 Copied

Ajaz

Participant

March 27, 2024 at 18:34

Shop Page Issues

Please contact administrator
for this information.

#388831 Copied

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: product page spacer, shop page spacer, spacer troubleshooting, woocommerce page customization, woocommerce theme help, wordpress spacer issues, wordpress woocommerce themes
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

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