Return to previous page

Shop page with single product: problem to customize

This topic has 25 replies, 3 voices, and was last updated 2 years ago ago by Rose Tyler

Ale

Participant

October 20, 2022 at 16:40

Hi,
I’m building a site, https://www.blastjump.com/ and the client want a shop page with just a product (the main product, a boot), and after that the category section for the accessories (just a preview, if you click you go in the accessories category page).

How can I do this with your theme?

I also tried to do a custom shop page with elementor pro but, while the footer of the theme is correctly included, it is not the same for the header and breadcrumbs.

How can I fix the problems and build the website as asked by my client?

Thanks a lot,
Alessandro

Please, contact administrator
for this information.

#337014 Copied Theme version: 8.3.4 WooCommerce version: 7.0.0

24 Answers

Tony Rodriguez

Support staff

October 21, 2022 at 07:22

Hello, @Ale,

1- Navigate to the Dashboard >> Static Blocks >> Add New and then create a block and add a product in it, if you want like I did, check the images for a better reference: https://postimg.cc/QKXNwwGb and https://postimg.cc/DJ0B6ymd and https://postimg.cc/r07C91BM once you have saved the block.

Now, You created a block with a product you want. It’s time to set this on the shop page let’s navigate to the Dashboard >> XSTORE >> Theme Options >> WooCommerce >> Shop >> Shop Page Layout and add the block shortcode there check images: https://postimg.cc/JyNGFbHR and https://postimg.cc/p9R2p3yt now we set the product on the shop page. Now, we need to show the categories on the shop page. Let’s come to the second point.

2- Simply navigate to the Dashboard >> XSTORE >> Theme Settings >> WooCommerce >> Product catalog then check the image: https://postimg.cc/QKFwNSbG and choose the show categories then check back to your site shop page after clearing the browser cache.

Regards 8Themes Team.

#337040 Copied

Ale

Participant

October 24, 2022 at 10:38

Hi Tony, thank you very much, you’re awesome!

I have some other little editing that i cannot do and I ask you to help me please:
– in the the page https://www.blastjump.com/shop/ I’d like to see the product as in the product page, with the same layout: https://www.blastjump.com/shop/blast-blu/

– I’d like to have just the category “accessori” under the product, and not the “scarpe” category.

– if I click in the shop page on the category “accessory”, I go on the page https://www.blastjump.com/product-category/accessori/ (correct) but the breadcrumbs are ” HOME > SHOP> SHOP > ACCESSORI”, there is a “shop” link more than ideal.

How can I fix these problems?

Thank you a lot for the precious collaboration,

Alessandro

#337208 Copied
Tony Rodriguez

Support staff

October 25, 2022 at 09:49
Hello, @Ale,

1- Sorry to say, that there is no option in the theme nor there is any widget available like this on the shop page you cannot make it as it appears on the single product page except for customization.

2- In order to solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and paste the below code at the bottom of the CSS box there.

.woocommerce-shop .product-category:first-child{display:none !important;}

Then save settings and check back to your site after clearing the browser cache.

3- To solve your issue simply go to the Dashboard >> XStore >> Theme Options >> Theme Custom CSS >> Global and paste the below code at the bottom of the CSS box there.
```
.woocommerce-breadcrumb a:nth-child(3){display:none !important;}
.page-heading .delimeter:nth-child(2){display:none !important;}
```
Then save settings and check back to your site after clearing the browser cache.

Regards 8Themes Team.
#337273 Copied
Ale

Participant

November 7, 2022 at 17:38

Hi and thank you for the precious assistance!
I have few more problems to fix:

