Shop page with single product: problem to customize

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

  • Avatar: Ale
    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.
    24 Answers
    Avatar: Tony Rodriguez
    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.

    Avatar: Ale
    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

    Avatar: Tony Rodriguez
    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.

    Avatar: Ale
    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.
    Avatar: Tony Rodriguez
    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.

    Avatar: Ale
    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

    Avatar: Tony Rodriguez
    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.

    Avatar: Ale
    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

    Avatar: Ale
    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

    Avatar: Rose Tyler
    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

    Avatar: Ale
    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

    Avatar: Rose Tyler
    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://xstore.helpscoutdocs.com/article/140-xstore-size-guide-on-product-page

    Regards

    Avatar: Ale
    Ale
    Participant
    November 14, 2022 at 15:51

    Hi, I send you the correct credentials.

    Thanks

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    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

    Avatar: Ale
    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…

    Avatar: Rose Tyler
    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

    Avatar: Ale
    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

    Avatar: Rose Tyler
    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

    Avatar: Ale
    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.
  • 1 2
    Viewing 20 results - 1 through 20 (of 25 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.