Add expert description between image and add to cart button on shop page layout

This topic has 23 replies, 3 voices, and was last updated 4 years, 8 months ago ago by Rose Tyler

  • Avatar: murmoon
    murmoon
    Participant
    July 16, 2019 at 14:53

    How can I add expert description between image and add to cart button on shop page layout? like here: https://cherepovets.sushifoods.ru/роллы-классические/

    22 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 16, 2019 at 16:00

    Hello,

    Copy xstore/woocommerce/content-product.php file to the child theme and

    <div class="product-excerpt">
        <?php echo do_shortcode(get_the_excerpt()); ?>
    </div>

    next to product title code http://prntscr.com/ofu38g
    After that add the following CSS to show the short description on grid

    .products-grid .product-excerpt {
        display: block;
    }

    Regards

    Avatar: murmoon
    murmoon
    Participant
    July 16, 2019 at 20:02

    How to show product-excerpt only in grid?
    Now in list product-excerpt is shown twice.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 17, 2019 at 07:18

    Please provide us with URL os the page with the list view, we will give you custom CSS code to remove one of the excerpts there.

    Regards

    Avatar: murmoon
    murmoon
    Participant
    July 23, 2019 at 08:01
    Avatar: murmoon
    murmoon
    Participant
    July 23, 2019 at 08:30

    I have 2 more questions and think it is not need to open new topic.

    1st ) I set ‘add to cart’ rounded via your theme setting. And find our a ‘mistake’ in Quick View. For simple products everything is Ok. But for variable products is not customized. How can I fix it?
    – screenshot: https://www.dropbox.com/s/i4ltnsy2s79z61p/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202019-07-23%2010.09.32.png?dl=0
    – link to variable products: https://cherepovets.sushifoods.ru/пицца/

    2nd ) How/where can I make this field rounded like in your demo?
    – screenshot: https://www.dropbox.com/s/tarer2aijtaht04/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202019-07-23%2010.12.57.png?dl=0

    Avatar: murmoon
    murmoon
    Participant
    July 23, 2019 at 14:48

    3rd question ) I set Turn on to disable ability to buy products via removing “Add to Cart” buttons. But instead of remove “Add to Cart” button I get “Show Details” button. Is it possible to remove “Add to Cart” without getting any other button, like in WooPress?

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 23, 2019 at 18:50

    Hello,

    Edit the same file and remove the excerpt for the list mode http://prntscr.com/oj18mq

    1) Provide us with Dashboard access to your site, we need to check the settings.
    2) Use the custom code

    div.quantity .minus {
        border-radius: 50px 0 0 50px;
    }
    div.quantity .plus {
        border-radius: 0 50px 50px 0;
    }

    3) Do you want to disable it for the shop page only then go to Theme Options > Shop > Product Styles > http://prntscr.com/oj1b8e If you want to disable option to buy the products for the whole site then enable Catalog mode http://prntscr.com/oj1bxd

    Regards

    Avatar: murmoon
    murmoon
    Participant
    July 25, 2019 at 09:17

    1) for “1st” I provide you with Dashboard access to my site.

    3) yes, I want to disable option to buy the products for the whole site and I enable Catalog mode. In this case instead of “Add to Cart” button I get “Show Details” button. Is it possible to not to get “Show Details” button (hide any button) like in your other theme WooPress?

    4) new question: when I set ‘List’, I get one column on mobile. So is it possible to show ‘List’ on mobile and ‘Grid’ on desktop? Or how can I set one column for ‘Grid’ on mobile?

    Please contact administrator
    for this information.
    Avatar: murmoon
    murmoon
    Participant
    July 25, 2019 at 15:41

    5) How/where can I translate “add to cart” button and text “clear” for Variation swatches?
    Please see link https://cherepovets.sushifoods.ru/product-category/меню-бургер/шаверма/

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 25, 2019 at 17:10

    Hello,

    1) Need also FTP access to fix code.
    3) Just disable it in Theme Options > Shop > Product layout http://prntscr.com/ojzlhe
    4) There is no option to show list for mobile and grid for the desktop but you can make product 100% width, just add the following code to child theme style.css

    @media only screen and (max-width: 480px){
       .products-grid .product {
           width: 100% !important;
       }
    }

    5) Translate XStore core plugin http://prntscr.com/ojzo13

    Regards

    Avatar: murmoon
    murmoon
    Participant
    July 25, 2019 at 17:23

    1) here is FTP access

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 25, 2019 at 18:15

    Hello,

    Check now.

    Regards

    Avatar: murmoon
    murmoon
    Participant
    July 25, 2019 at 21:17
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 26, 2019 at 13:55

    Hello,

    Border radius also should work but we can’t re-save theme options to generate correct styles http://prntscr.com/okdv9z
    What changes did you do during last day? Did you enable/disable any plugins? Every WP page has js errors http://prntscr.com/okdwli Fix this, please.

    Regards

    Avatar: murmoon
    murmoon
    Participant
    July 26, 2019 at 14:33

    The buttons is black again: https://www.dropbox.com/s/zg0xiumwxx0ba4d/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202019-07-26%2016.26.58.png?dl=0

    I updated some plugins and after that get problem with WP-Rocket. Waiting answer from WP-Rocket’s support. I did not install or activate any new/other plugins.
    Just now I reboot Droplet clean all cache.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 26, 2019 at 16:05

    Hello,

    Fixed. Changes were made in theme-functions.php and theme-options.php files.

    Regards

    Avatar: murmoon
    murmoon
    Participant
    July 27, 2019 at 08:54

    Thank you for your help.

    6) For mobile with Default Product content effect. I like Default Product content effect. «quick view» button is big enough to tap it by finger, but it cover large part of image.

    Is it possible to move «quick view» button under image? Locate «quick view» button between image and title. There is enough space.

    https://www.dropbox.com/s/x71dov9icsvrv5g/IMG_5625.PNG?dl=0

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 29, 2019 at 09:34

    Hello,

    Add the custom

    .footer-product {
         bottom: -5px;
    }

    Regards

    Avatar: murmoon
    murmoon
    Participant
    August 3, 2019 at 09:51

    Please see the link for search with “No items matched your search” result. Buttons text has same color with background. Where or how can I set this button? Or can you make text white?
    https://cherepovets.sushifoods.ru/?s=лойцивлойцивлойци&post_type=product

  • 1 2
    Viewing 20 results - 1 through 20 (of 23 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.