Home › Forums › Basel support forum › Product page images padding/margin issues

Product page images padding/margin issues

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • April 16, 2020 at 4:29 pm #187570

    Aziz
    Participant

    Dear XTEMOS team,

    Thanks for amazing theme. I am advising your theme for my customers and I am building their website using your theme. I have got an issue:

    On the product page some product (for woman collection) has a hole between main image and subimages. Screenshot attached. The interesting part is that for some products (form en collection is fine). KIndly help what is the issue behind that

    Attachments:
    You must be logged in to view attached files.
    April 16, 2020 at 6:58 pm #187588

    Elise Noromit
    Member

    Hello,

    Thank you very much for choosing our theme and warm feedback.

    Please check if you have enabled “Main carousel auto height” in the Theme Settings > Product page. If you have, disable it and check. Please note, you would better to upload images with equal size and proportion.

    Best Regards

    April 16, 2020 at 7:01 pm #187593

    Aziz
    Participant

    Hey, thanks for quick reply. I just realized that the issue is behind not same image sizing.
    One more question how can I enable breadcrumbs in product-category pages? for example link attached in private content

    April 17, 2020 at 12:14 pm #187814

    Artem Temos
    Keymaster

    Try to enable it in Theme Settings -> Page heading. If it will not help, please, send us your admin access so we can check.

    April 17, 2020 at 12:18 pm #187819

    Aziz
    Participant

    I couldn’t enable it. Please help me.

    April 17, 2020 at 12:36 pm #187843

    Artem Temos
    Keymaster

    Could you please temporarily remove all your custom CSS from the customizer and check how it works?

    April 17, 2020 at 12:40 pm #187848

    Aziz
    Participant

    I know that none of my custom CSS is affecting bradcrumbs. I have removed them all and still there nothing

    April 17, 2020 at 1:42 pm #187889

    Artem Temos
    Keymaster

    We see that the breadcrumbs is shown when clear all the CSS from the Customizer.

    April 17, 2020 at 1:44 pm #187891

    Aziz
    Participant

    In this link: product -page There no breadcrumbs. Screenshot attached.

    Attachments:
    You must be logged in to view attached files.
    April 17, 2020 at 1:48 pm #187895

    Artem Temos
    Keymaster

    On the shop page breadcrumbs is not a part of the page title. It is displayed above the products.

    April 17, 2020 at 1:50 pm #187896

    Aziz
    Participant

    It is not possible to display it as in product pages?

    Attachments:
    You must be logged in to view attached files.
    April 17, 2020 at 1:59 pm #187902

    Artem Temos
    Keymaster

    Sorry, but there is no such option on the shop page.

    April 18, 2020 at 12:42 am #187977

    Aziz
    Participant

    All right I found a solution. For all those who needs to customize and add breadcrumbs as in product pages simply follow these steps:

    BEFORE YOU DO ANYTHING PLEASE MAKE A COPY OF YOUR CODE OR WHOLE WEBSITE.

    1) Go to Theme editor -> Choose Basel theme.
    2) In the right menu find file “archive-product.php”.
    3) Then search for “<div class=”shop-loop-head”>”
    4) Paste this code right above the step 3.

    <div class=”single-breadcrumbs-wrapper”>
    <div class=”container”>
    <?php basel_current_breadcrumbs( ‘shop’ ); ?>
    </div>
    </div>

    5) Save and enjoy. From now on you will have same breadcrumbs style as in product pages.

    —-

    Woocommerce template version: 3.4.0
    Basel theme version: 5.2.0

    April 18, 2020 at 12:54 am #187980

    Aziz
    Participant

    Can you please advice what is the function in getting a category name? Or how can I get only string category name from breadcrumbs?

    April 18, 2020 at 1:04 am #187981

    Aziz
    Participant

    UPDATE:

    1) Solution above it makes your breadcrumbs look like in product page.
    2) This solution makes your breadcrumbs look like in regular pages.

    Here is code to have exactly same breadcrumbs as in any page. It really makes product-page look better with breadcrumbs.

    <div class=”page-title page-title-default title-size-small title-design-centered color-scheme-light”>
    <div class=”container”>
    <header class=”entry-header”>
    <h1 class=”entry-title”><?php $category = get_the_category( $post->ID ); echo $category[0]->cat_name;?></h1>
    <div class=”breadcrumbs” xmlns:v=”http://rdf.data-vocabulary.org/#”>&lt;?php
    basel_current_breadcrumbs( ‘shop’ ); ?>
    </div><!– .breadcrumbs –> </header>
    </div>
    </div>

    April 18, 2020 at 8:34 am #188036

    Artem Temos
    Keymaster

    Hello,

    Thank you for posting your solution here.

    Kind Regards

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)