– in the shop page (https://www.blastjump.com/shop/), how can I translate the label “SALE” with red background on the left of the main product?

– Bredacrumbs are ok in the shop page but if I click on a category (accessori or ricambi), there is a double “shop” link in the breadcrumbs (see https://www.blastjump.com/product-category/ricambi/)

– Always in the shop page, I translated the product button in “SCEGLI” some month ago but i don’t remember where I did theediting and now i must fix it.

– In the form of payment page I need to edit it and add the fiscal code field

– Last but not least, in the categories page like https://www.blastjump.com/product-category/accessori/ I’d like to have product one under the other and not the pagination.

Can you kindly help me to fix these problems? Thanks a lot!

Alessandro

Please contact administrator
for this information.

#338090 Copied

Tony Rodriguez

Support staff

November 8, 2022 at 09:12

Hello, @Ale,

1- Theme Options > WooCommerce > Shop elemets > Sale & Out of Stock > “Sale” Label Text.

WPML > String translation > scroll down and press on “Translate texts in admin screens” link. You’ll see a list of fields, choose the fields you’d like to translate. For example – http://prntscr.com/10gxxqu After that go back to the String Translation section and translate the necessary content.

2- I don’t see any issue it is working fine I have checked the link that you shared and here is the resulting image: https://i.is.cc/2eRNweVv.png please check back to your site after clearing the browser cache.

3- Actually you are using 2 language plugins on your site and which might conflicts with one another, so always use the one, If you use the WPML then try not to use the Loco, OR else try to contact the WPML support.

4- Sorry to say, that there is no option in the theme for this because the form is coming from the WooCommerce plugin and our theme does not have any influence on it. Changes require customization.

5- The thing you requires is already done on your site as you can see in this video: https://streamable.com/n4elk0

Regards 8Themes Team.

#338117 Copied

Ale

Participant

November 8, 2022 at 16:49

Hi, I still see the same problem with breadcrumbs: https://www.blastjump.com/product-category/ricambi/.
There is a double “shop” link…

Can you help me?

Thanks,

Alessandro

#338164 Copied

Tony Rodriguez

Support staff

November 9, 2022 at 06:49

Hello, @Ale,

Your issue is resolved now, kindly check back to your site after clearing the browser cache. You have total three categories. I check all of them now, and they appear fine, as you can see in this video: https://streamable.com/cnxhki the issue is caused by the wrong permalink structures for shop/category pages. I have set them to default from the Dashboard >> Settings >> Permalinks as you can see in this image: https://postimg.cc/Z99Bd7X7

Regards 8Themes Team.

#338179 Copied

Ale

Participant

November 11, 2022 at 14:50

Hi,
thanks for the precious collaboration.
I have another question:

– how can i fix the layout of this page? https://www.blastjump.com/carrello/

Thanks in advance,

Ale

#338385 Copied

Ale

Participant

November 11, 2022 at 15:10

I forgot another question:

how can I have 2 product per row on category page?
(https://www.blastjump.com/categoria-prodotto/ricambi/)

Thanks in advance,

Ale

#338387 Copied

Rose Tyler

Support staff

November 11, 2022 at 15:39

Hello,

Try to disable “Advanced Layout” in XStore–>Theme Options–>WooCommerce(Shop)–>Cart/Checkout.

Theme Options > WooCommerce > Shop > Shop page layout > Products Per Row On Category Page

Regards

#338394 Copied

Ale

Participant

November 14, 2022 at 15:22

Hi, in the single product page I have the button “Configurazione Blast”, but i want it just for the boot product and not the other ones.

How can I fix the problem?

Thanks in advance,

Ale

#338558 Copied

Rose Tyler

Support staff

November 14, 2022 at 15:37

Hello,

We can’t log in right now to check your settings. Please provide the correct credentials.
Also, read this article – https://www.8theme.com/documentation/docs/xstore-size-guide-on-product-page/

Regards

#338560 Copied

Ale

Participant

November 14, 2022 at 15:51

Hi, I send you the correct credentials.

Thanks

Please contact administrator
for this information.

#338563 Copied

Rose Tyler

Support staff

November 14, 2022 at 16:22

Hello,

Thanks for the reply.
There is no such option, but maybe custom CSS code can be used to achieve the mentioned result. Please provide 2 links: the product where the Size Guide is needed and from where you want to disable it.

Regards

#338564 Copied

Ale

Participant

November 14, 2022 at 16:31

the product where the Size Guide is needed: https://www.blastjump.com/prodotto/blast-blu/

from where you want to disable it: all the other products…

#338566 Copied

Rose Tyler

Support staff

November 14, 2022 at 16:40

Go to Single Product Builder > Multiple templates > created a new one and set it for the mentioned product > Publish changes. Then edit the default template and remove the Size Guide element from the content.

Regards

#338567 Copied

Ale

Participant

November 28, 2022 at 16:56

Hi., I’ve still some problem with breadcrumbs.

For example:
– https://www.blastjump.com/prodotto/blast-personal-azzurro/: breadcrumbs must be “home–> shop –> scarpe -> blast personal azzurro ”

– https://www.blastjump.com/prodotto/arco-nero/: breadcrumbs must be “home–> shop –> ricambi –> Arco Nero”

– https://www.blastjump.com/prodotto/scarpetta-interna-paio/: breadcrumbs must be “home–> shop –> ricambi –> Scarpetta interna”

– https://www.blastjump.com/prodotto/set-2-elastici/: breadcrumbs must be “home–> shop –> accessori –> set 2 elastici”

how can I fix these problems?

Very thanks in advance!

Ale

#339928 Copied

Rose Tyler

Support staff

November 28, 2022 at 17:18

Hello,

All the options that are available for the permalinks you can find in Settings > Permalinks

Regards

#339937 Copied

Ale

Participant

December 1, 2022 at 14:57

Hi, I tried to fix with permalinks but there is still a problem to fix.

Bradcrumbs are perfect for “regular” pages, shop page and single product pages.

But in the category pages there are duplicated links (ex. https://www.blastjump.com/categoria-prodotto/scarpe/ has “home > shop > shop > scarpe scarpe”).

And the single post pages miss the last delimiter “>” (ex. https://www.blastjump.com/venice-marathon-experience/ has “home > blog > category name post name).

How can I fix these problems?
Thanks in advance,

Alessandro

Please contact administrator
for this information.

#340266 Copied
Tony Rodriguez

Support staff

December 2, 2022 at 07:13
Hello, @Ale,

Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and check back to your site after removing the browser cache.

https://www.blastjump.com/categoria-prodotto/scarpe/

https://postimg.cc/svhWjJPZ
```
.tax-product_cat .woocommerce-breadcrumb a:nth-child(3) {
    display: none !important;
}
.tax-product_cat .woocommerce-breadcrumb span.delimeter:nth-child(2) {
    display: none !important;
}
```
Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and check back to your site after removing the browser cache.

https://www.blastjump.com/venice-marathon-experience/

https://postimg.cc/TpNTs85V
```
.single-post h5.title::before {
    content: "\e904" !important;
    font-family: 'xstore-icons' !important;
    padding-right: 5px !important;
}
```
Regards 8Themes Team.
#340305 Copied
Ale

Participant

December 6, 2022 at 17:03

Hi, I published the ecommerce pages in italian but there is a problem: on the checkout page (https://www.blastjump.com/pagamento/) I can pay just if I flag the option “Spedire ad un indirizzo differente?” (send to a different address).
If I don’t compile that part of form, I cannot pay and there is a message error that say I missed to fill the address field.

How can I fix this bug?

Thank you a lot!

Please contact administrator
for this information.

#340719 Copied

Tony Rodriguez

Support staff

December 7, 2022 at 06:09

Hello, @Ale,

Could you please check it once by activating the default WordPress Theme like Twenty Twenty Two, just to make it sure that the issue is with our theme or not? I think this issue is independent from our theme.

And if the issue will still persist with the default WordPress Theme as well, then I suggest you to reach out to the WooCommerce support for getting further help on this.

Regards 8Themes Team.

#340748 Copied

Ale

Participant

December 7, 2022 at 11:28

Thank you very much, I’ll try asap.

But I have another problem, in whishlist page if I add a product it doesn’t appear (https://www.blastjump.com/il-mio-account/?et-wishlist-page)

How can i fix?

Thanks in advance

#340781 Copied

Rose Tyler

Support staff

December 7, 2022 at 13:21

Hello,

Please check now – https://www.blastjump.com/wishlist/?wishlist-action

Regards

#340797 Copied
Tagged: customize, problem, shop, single product, themes, woocommerce, wordpress
Viewing 25 results - 1 through 25 (of 25 total)