style shop

Hello,

I should have this shop style:

https://broadsidesushi.it/delivery/categoria/nigiri-e-sashimi/

is that possible with the Be theme?

I see on the theme Be is the style of the list:

https://www.ristorantesantateresagenova.it/delivery-2/

but it doesn't let me take the small photo and the purchase buttons remain on the photo.

Also, where you disable the display of the product sheet ... only the buy cart button should remain

Thank you so much

Comments

  • Hi,

    To change the woocommerce images size please go to the customizer tool in wordpress and change it in the front-end.

    Notice!

    Remember to use thumbnail regeneration after you make your changes. Otherwise, the images will not change their size.

    To turn off the purchase button from image, please, go to Betheme -> Theme options -> Global -> General, and in section Image Frame from Style dropdown menu, choose Zoom | without icons or Disable hover effect.

    To disable the display of the product sheet please, put the following Custom CSS Code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

    .woocommerce .product .summary .accordion{
       display: none!important;
    }
    

    Thanks

  • unfortunately it doesn't work:

    - Cart item disappears and I cannot have the product purchased

    - I entered the css but it still opens the product sheet

    - I changed the size of the images and regenerated the images but they are not 130px X130px

    I can't figure out how to do it

    t

    This is the link

    https://www.ristorantesantateresagenova.it/delivery-2/

    thank you so much

  • Please use this CSS instead:

    .woocommerce .product .desc .excerpt{
      display: none!important;
    }
    
    

    About the cart, did you set the main shop page in the woocommerce settings?

    thanks

  • yes we have set the product page to woocommerce,

    i managed to get the small pictures using this css:

    /*SHOP*/

    .woocommerce .product .desc .excerpt{

     display: none!important;

    }

    .woocommerce ul.products.columns-1 li.product .image_frame {

      width: auto;

    }

    .woocommerce ul.products li.product a img {

      width: auto;

    }

    .woocommerce ul.products li.product .desc {

      background: #efefef;

    }

    LINK: https://www.ristorantesantateresagenova.it/prodotti/

    but actually I would like it to do it by regenerating the images .... but it doesn't work!


  • Then I wanted to ask if it was possible to add the add button to the cart already in the product archive ... without opening the product sheet?

    Thank you very much

  • 1) The image is nearly 130x130, it's just 4pixels - it's normal behavior because wordpress select the image which will not distort ratio of image - the functionality of that shouldn't be changed, because it can make a lot of problems with responsive web design.


    2) Can you explain it greater? You want to add the "Add to cart" button in the cart page? You mean increasing the amount of the product?

    Thanks

  • ok for the image i keep that size to avoid problems ... :)

    instead if it was possible to add the quantity next to the "add to cart" button?

    I should also disable the display of the product sheet, what can I do?

    ie should the user buy directly from the categories archive?

    Explained?

    Thank you very much

  • Well, we do not have functionality in BeTheme which would enable that ?

    I know, that there are plugins which will extend the woocommerce to do that, but sadly I cannot recommend any of them because simply, we do not support them.

    thanks


  • what a pity!

    thanks

  • For information :

    I used this:

    https://wordpress.org/plugins/qty-increment-buttons-for-woocommerce/

    and to disable the buttons to access the product card I added this:

    .image_frame.product-loop-thumb a{pointer-events: none;}

    .desc h4 a{pointer-events: none;}

    https://www.ristorantesantateresagenova.it/prodotti/

    thanks

Sign In or Register to comment.