Ajax cart edit

Shopware 5 Themes & Design
1

Guten Morgen!

In meine Shopware website ich muss meine side-ajax-cart andern (ich habe eine link an eine bild vorgestellt). In welche file kann ich es finden? Ich habe probiere in /www.mywebsite.com/themes/Frontend/Bare/frontend/checkout gesucht, aber ich habe nicht gefunden, was ich brauche.

Ich muss nür die Breite (width) von die kart mehr gross machen; wo ist die Anzahl der ich andern muss?;

Vielen Dank… Auf dieser Moment studiere ich in die Udemy video kurse von Shopware und suche ich in Google aber die Anfang sind immer ein bischen kompliziert!

2

Hallo Abn760

findest du hhier :deineonlinestore.com/themes/Frontend/Responsive/frontend/_public/src/less/_components/offcanvas-menu.less

und das musst ändern: .container–ajax-cart.off-canvas

1 „Gefällt mir“
3

Erste, vielen Dank fur deine Antwort!

Ich habe geoffnet der file der du mir geschrieben hat, aber ich habe nicht diese var gefunden. Auf dieser Moment habe ich Shopware 5.1.6; wo darf ich diese var finden?

Das ist die Inhalt von meine file:

/*
Off-canvas menu
=======================================
The off-canvas menu is the default shopping cart menu in Shopware.

It is an expanding menu that displays the shopping cart at the right side of the screen.

It can be enabled/disabled inside the Shopware 5 backend.

The functionality is provided by the `jquery.off-canvas-menu.js` file.
*/

// Is used for the necessary styling of an off-canvas menu
.off-canvas {
    .transition(all 0.45s cubic-bezier(.3,0,.15,1));
    .transform-style(preserve-3d);
    .unitize-width(280);
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: @zindex-offcanvas;

    &.is--left {
        .transform(translateX(-100%));
        left: 0;
    }

    &.is--right {
        .transform(translateX(100%));
        right: 0;
    }

    &.is--active {
        display: block;
    }

    &.is--open {
        .transform(translateX(0));
    }

    &.is--full-screen {
        width: 100%;
    }

    &.no--transitions {
        .transition(none);
    }

    .buttons--off-canvas {
        display: block;
    }

    .close--off-canvas {
        .unitize-padding(2, 10);
        .unitize(line-height, 38);
        .secondary-gradient();
        .clearfix();
        display: block;
        color: #fff;
        font-weight: bold;
        cursor: pointer;

        .icon--arrow-left {
            .unitize-margin(0, 10, 0, 0);
            .unitize(font-size, 11);
        }
    }

    .link--go-main {
        .unitize(font-size, 16);
        .unitize-padding(10, 10);
        .unitize-height(42);
        font-weight: 700;
        display: block;
        width: 100%;

        .icon--menu {
            .unitize(font-size, 20);
            .unitize(margin-right, 10);
            float: left;
        }
    }

    .sidebar--navigation .navigation--link {
        .unitize-padding(2, 10);
        .unitize(line-height, 38);

        .is--icon-right {
            margin-top: 0;
        }

        .is--icon-left {
            .unitize-margin(0, 10, 0, 0);
            float: left;
        }
    }
}

.buttons--off-canvas {
    display: none;
}

.page-wrap {
    .transition(left 400ms cubic-bezier(.16,.04,.14,1));
    position: relative;
    left: 0;
}

.navigation--smartphone {
	.navigation--entry {
		.unitize-padding(12, 10, 12, 10);
		background: #fff;
	}
	.navigation--link {
		display: block;
	}

	.entry--close-off-canvas {
        .unitize-padding(2, 10);
        .unitize(line-height, 38);
		.secondary-gradient();

		.navigation--link {
			.clearfix();
            .unitize(font-size, 14);
			color: @gray-light;
			font-weight: bold;

			&:active {
				color: @gray;
			}
		}
		.icon--arrow-right {
			.unitize-margin(12, 0, 0, 0);
            .unitize(font-size, 11);
            float: right;
		}
	}
}

.navigation--headline,
.sidebar--navigation {
	.unitize-margin(0, 10, 0, 10);
}
.navigation--headline {
	.unitize-margin(16, 10, 6, 10);
    .unitize(line-height, 26);
    color: @text-color-dark;
    font-weight: 700;
	font-size: 1em;
}
.sidebar--navigation {
	.border-radius();
	background: #fff;
	border: 1px solid @border-color;

	.navigation--entry {
		border-bottom: 1px solid @border-color;

		&:last-child {
			border-bottom: 0 none;
		}
	}
	.navigation--link {
		color: @text-color;
        overflow: hidden;
        text-overflow: ellipsis;
	}
}

@media screen and(min-width: @tabletViewportWidth) {

    // Reset the styles of the standard off-canvas elements on higher screen sizes
    .off-canvas {
        .translate(0, 0);
        .transition(none);
        display: block;
        background: transparent;
        position: relative;
        width: auto;
        height: auto;
        top: 0;
        left: 0;
        z-index: @zindex-offcanvas-higher-viewport;

        .sidebar--navigation .navigation--link {
            .unitize-padding(10, 10);
            line-height: inherit;
        }

        .account--menu .navigation--link {
            .unitize-padding(5, 0);
            line-height: inherit;
        }
    }

    .sidebar-main {
        .entry--close-off-canvas {
            display: none;
        }

        .icon--arrow-right,
        .icon--arrow-left {
            display: none;
        }
    }
}

 

4

Vielleicht muss ich etwas andern in der file 

/www.mysite.com/themes/Frontend/Onlinestore/frontend/_public/src/less/_modules/global.less ?

Die Inhalt von diese file ist:

@media screen and(min-width: @tabletViewportWidth) {
    .content-main {
        .unitize(min-height, 750);
        box-shadow: 0 0 0 0 #FFFFFF;
    }
}

@media screen and (min-width: @desktopViewportWidth) {
    .content-main {
        .unitize(margin-top, 0);
        .unitize(margin-bottom, 15);
        .unitize(min-height, 0);
    }

     .content-main--inner {
        .unitize-padding(0, 50, 0, 50);
    }
}

Vielen Dank!

5

Änderungen nur im EIGENEN Theme:

https://developers.shopware.com/designers-guide/

und:

https://www.w3schools.com/

Ohne Grundlagen solltest du dir jemanden suchen der das für dich macht.